(function () {
'use strict';
var _typoKeys = {
family:'font-family', weight:'font-weight', style:'font-style',
transform:'text-transform', decoration:'text-decoration',
sizeDesktop:'font-size-d', sizeTablet:'font-size-t', sizeMobile:'font-size-m',
lineHeightDesktop:'line-height-d', lineHeightTablet:'line-height-t', lineHeightMobile:'line-height-m',
letterSpacingDesktop:'letter-spacing-d', letterSpacingTablet:'letter-spacing-t', letterSpacingMobile:'letter-spacing-m',
wordSpacingDesktop:'word-spacing-d', wordSpacingTablet:'word-spacing-t', wordSpacingMobile:'word-spacing-m'
};
var _typoUnits = { size:'sizeUnit', lineHeight:'lineHeightUnit', letterSpacing:'letterSpacingUnit', wordSpacing:'wordSpacingUnit' };
var _typoUnitDefaults = { size:'px', lineHeight:'', letterSpacing:'px', wordSpacing:'px' };
function typoCssVarsForEl(el, obj, prefix) {
if (!obj || typeof obj !== 'object') return;
Object.keys(_typoKeys).forEach(function (k) {
var v = obj[k]; if (v === undefined || v === '') return;
var prop = _typoKeys[k];
var base = k.replace(/Desktop|Tablet|Mobile/, '');
var uKey = _typoUnits[base];
if (uKey && typeof v === 'number') v = v + (obj[uKey] || _typoUnitDefaults[base] || '');
el.style.setProperty(prefix + prop, v);
});
}
var TAB_COLORS = { html: '#e34c26', css: '#264de4', js: '#f0db4f' };
var TAB_TEXT = { html: '#ffffff', css: '#ffffff', js: '#1e1b4b' };
function debounce(fn, ms) {
var t;
return function () {
clearTimeout(t);
t = setTimeout(fn, ms);
};
}
function buildSrc(html, css, js) {
return '' + html + '