Skip to content

Instantly share code, notes, and snippets.

@OSUblake
OSUblake / machine.js
Created April 3, 2020 02:33
Generated by XState Viz: https://xstate.js.org/viz
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
@OSUblake
OSUblake / all-polymer-builds.txt
Created January 6, 2019 11:32 — forked from zevisert/all-polymer-builds.txt
Polymer build configs
js.compile: "es2018"
# build name | browser capabilities
"2018-psm" | ["es2018", "push", "serviceworker", "modules"]
"2018-ps" | ["es2018", "push", "serviceworker"]
"2018-pm" | ["es2018", "push", "modules"]
"2018-sm" | ["es2018", "serviceworker", "modules"]
"2018-s" | ["es2018", "serviceworker"]
"2018-m" | ["es2018", "modules"]
"2018-p" | ["es2018", "push",]
"2018-0" | ["es2018"]
@OSUblake
OSUblake / custom-input.js
Created January 6, 2019 11:31 — forked from akc42/custom-input.js
Custom Input using Decorator Pattern.
import { LitElement, html } from '../../node_modules/@polymer/lit-element/lit-element.js';
import {ifDefined} from '../../node_modules/lit-html/directives/if-defined.js';
import {classMap} from '../../node_modules/lit-html/directives/class-map.js';
import {render} from '../../node_modules/lit-html/lib/shady-render.js';
let inputCounter = 0;
class CustomInput extends LitElement {
static get properties() {
return {
function getLength(points, steps) {
steps = steps || 20;
var length = 0;
var last = points[0];
var size = points.length;
for (var i = 1; i < size; i += 3) {
@OSUblake
OSUblake / draggable.d.ts
Created January 5, 2016 07:54
GreenSock Draggable TypeScript Definition
declare class Draggable {
static version: string;
static zIndex: number;
allowEventDefault: boolean;
autoScroll: number;
endRotation: number;
endX: number;
endY: number;
/*!
* The MIT License (MIT)
*
* Copyright (c) 2016 by Blake Bowen (http://codepen.io/osublake/pen/OyPGEo)
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
@OSUblake
OSUblake / designer.html
Last active August 29, 2015 14:16
designer
<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-app.html">
<link rel="import" href="../topeka-elements/topeka-datasource.html">
<polymer-element name="my-element">
<template>
<style>
:host {
@OSUblake
OSUblake / designer.html
Last active August 29, 2015 14:10
designer
<link rel="import" href="../topeka-elements/category-icons.html">
<link rel="import" href="../core-icon/core-icon.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
@OSUblake
OSUblake / designer.html
Created November 22, 2014 07:21
designer
<link rel="import" href="../core-animated-pages/core-animated-pages.html">
<link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
<link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
<link rel="import" href="../core-animated-pages/transitions/slide-down.html">
<link rel="import" href="../core-animated-pages/transitions/slide-up.html">
<link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
@OSUblake
OSUblake / designer.html
Last active August 29, 2015 14:10
designer
<link rel="import" href="../topeka-elements/category-images.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
<link rel="import" href="../topeka-elements/category-icons.html">
<polymer-element name="my-element">
<template>