Matt Kenefick mattkenefick

## dispatch.ts
/**
 * Example:
 *
 *     import Vue from 'vue';
 *     import Dispatch from './dispatch';
 *     Vue.use(Dispatch);
 *
 * @author Matt Kenefick <matt@polymermallard.com>
 * @package Plugin
 * @project Your Project

## functions.js
// interface Element {
// 	parentSelector(selector: string): Element | null;
// 	previousSelector(selector: string, traverseUpwards?: boolean): Element | null;
// 	previousSelectorAll(selector: string, traverseUpwards?: boolean): Element[];
// }

/**
 * Traverse upward from an existing element.
 *
 * @param string selector

## .browserslistrc
# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.

# For additional information regarding the format and rule options, please see:

# https://github.com/browserslist/browserslist#queries

# For the full list of supported browsers by the Angular framework, please see:

# https://angular.io/guide/browser-support

## index.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>Three.js Basic Scene</title>
		<style>
			body {
				margin: 0;
			}
		</style>

## receiveTwilio.js
// Constants
const TWILIO_ACCOUNT_SID = 'AC94f51c8f89430a6...'; // change me
const TWILIO_ACCOUNT_TOKEN = '426cee8c3...'; // change me
const TWILIO_PHONE = '+18005551234'; // change me
const NUMBER_TO_RETRIEVE = 1000;
const HOURS_OFFSET = 0;
const START_COLUMN = 2;
const START_ROW = 3;

/**

## scroll-distance.js
document.addEventListener('scroll', (e) => {
	const documentHeight = document.documentElement.scrollHeight;
	const windowHeight = window.innerHeight;
	const scrollDistance = window.scrollY;
	const ratio = scrollDistance / (documentHeight - windowHeight);

	console.log(ratio);
});

## approximate-aspect-ratio.js
/**
 * Usage:
 *
 * const ratio = approximateAspectRatio(855, 482, 20);
 * // "16:9"
 *
 * @param number width
 * @param number height
 * @param number maxRatio
 * @return string

## {filename}.component.html
<section class="view-${input.filename}">
	My Template
</section>

## index.html
<!DOCTYPE html>
<html>
    <head>
        <style>
            body {
                background: black;
                color: white;
                font-family: sans-serif;
            }

## com-inh-dep-ioc.md

      
        
          
            
              
              1 file
            
          
          
            
              
              0 forks
            
          
          
            
              
              0 comments
            
          
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                mattkenefick
                / com-inh-dep-ioc.md
            
            
              Created
              July 15, 2023 19:45
            
          
        
      
        
  
      
    Composition and inheritance are both fundamental concepts in object-oriented programming (OOP) that help in organizing and structuring code. While they achieve similar goals, they differ in their approach and usage. Here's a comparison between composition and inheritance:
Composition:

Composition is a design principle that allows objects to be composed of other objects or components.
It emphasizes building complex functionality by combining simpler, reusable components.
It follows the "has-a" relationship, where an object contains or is composed of other objects.
Components can be dynamically composed or changed at runtime, providing flexibility and modularity.
Composition promotes code reusability, as components can be shared across different objects.
It encourages loose coupling between objects, making the system more maintainable and adaptable.
Composition can lead to a more modular and flexible code structure, as components can be easily replaced or modified without affecting the ent
	/**
	* Example:
	*
	* import Vue from 'vue';
	* import Dispatch from './dispatch';
	* Vue.use(Dispatch);
	*
	* @author Matt Kenefick <matt@polymermallard.com>
	* @package Plugin
	* @project Your Project
	// interface Element {
	// parentSelector(selector: string): Element \| null;
	// previousSelector(selector: string, traverseUpwards?: boolean): Element \| null;
	// previousSelectorAll(selector: string, traverseUpwards?: boolean): Element[];
	// }

	/**
	* Traverse upward from an existing element.
	*
	* @param string selector
	# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.

	# For additional information regarding the format and rule options, please see:

	# https://github.com/browserslist/browserslist#queries

	# For the full list of supported browsers by the Angular framework, please see:

	# https://angular.io/guide/browser-support
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Three.js Basic Scene</title>
	<style>
	body {
	margin: 0;
	}
	</style>
	// Constants
	const TWILIO_ACCOUNT_SID = 'AC94f51c8f89430a6...'; // change me
	const TWILIO_ACCOUNT_TOKEN = '426cee8c3...'; // change me
	const TWILIO_PHONE = '+18005551234'; // change me
	const NUMBER_TO_RETRIEVE = 1000;
	const HOURS_OFFSET = 0;
	const START_COLUMN = 2;
	const START_ROW = 3;

	/**
	document.addEventListener('scroll', (e) => {
	const documentHeight = document.documentElement.scrollHeight;
	const windowHeight = window.innerHeight;
	const scrollDistance = window.scrollY;
	const ratio = scrollDistance / (documentHeight - windowHeight);

	console.log(ratio);
	});
	/**
	* Usage:
	*
	* const ratio = approximateAspectRatio(855, 482, 20);
	* // "16:9"
	*
	* @param number width
	* @param number height
	* @param number maxRatio
	* @return string
	<section class="view-${input.filename}">
	My Template
	</section>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	body {
	background: black;
	color: white;
	font-family: sans-serif;
	}