"
var node_ph_type_ary = [];
if (nodesSldLayout !== undefined) {
for (var nodeKey in nodesSldLayout) {
if (nodesSldLayout[nodeKey].constructor === Array) {
for (var i = 0; i < nodesSldLayout[nodeKey].length; i++) {
var ph_type = getTextByPathList(nodesSldLayout[nodeKey][i], ["p:nvSpPr", "p:nvPr", "p:ph", "attrs", "type"]);
// if (ph_type !== undefined && ph_type != "pic") {
// node_ph_type_ary.push(ph_type);
// }
if (ph_type != "pic") {
result += processNodesInSlide(nodeKey, nodesSldLayout[nodeKey][i], nodesSldLayout, warpObj, "slideLayoutBg"); //slideLayoutBg , slideMasterBg
}
}
} else {
var ph_type = getTextByPathList(nodesSldLayout[nodeKey], ["p:nvSpPr", "p:nvPr", "p:ph", "attrs", "type"]);
// if (ph_type !== undefined && ph_type != "pic") {
// node_ph_type_ary.push(ph_type);
// }
if (ph_type != "pic") {
result += processNodesInSlide(nodeKey, nodesSldLayout[nodeKey], nodesSldLayout, warpObj, "slideLayoutBg"); //slideLayoutBg, slideMasterBg
}
}
}
}
if (nodesSldMaster !== undefined && (showMasterSp == "1" || showMasterSp === undefined)) {
for (var nodeKey in nodesSldMaster) {
if (nodesSldMaster[nodeKey].constructor === Array) {
for (var i = 0; i < nodesSldMaster[nodeKey].length; i++) {
var ph_type = getTextByPathList(nodesSldMaster[nodeKey][i], ["p:nvSpPr", "p:nvPr", "p:ph", "attrs", "type"]);
//if (node_ph_type_ary.indexOf(ph_type) > -1) {
result += processNodesInSlide(nodeKey, nodesSldMaster[nodeKey][i], nodesSldMaster, warpObj, "slideMasterBg"); //slideLayoutBg , slideMasterBg
//}
}
} else {
var ph_type = getTextByPathList(nodesSldMaster[nodeKey], ["p:nvSpPr", "p:nvPr", "p:ph", "attrs", "type"]);
//if (node_ph_type_ary.indexOf(ph_type) > -1) {
result += processNodesInSlide(nodeKey, nodesSldMaster[nodeKey], nodesSldMaster, warpObj, "slideMasterBg"); //slideLayoutBg, slideMasterBg
//}
}
}
}
return result;
}
function getSlideBackgroundFill(warpObj, index) {
var slideContent = warpObj["slideContent"];
var slideLayoutContent = warpObj["slideLayoutContent"];
var slideMasterContent = warpObj["slideMasterContent"];
//console.log("slideContent: ", slideContent)
//console.log("slideLayoutContent: ", slideLayoutContent)
//console.log("slideMasterContent: ", slideMasterContent)
//getFillType(node)
var bgPr = getTextByPathList(slideContent, ["p:sld", "p:cSld", "p:bg", "p:bgPr"]);
var bgRef = getTextByPathList(slideContent, ["p:sld", "p:cSld", "p:bg", "p:bgRef"]);
//console.log("slideContent >> bgPr: ", bgPr, ", bgRef: ", bgRef)
var bgcolor;
if (bgPr !== undefined) {
//bgcolor = "background-color: blue;";
var bgFillTyp = getFillType(bgPr);
if (bgFillTyp == "SOLID_FILL") {
var sldFill = bgPr["a:solidFill"];
var clrMapOvr;
var sldClrMapOvr = getTextByPathList(slideContent, ["p:sld", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
if (sldClrMapOvr !== undefined) {
clrMapOvr = sldClrMapOvr;
} else {
var sldClrMapOvr = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
if (sldClrMapOvr !== undefined) {
clrMapOvr = sldClrMapOvr;
} else {
clrMapOvr = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:clrMap", "attrs"]);
}
}
var sldBgClr = getSolidFill(sldFill, clrMapOvr, undefined, warpObj);
//var sldTint = getColorOpacity(sldFill);
//console.log("bgColor: ", bgColor)
//bgcolor = "background: rgba(" + hexToRgbNew(bgColor) + "," + sldTint + ");";
bgcolor = "background: #" + sldBgClr + ";";
} else if (bgFillTyp == "GRADIENT_FILL") {
bgcolor = getBgGradientFill(bgPr, undefined, slideMasterContent, warpObj);
} else if (bgFillTyp == "PIC_FILL") {
//console.log("PIC_FILL - ", bgFillTyp, bgPr, warpObj);
bgcolor = getBgPicFill(bgPr, "slideBg", warpObj, undefined, index);
}
//console.log(slideContent,slideMasterContent,color_ary,tint_ary,rot,bgcolor)
} else if (bgRef !== undefined) {
//console.log("slideContent",bgRef)
var clrMapOvr;
var sldClrMapOvr = getTextByPathList(slideContent, ["p:sld", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
if (sldClrMapOvr !== undefined) {
clrMapOvr = sldClrMapOvr;
} else {
var sldClrMapOvr = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
if (sldClrMapOvr !== undefined) {
clrMapOvr = sldClrMapOvr;
} else {
clrMapOvr = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:clrMap", "attrs"]);
}
}
var phClr = getSolidFill(bgRef, clrMapOvr, undefined, warpObj);
// if (bgRef["a:srgbClr"] !== undefined) {
// phClr = getTextByPathList(bgRef, ["a:srgbClr", "attrs", "val"]); //#...
// } else if (bgRef["a:schemeClr"] !== undefined) { //a:schemeClr
// var schemeClr = getTextByPathList(bgRef, ["a:schemeClr", "attrs", "val"]);
// phClr = getSchemeColorFromTheme("a:" + schemeClr, slideMasterContent, undefined); //#...
// }
var idx = Number(bgRef["attrs"]["idx"]);
if (idx == 0 || idx == 1000) {
//no background
} else if (idx > 0 && idx < 1000) {
//fillStyleLst in themeContent
//themeContent["a:fmtScheme"]["a:fillStyleLst"]
//bgcolor = "background: red;";
} else if (idx > 1000) {
//bgFillStyleLst in themeContent
//themeContent["a:fmtScheme"]["a:bgFillStyleLst"]
var trueIdx = idx - 1000;
// themeContent["a:theme"]["a:themeElements"]["a:fmtScheme"]["a:bgFillStyleLst"];
var bgFillLst = warpObj["themeContent"]["a:theme"]["a:themeElements"]["a:fmtScheme"]["a:bgFillStyleLst"];
var sortblAry = [];
Object.keys(bgFillLst).forEach(function (key) {
var bgFillLstTyp = bgFillLst[key];
if (key != "attrs") {
if (bgFillLstTyp.constructor === Array) {
for (var i = 0; i < bgFillLstTyp.length; i++) {
var obj = {};
obj[key] = bgFillLstTyp[i];
obj["idex"] = bgFillLstTyp[i]["attrs"]["order"];
obj["attrs"] = {
"order": bgFillLstTyp[i]["attrs"]["order"]
}
sortblAry.push(obj)
}
} else {
var obj = {};
obj[key] = bgFillLstTyp;
obj["idex"] = bgFillLstTyp["attrs"]["order"];
obj["attrs"] = {
"order": bgFillLstTyp["attrs"]["order"]
}
sortblAry.push(obj)
}
}
});
var sortByOrder = sortblAry.slice(0);
sortByOrder.sort(function (a, b) {
return a.idex - b.idex;
});
var bgFillLstIdx = sortByOrder[trueIdx - 1];
var bgFillTyp = getFillType(bgFillLstIdx);
if (bgFillTyp == "SOLID_FILL") {
var sldFill = bgFillLstIdx["a:solidFill"];
var sldBgClr = getSolidFill(sldFill, clrMapOvr, undefined, warpObj);
//var sldTint = getColorOpacity(sldFill);
//bgcolor = "background: rgba(" + hexToRgbNew(phClr) + "," + sldTint + ");";
bgcolor = "background: #" + sldBgClr + ";";
//console.log("slideMasterContent - sldFill",sldFill)
} else if (bgFillTyp == "GRADIENT_FILL") {
bgcolor = getBgGradientFill(bgFillLstIdx, phClr, slideMasterContent, warpObj);
} else {
console.log(bgFillTyp)
}
}
}
else {
bgPr = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:cSld", "p:bg", "p:bgPr"]);
bgRef = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:cSld", "p:bg", "p:bgRef"]);
//console.log("slideLayoutContent >> bgPr: ", bgPr, ", bgRef: ", bgRef)
var clrMapOvr;
var sldClrMapOvr = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
if (sldClrMapOvr !== undefined) {
clrMapOvr = sldClrMapOvr;
} else {
clrMapOvr = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:clrMap", "attrs"]);
}
if (bgPr !== undefined) {
var bgFillTyp = getFillType(bgPr);
if (bgFillTyp == "SOLID_FILL") {
var sldFill = bgPr["a:solidFill"];
var sldBgClr = getSolidFill(sldFill, clrMapOvr, undefined, warpObj);
//var sldTint = getColorOpacity(sldFill);
// bgcolor = "background: rgba(" + hexToRgbNew(bgColor) + "," + sldTint + ");";
bgcolor = "background: #" + sldBgClr + ";";
} else if (bgFillTyp == "GRADIENT_FILL") {
bgcolor = getBgGradientFill(bgPr, undefined, slideMasterContent, warpObj);
} else if (bgFillTyp == "PIC_FILL") {
bgcolor = getBgPicFill(bgPr, "slideLayoutBg", warpObj, undefined, index);
}
//console.log("slideLayoutContent",bgcolor)
} else if (bgRef !== undefined) {
console.log("slideLayoutContent: bgRef", bgRef)
//bgcolor = "background: white;";
var phClr = getSolidFill(bgRef, clrMapOvr, undefined, warpObj);
var idx = Number(bgRef["attrs"]["idx"]);
//console.log("phClr=", phClr, "idx=", idx)
if (idx == 0 || idx == 1000) {
//no background
} else if (idx > 0 && idx < 1000) {
//fillStyleLst in themeContent
//themeContent["a:fmtScheme"]["a:fillStyleLst"]
//bgcolor = "background: red;";
} else if (idx > 1000) {
//bgFillStyleLst in themeContent
//themeContent["a:fmtScheme"]["a:bgFillStyleLst"]
var trueIdx = idx - 1000;
var bgFillLst = warpObj["themeContent"]["a:theme"]["a:themeElements"]["a:fmtScheme"]["a:bgFillStyleLst"];
var sortblAry = [];
Object.keys(bgFillLst).forEach(function (key) {
//console.log("cubicBezTo[" + key + "]:");
var bgFillLstTyp = bgFillLst[key];
if (key != "attrs") {
if (bgFillLstTyp.constructor === Array) {
for (var i = 0; i < bgFillLstTyp.length; i++) {
var obj = {};
obj[key] = bgFillLstTyp[i];
obj["idex"] = bgFillLstTyp[i]["attrs"]["order"];
obj["attrs"] = {
"order": bgFillLstTyp[i]["attrs"]["order"]
}
sortblAry.push(obj)
}
} else {
var obj = {};
obj[key] = bgFillLstTyp;
obj["idex"] = bgFillLstTyp["attrs"]["order"];
obj["attrs"] = {
"order": bgFillLstTyp["attrs"]["order"]
}
sortblAry.push(obj)
}
}
});
var sortByOrder = sortblAry.slice(0);
sortByOrder.sort(function (a, b) {
return a.idex - b.idex;
});
var bgFillLstIdx = sortByOrder[trueIdx - 1];
var bgFillTyp = getFillType(bgFillLstIdx);
if (bgFillTyp == "SOLID_FILL") {
var sldFill = bgFillLstIdx["a:solidFill"];
//console.log("sldFill: ", sldFill)
//var sldTint = getColorOpacity(sldFill);
//bgcolor = "background: rgba(" + hexToRgbNew(phClr) + "," + sldTint + ");";
var sldBgClr = getSolidFill(sldFill, clrMapOvr, phClr, warpObj);
//console.log("bgcolor: ", bgcolor)
bgcolor = "background: #" + sldBgClr + ";";
} else if (bgFillTyp == "GRADIENT_FILL") {
//console.log("GRADIENT_FILL: ", bgFillLstIdx, phClr)
bgcolor = getBgGradientFill(bgFillLstIdx, phClr, slideMasterContent, warpObj);
} else if (bgFillTyp == "PIC_FILL") {
//theme rels
//console.log("PIC_FILL - ", bgFillTyp, bgFillLstIdx, bgFillLst, warpObj);
bgcolor = getBgPicFill(bgFillLstIdx, "themeBg", warpObj, phClr, index);
} else {
console.log(bgFillTyp)
}
}
} else {
bgPr = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:cSld", "p:bg", "p:bgPr"]);
bgRef = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:cSld", "p:bg", "p:bgRef"]);
var clrMap = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:clrMap", "attrs"]);
//console.log("slideMasterContent >> bgPr: ", bgPr, ", bgRef: ", bgRef)
if (bgPr !== undefined) {
var bgFillTyp = getFillType(bgPr);
if (bgFillTyp == "SOLID_FILL") {
var sldFill = bgPr["a:solidFill"];
var sldBgClr = getSolidFill(sldFill, clrMap, undefined, warpObj);
// var sldTint = getColorOpacity(sldFill);
// bgcolor = "background: rgba(" + hexToRgbNew(bgColor) + "," + sldTint + ");";
bgcolor = "background: #" + sldBgClr + ";";
} else if (bgFillTyp == "GRADIENT_FILL") {
bgcolor = getBgGradientFill(bgPr, undefined, slideMasterContent, warpObj);
} else if (bgFillTyp == "PIC_FILL") {
bgcolor = getBgPicFill(bgPr, "slideMasterBg", warpObj, undefined, index);
}
} else if (bgRef !== undefined) {
//var obj={
// "a:solidFill": bgRef
//}
var phClr = getSolidFill(bgRef, clrMap, undefined, warpObj);
// var phClr;
// if (bgRef["a:srgbClr"] !== undefined) {
// phClr = getTextByPathList(bgRef, ["a:srgbClr", "attrs", "val"]); //#...
// } else if (bgRef["a:schemeClr"] !== undefined) { //a:schemeClr
// var schemeClr = getTextByPathList(bgRef, ["a:schemeClr", "attrs", "val"]);
// phClr = getSchemeColorFromTheme("a:" + schemeClr, slideMasterContent, undefined); //#...
// }
var idx = Number(bgRef["attrs"]["idx"]);
//console.log("phClr=", phClr, "idx=", idx)
if (idx == 0 || idx == 1000) {
//no background
} else if (idx > 0 && idx < 1000) {
//fillStyleLst in themeContent
//themeContent["a:fmtScheme"]["a:fillStyleLst"]
//bgcolor = "background: red;";
} else if (idx > 1000) {
//bgFillStyleLst in themeContent
//themeContent["a:fmtScheme"]["a:bgFillStyleLst"]
var trueIdx = idx - 1000;
var bgFillLst = warpObj["themeContent"]["a:theme"]["a:themeElements"]["a:fmtScheme"]["a:bgFillStyleLst"];
var sortblAry = [];
Object.keys(bgFillLst).forEach(function (key) {
//console.log("cubicBezTo[" + key + "]:");
var bgFillLstTyp = bgFillLst[key];
if (key != "attrs") {
if (bgFillLstTyp.constructor === Array) {
for (var i = 0; i < bgFillLstTyp.length; i++) {
var obj = {};
obj[key] = bgFillLstTyp[i];
obj["idex"] = bgFillLstTyp[i]["attrs"]["order"];
obj["attrs"] = {
"order": bgFillLstTyp[i]["attrs"]["order"]
}
sortblAry.push(obj)
}
} else {
var obj = {};
obj[key] = bgFillLstTyp;
obj["idex"] = bgFillLstTyp["attrs"]["order"];
obj["attrs"] = {
"order": bgFillLstTyp["attrs"]["order"]
}
sortblAry.push(obj)
}
}
});
var sortByOrder = sortblAry.slice(0);
sortByOrder.sort(function (a, b) {
return a.idex - b.idex;
});
var bgFillLstIdx = sortByOrder[trueIdx - 1];
var bgFillTyp = getFillType(bgFillLstIdx);
//console.log("bgFillLstIdx: ", bgFillLstIdx, ", bgFillTyp: ", bgFillTyp, ", phClr: ", phClr);
if (bgFillTyp == "SOLID_FILL") {
var sldFill = bgFillLstIdx["a:solidFill"];
//console.log("sldFill: ", sldFill)
//var sldTint = getColorOpacity(sldFill);
//bgcolor = "background: rgba(" + hexToRgbNew(phClr) + "," + sldTint + ");";
var sldBgClr = getSolidFill(sldFill, clrMap, phClr, warpObj);
//console.log("bgcolor: ", bgcolor)
bgcolor = "background: #" + sldBgClr + ";";
} else if (bgFillTyp == "GRADIENT_FILL") {
//console.log("GRADIENT_FILL: ", bgFillLstIdx, phClr)
bgcolor = getBgGradientFill(bgFillLstIdx, phClr, slideMasterContent, warpObj);
} else if (bgFillTyp == "PIC_FILL") {
//theme rels
// console.log("PIC_FILL - ", bgFillTyp, bgFillLstIdx, bgFillLst, warpObj);
bgcolor = getBgPicFill(bgFillLstIdx, "themeBg", warpObj, phClr, index);
} else {
console.log(bgFillTyp)
}
}
}
}
}
//console.log("bgcolor: ", bgcolor)
return bgcolor;
}
function getBgGradientFill(bgPr, phClr, slideMasterContent, warpObj) {
var bgcolor = "";
if (bgPr !== undefined) {
var grdFill = bgPr["a:gradFill"];
var gsLst = grdFill["a:gsLst"]["a:gs"];
//var startColorNode, endColorNode;
var color_ary = [];
var pos_ary = [];
//var tint_ary = [];
for (var i = 0; i < gsLst.length; i++) {
var lo_tint;
var lo_color = "";
var lo_color = getSolidFill(gsLst[i], slideMasterContent["p:sldMaster"]["p:clrMap"]["attrs"], phClr, warpObj);
var pos = getTextByPathList(gsLst[i], ["attrs", "pos"])
//console.log("pos: ", pos)
if (pos !== undefined) {
pos_ary[i] = pos / 1000 + "%";
} else {
pos_ary[i] = "";
}
//console.log("lo_color", lo_color)
color_ary[i] = "#" + lo_color;
//tint_ary[i] = (lo_tint !== undefined) ? parseInt(lo_tint) / 100000 : 1;
}
//get rot
var lin = grdFill["a:lin"];
var rot = 90;
if (lin !== undefined) {
rot = angleToDegrees(lin["attrs"]["ang"]);// + 270;
//console.log("rot: ", rot)
rot = rot + 90;
}
bgcolor = "background: linear-gradient(" + rot + "deg,";
for (var i = 0; i < gsLst.length; i++) {
if (i == gsLst.length - 1) {
//if (phClr === undefined) {
//bgcolor += "rgba(" + hexToRgbNew(color_ary[i]) + "," + tint_ary[i] + ")" + ");";
bgcolor += color_ary[i] + " " + pos_ary[i] + ");";
//} else {
//bgcolor += "rgba(" + hexToRgbNew(phClr) + "," + tint_ary[i] + ")" + ");";
// bgcolor += "" + phClr + ";";;
//}
} else {
//if (phClr === undefined) {
//bgcolor += "rgba(" + hexToRgbNew(color_ary[i]) + "," + tint_ary[i] + ")" + ", ";
bgcolor += color_ary[i] + " " + pos_ary[i] + ", ";;
//} else {
//bgcolor += "rgba(" + hexToRgbNew(phClr) + "," + tint_ary[i] + ")" + ", ";
// bgcolor += phClr + ", ";
//}
}
}
} else {
if (phClr !== undefined) {
//bgcolor = "rgba(" + hexToRgbNew(phClr) + ",0);";
//bgcolor = phClr + ");";
bgcolor = "background: #" + phClr + ";";
}
}
return bgcolor;
}
function getBgPicFill(bgPr, sorce, warpObj, phClr, index) {
//console.log("getBgPicFill bgPr", bgPr)
var bgcolor;
var picFillBase64 = getPicFill(sorce, bgPr["a:blipFill"], warpObj);
var ordr = bgPr["attrs"]["order"];
var aBlipNode = bgPr["a:blipFill"]["a:blip"];
//a:duotone
var duotone = getTextByPathList(aBlipNode, ["a:duotone"]);
if (duotone !== undefined) {
//console.log("pic duotone: ", duotone)
var clr_ary = [];
// duotone.forEach(function (clr) {
// console.log("pic duotone clr: ", clr)
// })
Object.keys(duotone).forEach(function (clr_type) {
//console.log("pic duotone clr: clr_type: ", clr_type, duotone[clr_type])
if (clr_type != "attrs") {
var obj = {};
obj[clr_type] = duotone[clr_type];
clr_ary.push(getSolidFill(obj, undefined, phClr, warpObj));
}
// Object.keys(duotone[clr_type]).forEach(function (clr) {
// if (clr != "order") {
// var obj = {};
// obj[clr_type] = duotone[clr_type][clr];
// clr_ary.push(getSolidFill(obj, undefined, phClr, warpObj));
// }
// })
})
//console.log("pic duotone clr_ary: ", clr_ary);
//filter: url(file.svg#filter-element-id)
//https://codepen.io/bhenbe/pen/QEZOvd
//https://www.w3schools.com/cssref/css3_pr_filter.asp
// var color1 = clr_ary[0];
// var color2 = clr_ary[1];
// var cssName = "";
// var styleText_before_after = "content: '';" +
// "display: block;" +
// "width: 100%;" +
// "height: 100%;" +
// // "z-index: 1;" +
// "position: absolute;" +
// "top: 0;" +
// "left: 0;";
// var cssName = "slide-background-" + index + "::before," + " .slide-background-" + index + "::after";
// styleTable[styleText_before_after] = {
// "name": cssName,
// "text": styleText_before_after
// };
// var styleText_after = "background-color: #" + clr_ary[1] + ";" +
// "mix-blend-mode: darken;";
// cssName = "slide-background-" + index + "::after";
// styleTable[styleText_after] = {
// "name": cssName,
// "text": styleText_after
// };
// var styleText_before = "background-color: #" + clr_ary[0] + ";" +
// "mix-blend-mode: lighten;";
// cssName = "slide-background-" + index + "::before";
// styleTable[styleText_before] = {
// "name": cssName,
// "text": styleText_before
// };
}
//a:alphaModFix
var aphaModFixNode = getTextByPathList(aBlipNode, ["a:alphaModFix", "attrs"])
var imgOpacity = "";
if (aphaModFixNode !== undefined && aphaModFixNode["amt"] !== undefined && aphaModFixNode["amt"] != "") {
var amt = parseInt(aphaModFixNode["amt"]) / 100000;
//var opacity = amt;
imgOpacity = "opacity:" + amt + ";";
}
//a:tile
var tileNode = getTextByPathList(bgPr, ["a:blipFill", "a:tile", "attrs"])
var prop_style = "";
if (tileNode !== undefined && tileNode["sx"] !== undefined) {
var sx = (parseInt(tileNode["sx"]) / 100000);
var sy = (parseInt(tileNode["sy"]) / 100000);
var tx = (parseInt(tileNode["tx"]) / 100000);
var ty = (parseInt(tileNode["ty"]) / 100000);
var algn = tileNode["algn"]; //tl(top left),t(top), tr(top right), l(left), ctr(center), r(right), bl(bottom left), b(bottm) , br(bottom right)
var flip = tileNode["flip"]; //none,x,y ,xy
prop_style += "background-repeat: round;"; //repeat|repeat-x|repeat-y|no-repeat|space|round|initial|inherit;
//prop_style += "background-size: 300px 100px;"; size (w,h,sx, sy) -TODO
//prop_style += "background-position: 50% 40%;"; //offset (tx, ty) -TODO
}
//a:srcRect
//a:stretch => a:fillRect =>attrs (l:-17000, r:-17000)
var stretch = getTextByPathList(bgPr, ["a:blipFill", "a:stretch"]);
if (stretch !== undefined) {
var fillRect = getTextByPathList(stretch, ["a:fillRect", "attrs"]);
//console.log("getBgPicFill=>bgPr: ", bgPr)
// var top = fillRect["t"], right = fillRect["r"], bottom = fillRect["b"], left = fillRect["l"];
prop_style += "background-repeat: no-repeat;";
prop_style += "background-position: center;";
if (fillRect !== undefined) {
//prop_style += "background-size: contain, cover;";
prop_style += "background-size: 100% 100%;;";
}
}
bgcolor = "background: url(" + picFillBase64 + "); z-index: " + ordr + ";" + prop_style + imgOpacity;
return bgcolor;
}
// function hexToRgbNew(hex) {
// var arrBuff = new ArrayBuffer(4);
// var vw = new DataView(arrBuff);
// vw.setUint32(0, parseInt(hex, 16), false);
// var arrByte = new Uint8Array(arrBuff);
// return arrByte[1] + "," + arrByte[2] + "," + arrByte[3];
// }
function getShapeFill(node, pNode, isSvgMode, warpObj, source) {
// 1. presentationML
// p:spPr/ [a:noFill, solidFill, gradFill, blipFill, pattFill, grpFill]
// From slide
//Fill Type:
//console.log("getShapeFill ShapeFill: ", node, ", isSvgMode; ", isSvgMode)
var fillType = getFillType(getTextByPathList(node, ["p:spPr"]));
//var noFill = getTextByPathList(node, ["p:spPr", "a:noFill"]);
var fillColor;
if (fillType == "NO_FILL") {
return isSvgMode ? "none" : "";//"background-color: initial;";
} else if (fillType == "SOLID_FILL") {
var shpFill = node["p:spPr"]["a:solidFill"];
fillColor = getSolidFill(shpFill, undefined, undefined, warpObj);
} else if (fillType == "GRADIENT_FILL") {
var shpFill = node["p:spPr"]["a:gradFill"];
fillColor = getGradientFill(shpFill, warpObj);
//console.log("shpFill",shpFill,grndColor.color)
} else if (fillType == "PATTERN_FILL") {
var shpFill = node["p:spPr"]["a:pattFill"];
fillColor = getPatternFill(shpFill, warpObj);
} else if (fillType == "PIC_FILL") {
var shpFill = node["p:spPr"]["a:blipFill"];
fillColor = getPicFill(source, shpFill, warpObj);
}
//console.log("getShapeFill ShapeFill: ", node, ", isSvgMode; ", isSvgMode, ", fillType: ", fillType, ", fillColor: ", fillColor, ", source: ", source)
// 2. drawingML namespace
if (fillColor === undefined) {
var clrName = getTextByPathList(node, ["p:style", "a:fillRef"]);
var idx = parseInt(getTextByPathList(node, ["p:style", "a:fillRef", "attrs", "idx"]));
if (idx == 0 || idx == 1000) {
//no fill
return isSvgMode ? "none" : "";
} else if (idx > 0 && idx < 1000) {
//
fill
} else if (idx > 1000) {
//
}
fillColor = getSolidFill(clrName, undefined, undefined, warpObj);
}
// 3. is group fill
if (fillColor === undefined) {
var grpFill = getTextByPathList(node, ["p:spPr", "a:grpFill"]);
if (grpFill !== undefined) {
//fillColor = getSolidFill(clrName, undefined, undefined, undefined, warpObj);
//get parent fill style - TODO
//console.log("ShapeFill: grpFill: ", grpFill, ", pNode: ", pNode)
var grpShpFill = pNode["p:grpSpPr"];
var spShpNode = { "p:spPr": grpShpFill }
return getShapeFill(spShpNode, node, isSvgMode, warpObj, source);
} else if (fillType == "NO_FILL") {
return isSvgMode ? "none" : "";
}
}
//console.log("ShapeFill: fillColor: ", fillColor, ", fillType; ", fillType)
if (fillColor !== undefined) {
if (fillType == "GRADIENT_FILL") {
if (isSvgMode) {
// console.log("GRADIENT_FILL color", fillColor.color[0])
return fillColor;
} else {
var colorAry = fillColor.color;
var rot = fillColor.rot;
var bgcolor = "background: linear-gradient(" + rot + "deg,";
for (var i = 0; i < colorAry.length; i++) {
if (i == colorAry.length - 1) {
bgcolor += "#" + colorAry[i] + ");";
} else {
bgcolor += "#" + colorAry[i] + ", ";
}
}
return bgcolor;
}
} else if (fillType == "PIC_FILL") {
if (isSvgMode) {
return fillColor;
} else {
return "background-image:url(" + fillColor + ");";
}
} else if (fillType == "PATTERN_FILL") {
/////////////////////////////////////////////////////////////Need to check -----------TODO
// if (isSvgMode) {
// var color = tinycolor(fillColor);
// fillColor = color.toRgbString();
// return fillColor;
// } else {
var bgPtrn = "", bgSize = "", bgPos = "";
bgPtrn = fillColor[0];
if (fillColor[1] !== null && fillColor[1] !== undefined && fillColor[1] != "") {
bgSize = " background-size:" + fillColor[1] + ";";
}
if (fillColor[2] !== null && fillColor[2] !== undefined && fillColor[2] != "") {
bgPos = " background-position:" + fillColor[2] + ";";
}
return "background: " + bgPtrn + ";" + bgSize + bgPos;
//}
} else {
if (isSvgMode) {
var color = tinycolor(fillColor);
fillColor = color.toRgbString();
return fillColor;
} else {
//console.log(node,"fillColor: ",fillColor,"fillType: ",fillType,"isSvgMode: ",isSvgMode)
return "background-color: #" + fillColor + ";";
}
}
} else {
if (isSvgMode) {
return "none";
} else {
return "background-color: inherit;";
}
}
}
///////////////////////Amir//////////////////////////////
function getFillType(node) {
//Need to test/////////////////////////////////////////////
//SOLID_FILL
//PIC_FILL
//GRADIENT_FILL
//PATTERN_FILL
//NO_FILL
var fillType = "";
if (node["a:noFill"] !== undefined) {
fillType = "NO_FILL";
}
if (node["a:solidFill"] !== undefined) {
fillType = "SOLID_FILL";
}
if (node["a:gradFill"] !== undefined) {
fillType = "GRADIENT_FILL";
}
if (node["a:pattFill"] !== undefined) {
fillType = "PATTERN_FILL";
}
if (node["a:blipFill"] !== undefined) {
fillType = "PIC_FILL";
}
if (node["a:grpFill"] !== undefined) {
fillType = "GROUP_FILL";
}
return fillType;
}
function getGradientFill(node, warpObj) {
//console.log("getGradientFill: node", node)
var gsLst = node["a:gsLst"]["a:gs"];
//get start color
var color_ary = [];
var tint_ary = [];
for (var i = 0; i < gsLst.length; i++) {
var lo_tint;
var lo_color = getSolidFill(gsLst[i], undefined, undefined, warpObj);
//console.log("lo_color",lo_color)
color_ary[i] = lo_color;
}
//get rot
var lin = node["a:lin"];
var rot = 0;
if (lin !== undefined) {
rot = angleToDegrees(lin["attrs"]["ang"]) + 90;
}
return {
"color": color_ary,
"rot": rot
}
}
function getPicFill(type, node, warpObj) {
//Need to test/////////////////////////////////////////////
//rId
//TODO - Image Properties - Tile, Stretch, or Display Portion of Image
//(http://officeopenxml.com/drwPic-tile.php)
var img;
var rId = node["a:blip"]["attrs"]["r:embed"];
var imgPath;
//console.log("getPicFill(...) rId: ", rId, ", warpObj: ", warpObj, ", type: ", type)
if (type == "slideBg" || type == "slide") {
imgPath = getTextByPathList(warpObj, ["slideResObj", rId, "target"]);
} else if (type == "slideLayoutBg") {
imgPath = getTextByPathList(warpObj, ["layoutResObj", rId, "target"]);
} else if (type == "slideMasterBg") {
imgPath = getTextByPathList(warpObj, ["masterResObj", rId, "target"]);
} else if (type == "themeBg") {
imgPath = getTextByPathList(warpObj, ["themeResObj", rId, "target"]);
} else if (type == "diagramBg") {
imgPath = getTextByPathList(warpObj, ["diagramResObj", rId, "target"]);
}
if (imgPath === undefined) {
return undefined;
}
img = getTextByPathList(warpObj, ["loaded-images", imgPath]); //, type, rId
if (img === undefined) {
imgPath = escapeHtml(imgPath);
var imgExt = imgPath.split(".").pop();
if (imgExt == "xml") {
return undefined;
}
var imgArrayBuffer = warpObj["zip"].file(imgPath).asArrayBuffer();
var imgMimeType = getMimeType(imgExt);
img = "data:" + imgMimeType + ";base64," + base64ArrayBuffer(imgArrayBuffer);
//warpObj["loaded-images"][imgPath] = img; //"defaultTextStyle": defaultTextStyle,
setTextByPathList(warpObj, ["loaded-images", imgPath], img); //, type, rId
}
return img;
}
function getPatternFill(node, warpObj) {
//https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients
//https://cssgradient.io/blog/css-gradient-text/
//https://css-tricks.com/background-patterns-simplified-by-conic-gradients/
//https://stackoverflow.com/questions/6705250/how-to-get-a-pattern-into-a-written-text-via-css
//https://stackoverflow.com/questions/14072142/striped-text-in-css
//https://css-tricks.com/stripes-css/
//https://yuanchuan.dev/gradient-shapes/
var fgColor = "", bgColor = "", prst = "";
var bgClr = node["a:bgClr"];
var fgClr = node["a:fgClr"];
prst = node["attrs"]["prst"];
fgColor = getSolidFill(fgClr, undefined, undefined, warpObj);
bgColor = getSolidFill(bgClr, undefined, undefined, warpObj);
//var angl_ary = getAnglefromParst(prst);
//var ptrClr = "repeating-linear-gradient(" + angl + "deg, #" + bgColor + ",#" + fgColor + " 2px);"
//linear-gradient(0deg, black 10 %, transparent 10 %, transparent 90 %, black 90 %, black),
//linear-gradient(90deg, black 10 %, transparent 10 %, transparent 90 %, black 90 %, black);
var linear_gradient = getLinerGrandient(prst, bgColor, fgColor);
//console.log("getPatternFill: node:", node, ", prst: ", prst, ", fgColor: ", fgColor, ", bgColor:", bgColor, ', linear_gradient: ', linear_gradient)
return linear_gradient;
}
function getLinerGrandient(prst, bgColor, fgColor) {
// dashDnDiag (Dashed Downward Diagonal)-V
// dashHorz (Dashed Horizontal)-V
// dashUpDiag(Dashed Upward DIagonal)-V
// dashVert(Dashed Vertical)-V
// diagBrick(Diagonal Brick)-V
// divot(Divot)-VX
// dkDnDiag(Dark Downward Diagonal)-V
// dkHorz(Dark Horizontal)-V
// dkUpDiag(Dark Upward Diagonal)-V
// dkVert(Dark Vertical)-V
// dotDmnd(Dotted Diamond)-VX
// dotGrid(Dotted Grid)-V
// horzBrick(Horizontal Brick)-V
// lgCheck(Large Checker Board)-V
// lgConfetti(Large Confetti)-V
// lgGrid(Large Grid)-V
// ltDnDiag(Light Downward Diagonal)-V
// ltHorz(Light Horizontal)-V
// ltUpDiag(Light Upward Diagonal)-V
// ltVert(Light Vertical)-V
// narHorz(Narrow Horizontal)-V
// narVert(Narrow Vertical)-V
// openDmnd(Open Diamond)-V
// pct10(10 %)-V
// pct20(20 %)-V
// pct25(25 %)-V
// pct30(30 %)-V
// pct40(40 %)-V
// pct5(5 %)-V
// pct50(50 %)-V
// pct60(60 %)-V
// pct70(70 %)-V
// pct75(75 %)-V
// pct80(80 %)-V
// pct90(90 %)-V
// smCheck(Small Checker Board) -V
// smConfetti(Small Confetti)-V
// smGrid(Small Grid) -V
// solidDmnd(Solid Diamond)-V
// sphere(Sphere)-V
// trellis(Trellis)-VX
// wave(Wave)-V
// wdDnDiag(Wide Downward Diagonal)-V
// wdUpDiag(Wide Upward Diagonal)-V
// weave(Weave)-V
// zigZag(Zig Zag)-V
// shingle(Shingle)-V
// plaid(Plaid)-V
// cross (Cross)
// diagCross(Diagonal Cross)
// dnDiag(Downward Diagonal)
// horz(Horizontal)
// upDiag(Upward Diagonal)
// vert(Vertical)
switch (prst) {
case "smGrid":
return ["linear-gradient(to right, #" + fgColor + " -1px, transparent 1px ), " +
"linear-gradient(to bottom, #" + fgColor + " -1px, transparent 1px) #" + bgColor + ";", "4px 4px"];
break
case "dotGrid":
return ["linear-gradient(to right, #" + fgColor + " -1px, transparent 1px ), " +
"linear-gradient(to bottom, #" + fgColor + " -1px, transparent 1px) #" + bgColor + ";", "8px 8px"];
break
case "lgGrid":
return ["linear-gradient(to right, #" + fgColor + " -1px, transparent 1.5px ), " +
"linear-gradient(to bottom, #" + fgColor + " -1px, transparent 1.5px) #" + bgColor + ";", "8px 8px"];
break
case "wdUpDiag":
//return ["repeating-linear-gradient(-45deg, #" + bgColor + ", #" + bgColor + " 1px,#" + fgColor + " 5px);"];
return ["repeating-linear-gradient(-45deg, transparent 1px , transparent 4px, #" + fgColor + " 7px)" + "#" + bgColor + ";"];
// return ["linear-gradient(45deg, transparent 0%, transparent calc(50% - 1px), #" + fgColor + " 50%, transparent calc(50% + 1px), transparent 100%) " +
// "#" + bgColor + ";", "6px 6px"];
break
case "dkUpDiag":
return ["repeating-linear-gradient(-45deg, transparent 1px , #" + bgColor + " 5px)" + "#" + fgColor + ";"];
break
case "ltUpDiag":
return ["repeating-linear-gradient(-45deg, transparent 1px , transparent 2px, #" + fgColor + " 4px)" + "#" + bgColor + ";"];
break
case "wdDnDiag":
return ["repeating-linear-gradient(45deg, transparent 1px , transparent 4px, #" + fgColor + " 7px)" + "#" + bgColor + ";"];
break
case "dkDnDiag":
return ["repeating-linear-gradient(45deg, transparent 1px , #" + bgColor + " 5px)" + "#" + fgColor + ";"];
break
case "ltDnDiag":
return ["repeating-linear-gradient(45deg, transparent 1px , transparent 2px, #" + fgColor + " 4px)" + "#" + bgColor + ";"];
break
case "dkHorz":
return ["repeating-linear-gradient(0deg, transparent 1px , transparent 2px, #" + bgColor + " 7px)" + "#" + fgColor + ";"];
break
case "ltHorz":
return ["repeating-linear-gradient(0deg, transparent 1px , transparent 5px, #" + fgColor + " 7px)" + "#" + bgColor + ";"];
break
case "narHorz":
return ["repeating-linear-gradient(0deg, transparent 1px , transparent 2px, #" + fgColor + " 4px)" + "#" + bgColor + ";"];
break
case "dkVert":
return ["repeating-linear-gradient(90deg, transparent 1px , transparent 2px, #" + bgColor + " 7px)" + "#" + fgColor + ";"];
break
case "ltVert":
return ["repeating-linear-gradient(90deg, transparent 1px , transparent 5px, #" + fgColor + " 7px)" + "#" + bgColor + ";"];
break
case "narVert":
return ["repeating-linear-gradient(90deg, transparent 1px , transparent 2px, #" + fgColor + " 4px)" + "#" + bgColor + ";"];
break
case "lgCheck":
case "smCheck":
var size = "";
var pos = "";
if (prst == "lgCheck") {
size = "8px 8px";
pos = "0 0, 4px 4px, 4px 4px, 8px 8px";
} else {
size = "4px 4px";
pos = "0 0, 2px 2px, 2px 2px, 4px 4px";
}
return ["linear-gradient(45deg, #" + fgColor + " 25%, transparent 0, transparent 75%, #" + fgColor + " 0), " +
"linear-gradient(45deg, #" + fgColor + " 25%, transparent 0, transparent 75%, #" + fgColor + " 0) " +
"#" + bgColor + ";", size, pos];
break
// case "smCheck":
// return ["linear-gradient(45deg, transparent 0%, transparent calc(50% - 0.5px), #" + fgColor + " 50%, transparent calc(50% + 0.5px), transparent 100%), " +
// "linear-gradient(-45deg, transparent 0%, transparent calc(50% - 0.5px) , #" + fgColor + " 50%, transparent calc(50% + 0.5px), transparent 100%) " +
// "#" + bgColor + ";", "4px 4px"];
// break
case "dashUpDiag":
return ["repeating-linear-gradient(152deg, #" + fgColor + ", #" + fgColor + " 5% , transparent 0, transparent 70%)" +
"#" + bgColor + ";", "4px 4px"];
break
case "dashDnDiag":
return ["repeating-linear-gradient(45deg, #" + fgColor + ", #" + fgColor + " 5% , transparent 0, transparent 70%)" +
"#" + bgColor + ";", "4px 4px"];
break
case "diagBrick":
return ["linear-gradient(45deg, transparent 15%, #" + fgColor + " 30%, transparent 30%), " +
"linear-gradient(-45deg, transparent 15%, #" + fgColor + " 30%, transparent 30%), " +
"linear-gradient(-45deg, transparent 65%, #" + fgColor + " 80%, transparent 0) " +
"#" + bgColor + ";", "4px 4px"];
break
case "horzBrick":
return ["linear-gradient(335deg, #" + bgColor + " 1.6px, transparent 1.6px), " +
"linear-gradient(155deg, #" + bgColor + " 1.6px, transparent 1.6px), " +
"linear-gradient(335deg, #" + bgColor + " 1.6px, transparent 1.6px), " +
"linear-gradient(155deg, #" + bgColor + " 1.6px, transparent 1.6px) " +
"#" + fgColor + ";", "4px 4px", "0 0.15px, 0.3px 2.5px, 2px 2.15px, 2.35px 0.4px"];
break
case "dashVert":
return ["linear-gradient(0deg, #" + bgColor + " 30%, transparent 30%)," +
"linear-gradient(90deg,transparent, transparent 40%, #" + fgColor + " 40%, #" + fgColor + " 60% , transparent 60%)" +
"#" + bgColor + ";", "4px 4px"];
break
case "dashHorz":
return ["linear-gradient(90deg, #" + bgColor + " 30%, transparent 30%)," +
"linear-gradient(0deg,transparent, transparent 40%, #" + fgColor + " 40%, #" + fgColor + " 60% , transparent 60%)" +
"#" + bgColor + ";", "4px 4px"];
break
case "solidDmnd":
return ["linear-gradient(135deg, #" + fgColor + " 25%, transparent 25%), " +
"linear-gradient(225deg, #" + fgColor + " 25%, transparent 25%), " +
"linear-gradient(315deg, #" + fgColor + " 25%, transparent 25%), " +
"linear-gradient(45deg, #" + fgColor + " 25%, transparent 25%) " +
"#" + bgColor + ";", "8px 8px"];
break
case "openDmnd":
return ["linear-gradient(45deg, transparent 0%, transparent calc(50% - 0.5px), #" + fgColor + " 50%, transparent calc(50% + 0.5px), transparent 100%), " +
"linear-gradient(-45deg, transparent 0%, transparent calc(50% - 0.5px) , #" + fgColor + " 50%, transparent calc(50% + 0.5px), transparent 100%) " +
"#" + bgColor + ";", "8px 8px"];
break
case "dotDmnd":
return ["radial-gradient(#" + fgColor + " 15%, transparent 0), " +
"radial-gradient(#" + fgColor + " 15%, transparent 0) " +
"#" + bgColor + ";", "4px 4px", "0 0, 2px 2px"];
break
case "zigZag":
case "wave":
var size = "";
if (prst == "zigZag") size = "0";
else size = "1px";
return ["linear-gradient(135deg, #" + fgColor + " 25%, transparent 25%) 50px " + size + ", " +
"linear-gradient(225deg, #" + fgColor + " 25%, transparent 25%) 50px " + size + ", " +
"linear-gradient(315deg, #" + fgColor + " 25%, transparent 25%), " +
"linear-gradient(45deg, #" + fgColor + " 25%, transparent 25%) " +
"#" + bgColor + ";", "4px 4px"];
break
case "lgConfetti":
case "smConfetti":
var size = "";
if (prst == "lgConfetti") size = "4px 4px";
else size = "2px 2px";
return ["linear-gradient(135deg, #" + fgColor + " 25%, transparent 25%) 50px 1px, " +
"linear-gradient(225deg, #" + fgColor + " 25%, transparent 25%), " +
"linear-gradient(315deg, #" + fgColor + " 25%, transparent 25%) 50px 1px , " +
"linear-gradient(45deg, #" + fgColor + " 25%, transparent 25%) " +
"#" + bgColor + ";", size];
break
// case "weave":
// return ["linear-gradient(45deg, #" + bgColor + " 5%, transparent 25%) 50px 0, " +
// "linear-gradient(135deg, #" + bgColor + " 25%, transparent 25%) 50px 0, " +
// "linear-gradient(45deg, #" + bgColor + " 25%, transparent 25%) " +
// "#" + fgColor + ";", "4px 4px"];
// //background: linear-gradient(45deg, #dca 12%, transparent 0, transparent 88%, #dca 0),
// //linear-gradient(135deg, transparent 37 %, #a85 0, #a85 63 %, transparent 0),
// //linear-gradient(45deg, transparent 37 %, #dca 0, #dca 63 %, transparent 0) #753;
// // background-size: 25px 25px;
// break;
case "plaid":
return ["linear-gradient(0deg, transparent, transparent 25%, #" + fgColor + "33 25%, #" + fgColor + "33 50%)," +
"linear-gradient(90deg, transparent, transparent 25%, #" + fgColor + "66 25%, #" + fgColor + "66 50%) " +
"#" + bgColor + ";", "4px 4px"];
/**
background-color: #6677dd;
background-image:
repeating-linear-gradient(0deg, transparent, transparent 35px, rgba(255, 255, 255, 0.2) 35px, rgba(255, 255, 255, 0.2) 70px),
repeating-linear-gradient(90deg, transparent, transparent 35px, rgba(255,255,255,0.4) 35px, rgba(255,255,255,0.4) 70px);
*/
break;
case "sphere":
return ["radial-gradient(#" + fgColor + " 50%, transparent 50%)," +
"#" + bgColor + ";", "4px 4px"];
break
case "weave":
case "shingle":
return ["linear-gradient(45deg, #" + bgColor + " 1.31px , #" + fgColor + " 1.4px, #" + fgColor + " 1.5px, transparent 1.5px, transparent 4.2px, #" + fgColor + " 4.2px, #" + fgColor + " 4.3px, transparent 4.31px), " +
"linear-gradient(-45deg, #" + bgColor + " 1.31px , #" + fgColor + " 1.4px, #" + fgColor + " 1.5px, transparent 1.5px, transparent 4.2px, #" + fgColor + " 4.2px, #" + fgColor + " 4.3px, transparent 4.31px) 0 4px, " +
"#" + bgColor + ";", "4px 8px"];
break
//background:
//linear-gradient(45deg, #708090 1.31px, #d9ecff 1.4px, #d9ecff 1.5px, transparent 1.5px, transparent 4.2px, #d9ecff 4.2px, #d9ecff 4.3px, transparent 4.31px),
//linear-gradient(-45deg, #708090 1.31px, #d9ecff 1.4px, #d9ecff 1.5px, transparent 1.5px, transparent 4.2px, #d9ecff 4.2px, #d9ecff 4.3px, transparent 4.31px)0 4px;
//background-color:#708090;
//background-size: 4px 8px;
case "pct5":
case "pct10":
case "pct20":
case "pct25":
case "pct30":
case "pct40":
case "pct50":
case "pct60":
case "pct70":
case "pct75":
case "pct80":
case "pct90":
//case "dotDmnd":
case "trellis":
case "divot":
var px_pr_ary;
switch (prst) {
case "pct5":
px_pr_ary = ["0.3px", "10%", "2px 2px"];
break
case "divot":
px_pr_ary = ["0.3px", "40%", "4px 4px"];
break
case "pct10":
px_pr_ary = ["0.3px", "20%", "2px 2px"];
break
case "pct20":
//case "dotDmnd":
px_pr_ary = ["0.2px", "40%", "2px 2px"];
break
case "pct25":
px_pr_ary = ["0.2px", "50%", "2px 2px"];
break
case "pct30":
px_pr_ary = ["0.5px", "50%", "2px 2px"];
break
case "pct40":
px_pr_ary = ["0.5px", "70%", "2px 2px"];
break
case "pct50":
px_pr_ary = ["0.09px", "90%", "2px 2px"];
break
case "pct60":
px_pr_ary = ["0.3px", "90%", "2px 2px"];
break
case "pct70":
case "trellis":
px_pr_ary = ["0.5px", "95%", "2px 2px"];
break
case "pct75":
px_pr_ary = ["0.65px", "100%", "2px 2px"];
break
case "pct80":
px_pr_ary = ["0.85px", "100%", "2px 2px"];
break
case "pct90":
px_pr_ary = ["1px", "100%", "2px 2px"];
break
}
return ["radial-gradient(#" + fgColor + " " + px_pr_ary[0] + ", transparent " + px_pr_ary[1] + ")," +
"#" + bgColor + ";", px_pr_ary[2]];
break
default:
return [0, 0];
}
}
function getSolidFill(node, clrMap, phClr, warpObj) {
if (node === undefined) {
return undefined;
}
//console.log("getSolidFill node: ", node)
var color = "";
var clrNode;
if (node["a:srgbClr"] !== undefined) {
clrNode = node["a:srgbClr"];
color = getTextByPathList(clrNode, ["attrs", "val"]); //#...
} else if (node["a:schemeClr"] !== undefined) { //a:schemeClr
clrNode = node["a:schemeClr"];
var schemeClr = getTextByPathList(clrNode, ["attrs", "val"]);
color = getSchemeColorFromTheme("a:" + schemeClr, clrMap, phClr, warpObj);
//console.log("schemeClr: ", schemeClr, "color: ", color)
} else if (node["a:scrgbClr"] !== undefined) {
clrNode = node["a:scrgbClr"];
// //Need to test/////////////////////////////////////////////
var defBultColorVals = clrNode["attrs"];
var red = (defBultColorVals["r"].indexOf("%") != -1) ? defBultColorVals["r"].split("%").shift() : defBultColorVals["r"];
var green = (defBultColorVals["g"].indexOf("%") != -1) ? defBultColorVals["g"].split("%").shift() : defBultColorVals["g"];
var blue = (defBultColorVals["b"].indexOf("%") != -1) ? defBultColorVals["b"].split("%").shift() : defBultColorVals["b"];
//var scrgbClr = red + "," + green + "," + blue;
color = toHex(255 * (Number(red) / 100)) + toHex(255 * (Number(green) / 100)) + toHex(255 * (Number(blue) / 100));
//console.log("scrgbClr: " + scrgbClr);
} else if (node["a:prstClr"] !== undefined) {
clrNode = node["a:prstClr"];
// //Need to test/////////////////////////////////////////////
var prstClr = getTextByPathList(clrNode, ["attrs", "val"]); //node["a:prstClr"]["attrs"]["val"];
color = getColorName2Hex(prstClr);
//console.log("blip prstClr: ", prstClr, " => hexClr: ", color);
} else if (node["a:hslClr"] !== undefined) {
clrNode = node["a:hslClr"];
// //Need to test/////////////////////////////////////////////
var defBultColorVals = clrNode["attrs"];
var hue = Number(defBultColorVals["hue"]) / 100000;
var sat = Number((defBultColorVals["sat"].indexOf("%") != -1) ? defBultColorVals["sat"].split("%").shift() : defBultColorVals["sat"]) / 100;
var lum = Number((defBultColorVals["lum"].indexOf("%") != -1) ? defBultColorVals["lum"].split("%").shift() : defBultColorVals["lum"]) / 100;
//var hslClr = defBultColorVals["hue"] + "," + defBultColorVals["sat"] + "," + defBultColorVals["lum"];
var hsl2rgb = hslToRgb(hue, sat, lum);
color = toHex(hsl2rgb.r) + toHex(hsl2rgb.g) + toHex(hsl2rgb.b);
//defBultColor = cnvrtHslColor2Hex(hslClr); //TODO
// console.log("hslClr: " + hslClr);
} else if (node["a:sysClr"] !== undefined) {
clrNode = node["a:sysClr"];
// //Need to test/////////////////////////////////////////////
var sysClr = getTextByPathList(clrNode, ["attrs", "lastClr"]);
if (sysClr !== undefined) {
color = sysClr;
}
}
//console.log("color: [%cstart]", "color: #" + color, tinycolor(color).toHslString(), color)
//fix color -------------------------------------------------------- TODO
//
//1. "alpha":
//Specifies the opacity as expressed by a percentage value.
// [Example: The following represents a green solid fill which is 50 % opaque
// < a: solidFill >
//
//
//
//
var isAlpha = false;
var alpha = parseInt(getTextByPathList(clrNode, ["a:alpha", "attrs", "val"])) / 100000;
//console.log("alpha: ", alpha)
if (!isNaN(alpha)) {
// var al_color = new colz.Color(color);
// al_color.setAlpha(alpha);
// var ne_color = al_color.rgba.toString();
// color = (rgba2hex(ne_color))
var al_color = tinycolor(color);
al_color.setAlpha(alpha);
color = al_color.toHex8()
isAlpha = true;
//console.log("al_color: ", al_color, ", color: ", color)
}
//2. "alphaMod":
// Specifies the opacity as expressed by a percentage relative to the input color.
// [Example: The following represents a green solid fill which is 50 % opaque
// < a: solidFill >
//
//
//
//
//3. "alphaOff":
// Specifies the opacity as expressed by a percentage offset increase or decrease to the
// input color.Increases never increase the opacity beyond 100 %, decreases never decrease
// the opacity below 0 %.
// [Example: The following represents a green solid fill which is 90 % opaque
// < a: solidFill >
//
//
//
//
//4. "blue":
//Specifies the value of the blue component.The assigned value is specified as a
//percentage with 0 % indicating minimal blue and 100 % indicating maximum blue.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (00, FF, FF)
//
//
//
//
//
//5. "blueMod"
// Specifies the blue component as expressed by a percentage relative to the input color
// component.Increases never increase the blue component beyond 100 %, decreases
// never decrease the blue component below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, 00, FF)
// to value RRGGBB = (00, 00, 80)
// < a: solidFill >
//
//
//
//
//6. "blueOff"
// Specifies the blue component as expressed by a percentage offset increase or decrease
// to the input color component.Increases never increase the blue component
// beyond 100 %, decreases never decrease the blue component below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, 00, FF)
// to value RRGGBB = (00, 00, CC)
// < a: solidFill >
//
//
//
//
//7. "comp" - This element specifies that the color rendered should be the complement of its input color with the complement
// being defined as such.Two colors are called complementary if, when mixed they produce a shade of grey.For
// instance, the complement of red which is RGB(255, 0, 0) is cyan.()
//8. "gamma" - This element specifies that the output color rendered by the generating application should be the sRGB gamma
// shift of the input color.
//9. "gray" - This element specifies a grayscale of its input color, taking into relative intensities of the red, green, and blue
// primaries.
//10. "green":
// Specifies the value of the green component. The assigned value is specified as a
// percentage with 0 % indicating minimal green and 100 % indicating maximum green.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, 00, FF)
// to value RRGGBB = (00, FF, FF)
// < a: solidFill >
//
//
//
//
//11. "greenMod":
// Specifies the green component as expressed by a percentage relative to the input color
// component.Increases never increase the green component beyond 100 %, decreases
// never decrease the green component below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (00, 80, 00)
// < a: solidFill >
//
//
//
//
//12. "greenOff":
// Specifies the green component as expressed by a percentage offset increase or decrease
// to the input color component.Increases never increase the green component
// beyond 100 %, decreases never decrease the green component below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (00, CC, 00)
// < a: solidFill >
//
//
//
//
//13. "hue" (This element specifies a color using the HSL color model):
// This element specifies the input color with the specified hue, but with its saturation and luminance unchanged.
// < a: solidFill >
//
//
//
//
//
//
//
//14. "hueMod" (This element specifies a color using the HSL color model):
// Specifies the hue as expressed by a percentage relative to the input color.
// [Example: The following manipulates the fill color from having RGB value RRGGBB = (00, FF, 00) to value RRGGBB = (FF, FF, 00)
// < a: solidFill >
//
//
//
//
var hueMod = parseInt(getTextByPathList(clrNode, ["a:hueMod", "attrs", "val"])) / 100000;
//console.log("hueMod: ", hueMod)
if (!isNaN(hueMod)) {
color = applyHueMod(color, hueMod, isAlpha);
}
//15. "hueOff"(This element specifies a color using the HSL color model):
// Specifies the actual angular value of the shift.The result of the shift shall be between 0
// and 360 degrees.Shifts resulting in angular values less than 0 are treated as 0. Shifts
// resulting in angular values greater than 360 are treated as 360.
// [Example:
// The following increases the hue angular value by 10 degrees.
// < a: solidFill >
//
//
//
//var hueOff = parseInt(getTextByPathList(clrNode, ["a:hueOff", "attrs", "val"])) / 100000;
// if (!isNaN(hueOff)) {
// //console.log("hueOff: ", hueOff, " (TODO)")
// //color = applyHueOff(color, hueOff, isAlpha);
// }
//16. "inv" (inverse)
//This element specifies the inverse of its input color.
//The inverse of red (1, 0, 0) is cyan (0, 1, 1 ).
// The following represents cyan, the inverse of red:
//
//
//
//
//
//17. "invGamma" - This element specifies that the output color rendered by the generating application should be the inverse sRGB
// gamma shift of the input color.
//18. "lum":
// This element specifies the input color with the specified luminance, but with its hue and saturation unchanged.
// Typically luminance values fall in the range[0 %, 100 %].
// The following two solid fills are equivalent:
//
//
//
//
//
//
//
//
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (00, 66, 00)
// < a: solidFill >
//
//
//
//
// end example]
//19. "lumMod":
// Specifies the luminance as expressed by a percentage relative to the input color.
// Increases never increase the luminance beyond 100 %, decreases never decrease the
// luminance below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (00, 75, 00)
// < a: solidFill >
//
//
//
//
// end example]
var lumMod = parseInt(getTextByPathList(clrNode, ["a:lumMod", "attrs", "val"])) / 100000;
//console.log("lumMod: ", lumMod)
if (!isNaN(lumMod)) {
color = applyLumMod(color, lumMod, isAlpha);
}
//var lumMod_color = applyLumMod(color, 0.5);
//console.log("lumMod_color: ", lumMod_color)
//20. "lumOff"
// Specifies the luminance as expressed by a percentage offset increase or decrease to the
// input color.Increases never increase the luminance beyond 100 %, decreases never
// decrease the luminance below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (00, 99, 00)
// < a: solidFill >
//
//
//
//
var lumOff = parseInt(getTextByPathList(clrNode, ["a:lumOff", "attrs", "val"])) / 100000;
//console.log("lumOff: ", lumOff)
if (!isNaN(lumOff)) {
color = applyLumOff(color, lumOff, isAlpha);
}
//21. "red":
// Specifies the value of the red component.The assigned value is specified as a percentage
// with 0 % indicating minimal red and 100 % indicating maximum red.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (FF, FF, 00)
// < a: solidFill >
//
//
//
//
//22. "redMod":
// Specifies the red component as expressed by a percentage relative to the input color
// component.Increases never increase the red component beyond 100 %, decreases never
// decrease the red component below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (FF, 00, 00)
// to value RRGGBB = (80, 00, 00)
// < a: solidFill >
//
//
//
//
//23. "redOff":
// Specifies the red component as expressed by a percentage offset increase or decrease to
// the input color component.Increases never increase the red component beyond 100 %,
// decreases never decrease the red component below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (FF, 00, 00)
// to value RRGGBB = (CC, 00, 00)
// < a: solidFill >
//
//
//
//
//23. "sat":
// This element specifies the input color with the specified saturation, but with its hue and luminance unchanged.
// Typically saturation values fall in the range[0 %, 100 %].
// [Example:
// The following two solid fills are equivalent:
//
//
//
//
//
//
//
//
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (40, C0, 40)
// < a: solidFill >
//
//
//
//
// end example]
//24. "satMod":
// Specifies the saturation as expressed by a percentage relative to the input color.
// Increases never increase the saturation beyond 100 %, decreases never decrease the
// saturation below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (66, 99, 66)
// < a: solidFill >
//
//
//
//
var satMod = parseInt(getTextByPathList(clrNode, ["a:satMod", "attrs", "val"])) / 100000;
if (!isNaN(satMod)) {
color = applySatMod(color, satMod, isAlpha);
}
//25. "satOff":
// Specifies the saturation as expressed by a percentage offset increase or decrease to the
// input color.Increases never increase the saturation beyond 100 %, decreases never
// decrease the saturation below 0 %.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (19, E5, 19)
// < a: solidFill >
//
//
//
//
// var satOff = parseInt(getTextByPathList(clrNode, ["a:satOff", "attrs", "val"])) / 100000;
// if (!isNaN(satOff)) {
// console.log("satOff: ", satOff, " (TODO)")
// }
//26. "shade":
// This element specifies a darker version of its input color.A 10 % shade is 10 % of the input color combined with 90 % black.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (00, BC, 00)
// < a: solidFill >
//
//
//
//
// end example]
var shade = parseInt(getTextByPathList(clrNode, ["a:shade", "attrs", "val"])) / 100000;
if (!isNaN(shade)) {
color = applyShade(color, shade, isAlpha);
}
//27. "tint":
// This element specifies a lighter version of its input color.A 10 % tint is 10 % of the input color combined with
// 90 % white.
// [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
// to value RRGGBB = (BC, FF, BC)
// < a: solidFill >
//
//
//
//
var tint = parseInt(getTextByPathList(clrNode, ["a:tint", "attrs", "val"])) / 100000;
if (!isNaN(tint)) {
color = applyTint(color, tint, isAlpha);
}
//console.log("color [%cfinal]: ", "color: #" + color, tinycolor(color).toHslString(), color)
return color;
}
function toHex(n) {
var hex = n.toString(16);
while (hex.length < 2) { hex = "0" + hex; }
return hex;
}
function hslToRgb(hue, sat, light) {
var t1, t2, r, g, b;
hue = hue / 60;
if (light <= 0.5) {
t2 = light * (sat + 1);
} else {
t2 = light + sat - (light * sat);
}
t1 = light * 2 - t2;
r = hueToRgb(t1, t2, hue + 2) * 255;
g = hueToRgb(t1, t2, hue) * 255;
b = hueToRgb(t1, t2, hue - 2) * 255;
return { r: r, g: g, b: b };
}
function hueToRgb(t1, t2, hue) {
if (hue < 0) hue += 6;
if (hue >= 6) hue -= 6;
if (hue < 1) return (t2 - t1) * hue + t1;
else if (hue < 3) return t2;
else if (hue < 4) return (t2 - t1) * (4 - hue) + t1;
else return t1;
}
function getColorName2Hex(name) {
var hex;
var colorName = ['white', 'AliceBlue', 'AntiqueWhite', 'Aqua', 'Aquamarine', 'Azure', 'Beige', 'Bisque', 'black', 'BlanchedAlmond', 'Blue', 'BlueViolet', 'Brown', 'BurlyWood', 'CadetBlue', 'Chartreuse', 'Chocolate', 'Coral', 'CornflowerBlue', 'Cornsilk', 'Crimson', 'Cyan', 'DarkBlue', 'DarkCyan', 'DarkGoldenRod', 'DarkGray', 'DarkGrey', 'DarkGreen', 'DarkKhaki', 'DarkMagenta', 'DarkOliveGreen', 'DarkOrange', 'DarkOrchid', 'DarkRed', 'DarkSalmon', 'DarkSeaGreen', 'DarkSlateBlue', 'DarkSlateGray', 'DarkSlateGrey', 'DarkTurquoise', 'DarkViolet', 'DeepPink', 'DeepSkyBlue', 'DimGray', 'DimGrey', 'DodgerBlue', 'FireBrick', 'FloralWhite', 'ForestGreen', 'Fuchsia', 'Gainsboro', 'GhostWhite', 'Gold', 'GoldenRod', 'Gray', 'Grey', 'Green', 'GreenYellow', 'HoneyDew', 'HotPink', 'IndianRed', 'Indigo', 'Ivory', 'Khaki', 'Lavender', 'LavenderBlush', 'LawnGreen', 'LemonChiffon', 'LightBlue', 'LightCoral', 'LightCyan', 'LightGoldenRodYellow', 'LightGray', 'LightGrey', 'LightGreen', 'LightPink', 'LightSalmon', 'LightSeaGreen', 'LightSkyBlue', 'LightSlateGray', 'LightSlateGrey', 'LightSteelBlue', 'LightYellow', 'Lime', 'LimeGreen', 'Linen', 'Magenta', 'Maroon', 'MediumAquaMarine', 'MediumBlue', 'MediumOrchid', 'MediumPurple', 'MediumSeaGreen', 'MediumSlateBlue', 'MediumSpringGreen', 'MediumTurquoise', 'MediumVioletRed', 'MidnightBlue', 'MintCream', 'MistyRose', 'Moccasin', 'NavajoWhite', 'Navy', 'OldLace', 'Olive', 'OliveDrab', 'Orange', 'OrangeRed', 'Orchid', 'PaleGoldenRod', 'PaleGreen', 'PaleTurquoise', 'PaleVioletRed', 'PapayaWhip', 'PeachPuff', 'Peru', 'Pink', 'Plum', 'PowderBlue', 'Purple', 'RebeccaPurple', 'Red', 'RosyBrown', 'RoyalBlue', 'SaddleBrown', 'Salmon', 'SandyBrown', 'SeaGreen', 'SeaShell', 'Sienna', 'Silver', 'SkyBlue', 'SlateBlue', 'SlateGray', 'SlateGrey', 'Snow', 'SpringGreen', 'SteelBlue', 'Tan', 'Teal', 'Thistle', 'Tomato', 'Turquoise', 'Violet', 'Wheat', 'White', 'WhiteSmoke', 'Yellow', 'YellowGreen'];
var colorHex = ['ffffff', 'f0f8ff', 'faebd7', '00ffff', '7fffd4', 'f0ffff', 'f5f5dc', 'ffe4c4', '000000', 'ffebcd', '0000ff', '8a2be2', 'a52a2a', 'deb887', '5f9ea0', '7fff00', 'd2691e', 'ff7f50', '6495ed', 'fff8dc', 'dc143c', '00ffff', '00008b', '008b8b', 'b8860b', 'a9a9a9', 'a9a9a9', '006400', 'bdb76b', '8b008b', '556b2f', 'ff8c00', '9932cc', '8b0000', 'e9967a', '8fbc8f', '483d8b', '2f4f4f', '2f4f4f', '00ced1', '9400d3', 'ff1493', '00bfff', '696969', '696969', '1e90ff', 'b22222', 'fffaf0', '228b22', 'ff00ff', 'dcdcdc', 'f8f8ff', 'ffd700', 'daa520', '808080', '808080', '008000', 'adff2f', 'f0fff0', 'ff69b4', 'cd5c5c', '4b0082', 'fffff0', 'f0e68c', 'e6e6fa', 'fff0f5', '7cfc00', 'fffacd', 'add8e6', 'f08080', 'e0ffff', 'fafad2', 'd3d3d3', 'd3d3d3', '90ee90', 'ffb6c1', 'ffa07a', '20b2aa', '87cefa', '778899', '778899', 'b0c4de', 'ffffe0', '00ff00', '32cd32', 'faf0e6', 'ff00ff', '800000', '66cdaa', '0000cd', 'ba55d3', '9370db', '3cb371', '7b68ee', '00fa9a', '48d1cc', 'c71585', '191970', 'f5fffa', 'ffe4e1', 'ffe4b5', 'ffdead', '000080', 'fdf5e6', '808000', '6b8e23', 'ffa500', 'ff4500', 'da70d6', 'eee8aa', '98fb98', 'afeeee', 'db7093', 'ffefd5', 'ffdab9', 'cd853f', 'ffc0cb', 'dda0dd', 'b0e0e6', '800080', '663399', 'ff0000', 'bc8f8f', '4169e1', '8b4513', 'fa8072', 'f4a460', '2e8b57', 'fff5ee', 'a0522d', 'c0c0c0', '87ceeb', '6a5acd', '708090', '708090', 'fffafa', '00ff7f', '4682b4', 'd2b48c', '008080', 'd8bfd8', 'ff6347', '40e0d0', 'ee82ee', 'f5deb3', 'ffffff', 'f5f5f5', 'ffff00', '9acd32'];
var findIndx = colorName.indexOf(name);
if (findIndx != -1) {
hex = colorHex[findIndx];
}
return hex;
}
function getSchemeColorFromTheme(schemeClr, clrMap, phClr, warpObj) {
// in slide master
// e.g. tx2="dk2" bg2="lt2" tx1="dk1" bg1="lt1" slideLayoutClrOvride
//console.log("getSchemeColorFromTheme: schemeClr: ", schemeClr, ",clrMap: ", clrMap)
var slideLayoutClrOvride;
if (clrMap !== undefined) {
slideLayoutClrOvride = clrMap;//getTextByPathList(clrMap, ["p:sldMaster", "p:clrMap", "attrs"])
} else {
var sldClrMapOvr = getTextByPathList(warpObj["slideContent"], ["p:sld", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
if (sldClrMapOvr !== undefined) {
slideLayoutClrOvride = sldClrMapOvr;
} else {
var sldClrMapOvr = getTextByPathList(warpObj["slideLayoutContent"], ["p:sldLayout", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
if (sldClrMapOvr !== undefined) {
slideLayoutClrOvride = sldClrMapOvr;
} else {
slideLayoutClrOvride = getTextByPathList(warpObj["slideMasterContent"], ["p:sldMaster", "p:clrMap", "attrs"]);
}
}
}
//console.log("getSchemeColorFromTheme slideLayoutClrOvride: ", slideLayoutClrOvride);
var schmClrName = schemeClr.substr(2);
if (schmClrName == "phClr" && phClr !== undefined) {
color = phClr;
} else {
if (slideLayoutClrOvride !== undefined) {
switch (schmClrName) {
case "tx1":
case "tx2":
case "bg1":
case "bg2":
schemeClr = "a:" + slideLayoutClrOvride[schmClrName];
break;
}
} else {
switch (schmClrName) {
case "tx1":
schemeClr = "a:dk1";
break;
case "tx2":
schemeClr = "a:dk2";
break;
case "bg1":
schemeClr = "a:lt1";
break;
case "bg2":
schemeClr = "a:lt2";
break;
}
}
//console.log("getSchemeColorFromTheme: schemeClr: ", schemeClr);
var refNode = getTextByPathList(warpObj["themeContent"], ["a:theme", "a:themeElements", "a:clrScheme", schemeClr]);
var color = getTextByPathList(refNode, ["a:srgbClr", "attrs", "val"]);
//console.log("themeContent: color", color);
if (color === undefined && refNode !== undefined) {
color = getTextByPathList(refNode, ["a:sysClr", "attrs", "lastClr"]);
}
}
//console.log(color)
return color;
}
function extractChartData(serNode) {
var dataMat = new Array();
if (serNode === undefined) {
return dataMat;
}
if (serNode["c:xVal"] !== undefined) {
var dataRow = new Array();
eachElement(serNode["c:xVal"]["c:numRef"]["c:numCache"]["c:pt"], function (innerNode, index) {
dataRow.push(parseFloat(innerNode["c:v"]));
return "";
});
dataMat.push(dataRow);
dataRow = new Array();
eachElement(serNode["c:yVal"]["c:numRef"]["c:numCache"]["c:pt"], function (innerNode, index) {
dataRow.push(parseFloat(innerNode["c:v"]));
return "";
});
dataMat.push(dataRow);
} else {
eachElement(serNode, function (innerNode, index) {
var dataRow = new Array();
var colName = getTextByPathList(innerNode, ["c:tx", "c:strRef", "c:strCache", "c:pt", "c:v"]) || index;
// Category (string or number)
var rowNames = {};
if (getTextByPathList(innerNode, ["c:cat", "c:strRef", "c:strCache", "c:pt"]) !== undefined) {
eachElement(innerNode["c:cat"]["c:strRef"]["c:strCache"]["c:pt"], function (innerNode, index) {
rowNames[innerNode["attrs"]["idx"]] = innerNode["c:v"];
return "";
});
} else if (getTextByPathList(innerNode, ["c:cat", "c:numRef", "c:numCache", "c:pt"]) !== undefined) {
eachElement(innerNode["c:cat"]["c:numRef"]["c:numCache"]["c:pt"], function (innerNode, index) {
rowNames[innerNode["attrs"]["idx"]] = innerNode["c:v"];
return "";
});
}
// Value
if (getTextByPathList(innerNode, ["c:val", "c:numRef", "c:numCache", "c:pt"]) !== undefined) {
eachElement(innerNode["c:val"]["c:numRef"]["c:numCache"]["c:pt"], function (innerNode, index) {
dataRow.push({ x: innerNode["attrs"]["idx"], y: parseFloat(innerNode["c:v"]) });
return "";
});
}
dataMat.push({ key: colName, values: dataRow, xlabels: rowNames });
return "";
});
}
return dataMat;
}
// ===== Node functions =====
/**
* getTextByPathStr
* @param {Object} node
* @param {string} pathStr
*/
function getTextByPathStr(node, pathStr) {
return getTextByPathList(node, pathStr.trim().split(/\s+/));
}
/**
* getTextByPathList
* @param {Object} node
* @param {string Array} path
*/
function getTextByPathList(node, path) {
if (path.constructor !== Array) {
throw Error("Error of path type! path is not array.");
}
if (node === undefined) {
return undefined;
}
var l = path.length;
for (var i = 0; i < l; i++) {
node = node[path[i]];
if (node === undefined) {
return undefined;
}
}
return node;
}
/**
* setTextByPathList
* @param {Object} node
* @param {string Array} path
* @param {string} value
*/
function setTextByPathList(node, path, value) {
if (path.constructor !== Array) {
throw Error("Error of path type! path is not array.");
}
if (node === undefined) {
return undefined;
}
Object.prototype.set = function (parts, value) {
//var parts = prop.split('.');
var obj = this;
var lent = parts.length;
for (var i = 0; i < lent; i++) {
var p = parts[i];
if (obj[p] === undefined) {
if (i == lent - 1) {
obj[p] = value;
} else {
obj[p] = {};
}
}
obj = obj[p];
}
return obj;
}
node.set(path, value)
}
/**
* eachElement
* @param {Object} node
* @param {function} doFunction
*/
function eachElement(node, doFunction) {
if (node === undefined) {
return;
}
var result = "";
if (node.constructor === Array) {
var l = node.length;
for (var i = 0; i < l; i++) {
result += doFunction(node[i], i);
}
} else {
result += doFunction(node, 0);
}
return result;
}
// ===== Color functions =====
/**
* applyShade
* @param {string} rgbStr
* @param {number} shadeValue
*/
function applyShade(rgbStr, shadeValue, isAlpha) {
var color = tinycolor(rgbStr).toHsl();
//console.log("applyShade color: ", color, ", shadeValue: ", shadeValue)
if (shadeValue >= 1) {
shadeValue = 1;
}
var cacl_l = Math.min(color.l * shadeValue, 1);//;color.l * shadeValue + (1 - shadeValue);
// if (isAlpha)
// return color.lighten(tintValue).toHex8();
// return color.lighten(tintValue).toHex();
if (isAlpha)
return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex8();
return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex();
}
/**
* applyTint
* @param {string} rgbStr
* @param {number} tintValue
*/
function applyTint(rgbStr, tintValue, isAlpha) {
var color = tinycolor(rgbStr).toHsl();
//console.log("applyTint color: ", color, ", tintValue: ", tintValue)
if (tintValue >= 1) {
tintValue = 1;
}
var cacl_l = color.l * tintValue + (1 - tintValue);
// if (isAlpha)
// return color.lighten(tintValue).toHex8();
// return color.lighten(tintValue).toHex();
if (isAlpha)
return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex8();
return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex();
}
/**
* applyLumOff
* @param {string} rgbStr
* @param {number} offset
*/
function applyLumOff(rgbStr, offset, isAlpha) {
var color = tinycolor(rgbStr).toHsl();
//console.log("applyLumOff color.l: ", color.l, ", offset: ", offset, ", color.l + offset : ", color.l + offset)
var lum = offset + color.l;
if (lum >= 1) {
if (isAlpha)
return tinycolor({ h: color.h, s: color.s, l: 1, a: color.a }).toHex8();
return tinycolor({ h: color.h, s: color.s, l: 1, a: color.a }).toHex();
}
if (isAlpha)
return tinycolor({ h: color.h, s: color.s, l: lum, a: color.a }).toHex8();
return tinycolor({ h: color.h, s: color.s, l: lum, a: color.a }).toHex();
}
/**
* applyLumMod
* @param {string} rgbStr
* @param {number} multiplier
*/
function applyLumMod(rgbStr, multiplier, isAlpha) {
var color = tinycolor(rgbStr).toHsl();
//console.log("applyLumMod color.l: ", color.l, ", multiplier: ", multiplier, ", color.l * multiplier : ", color.l * multiplier)
var cacl_l = color.l * multiplier;
if (cacl_l >= 1) {
cacl_l = 1;
}
if (isAlpha)
return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex8();
return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex();
}
// /**
// * applyHueMod
// * @param {string} rgbStr
// * @param {number} multiplier
// */
function applyHueMod(rgbStr, multiplier, isAlpha) {
var color = tinycolor(rgbStr).toHsl();
//console.log("applyLumMod color.h: ", color.h, ", multiplier: ", multiplier, ", color.h * multiplier : ", color.h * multiplier)
var cacl_h = color.h * multiplier;
if (cacl_h >= 360) {
cacl_h = cacl_h - 360;
}
if (isAlpha)
return tinycolor({ h: cocacl_h, s: color.s, l: color.l, a: color.a }).toHex8();
return tinycolor({ h: cacl_h, s: color.s, l: color.l, a: color.a }).toHex();
}
// /**
// * applyHueOff
// * @param {string} rgbStr
// * @param {number} offset
// */
// function applyHueOff(rgbStr, offset, isAlpha) {
// var color = tinycolor(rgbStr).toHsl();
// //console.log("applyLumMod color.h: ", color.h, ", offset: ", offset, ", color.h * offset : ", color.h * offset)
// var cacl_h = color.h * offset;
// if (cacl_h >= 360) {
// cacl_h = cacl_h - 360;
// }
// if (isAlpha)
// return tinycolor({ h: cocacl_h, s: color.s, l: color.l, a: color.a }).toHex8();
// return tinycolor({ h: cacl_h, s: color.s, l: color.l, a: color.a }).toHex();
// }
// /**
// * applySatMod
// * @param {string} rgbStr
// * @param {number} multiplier
// */
function applySatMod(rgbStr, multiplier, isAlpha) {
var color = tinycolor(rgbStr).toHsl();
//console.log("applySatMod color.s: ", color.s, ", multiplier: ", multiplier, ", color.s * multiplier : ", color.s * multiplier)
var cacl_s = color.s * multiplier;
if (cacl_s >= 1) {
cacl_s = 1;
}
//return;
// if (isAlpha)
// return tinycolor(rgbStr).saturate(multiplier * 100).toHex8();
// return tinycolor(rgbStr).saturate(multiplier * 100).toHex();
if (isAlpha)
return tinycolor({ h: color.h, s: cacl_s, l: color.l, a: color.a }).toHex8();
return tinycolor({ h: color.h, s: cacl_s, l: color.l, a: color.a }).toHex();
}
/**
* rgba2hex
* @param {string} rgbaStr
*/
function rgba2hex(rgbaStr) {
var a,
rgb = rgbaStr.replace(/\s/g, '').match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i),
alpha = (rgb && rgb[4] || "").trim(),
hex = rgb ?
(rgb[1] | 1 << 8).toString(16).slice(1) +
(rgb[2] | 1 << 8).toString(16).slice(1) +
(rgb[3] | 1 << 8).toString(16).slice(1) : rgbaStr;
if (alpha !== "") {
a = alpha;
} else {
a = 01;
}
// multiply before convert to HEX
a = ((a * 255) | 1 << 8).toString(16).slice(1)
hex = hex + a;
return hex;
}
///////////////////////Amir////////////////
function angleToDegrees(angle) {
if (angle == "" || angle == null) {
return 0;
}
return Math.round(angle / 60000);
}
// function degreesToRadians(degrees) {
// //Math.PI
// if (degrees == "" || degrees == null || degrees == undefined) {
// return 0;
// }
// return degrees * (Math.PI / 180);
// }
function getMimeType(imgFileExt) {
var mimeType = "";
//console.log(imgFileExt)
switch (imgFileExt.toLowerCase()) {
case "jpg":
case "jpeg":
mimeType = "image/jpeg";
break;
case "png":
mimeType = "image/png";
break;
case "gif":
mimeType = "image/gif";
break;
case "emf": // Not native support
mimeType = "image/x-emf";
break;
case "wmf": // Not native support
mimeType = "image/x-wmf";
break;
case "svg":
mimeType = "image/svg+xml";
break;
case "mp4":
mimeType = "video/mp4";
break;
case "webm":
mimeType = "video/webm";
break;
case "ogg":
mimeType = "video/ogg";
break;
case "avi":
mimeType = "video/avi";
break;
case "mpg":
mimeType = "video/mpg";
break;
case "wmv":
mimeType = "video/wmv";
break;
case "mp3":
mimeType = "audio/mpeg";
break;
case "wav":
mimeType = "audio/wav";
break;
case "emf":
mimeType = "image/emf";
break;
case "wmf":
mimeType = "image/wmf";
case "tif":
case "tiff":
mimeType = "image/tiff";
break;
}
return mimeType;
}
function getSvgGradient(w, h, angl, color_arry, shpId) {
var stopsArray = getMiddleStops(color_arry - 2);
var svgAngle = '',
svgHeight = h,
svgWidth = w,
svg = '',
xy_ary = SVGangle(angl, svgHeight, svgWidth),
x1 = xy_ary[0],
y1 = xy_ary[1],
x2 = xy_ary[2],
y2 = xy_ary[3];
var sal = stopsArray.length,
sr = sal < 20 ? 100 : 1000;
svgAngle = ' gradientUnits="userSpaceOnUse" x1="' + x1 + '%" y1="' + y1 + '%" x2="' + x2 + '%" y2="' + y2 + '%"';
svgAngle = '\n';
svg += svgAngle;
for (var i = 0; i < sal; i++) {
var tinClr = tinycolor("#" + color_arry[i]);
var alpha = tinClr.getAlpha();
//console.log("color: ", color_arry[i], ", rgba: ", tinClr.toHexString(), ", alpha: ", alpha)
svg += '';
} else {
var ptrn = '';
}
var duotoneNode = getTextByPathList(blipNode, ["a:duotone"])
var fillterNode = "";
var filterUrl = "";
if (duotoneNode !== undefined) {
//console.log("pic duotoneNode: ", duotoneNode)
var clr_ary = [];
Object.keys(duotoneNode).forEach(function (clr_type) {
//Object.keys(duotoneNode[clr_type]).forEach(function (clr) {
//console.log("blip pic duotone clr: ", duotoneNode[clr_type][clr], clr)
if (clr_type != "attrs") {
var obj = {};
obj[clr_type] = duotoneNode[clr_type];
//console.log("blip pic duotone obj: ", obj)
var hexClr = getSolidFill(obj, undefined, undefined, warpObj)
//clr_ary.push();
var color = tinycolor("#" + hexClr);
clr_ary.push(color.toRgb()); // { r: 255, g: 0, b: 0, a: 1 }
}
// })
})
if (clr_ary.length == 2) {
fillterNode = ' ' +
'' +
'' +
'' +
//clr_ary.forEach(function(clr){
'' +
'' +
'' +
//});
'' +
' ';
}
filterUrl = 'filter="url(#svg_image_duotone)"';
ptrn += fillterNode;
}
fill = escapeHtml(fill);
if (sx !== undefined && sx != 0) {
ptrn += '';
} else {
ptrn += '';
}
ptrn += '';
//console.log("getSvgImagePattern(...) pic_dim:", pic_dim, ", fillColor: ", fill, ", blipNode: ", blipNode, ",sx: ", sx, ", sy: ", sy, ", clr_ary: ", clr_ary, ", ptrn: ", ptrn)
return ptrn;
}
function getBase64ImageDimensions(imgSrc) {
var image = new Image();
var w, h;
image.onload = function () {
w = image.width;
h = image.height;
};
image.src = imgSrc;
do {
if (image.width !== undefined) {
return [image.width, image.height];
}
} while (image.width === undefined);
//return [w, h];
}
function processMsgQueue(queue) {
for (var i = 0; i < queue.length; i++) {
processSingleMsg(queue[i].data);
}
}
function processSingleMsg(d) {
var chartID = d.chartID;
var chartType = d.chartType;
var chartData = d.chartData;
var data = [];
var chart = null;
switch (chartType) {
case "lineChart":
data = chartData;
chart = nv.models.lineChart()
.useInteractiveGuideline(true);
chart.xAxis.tickFormat(function (d) { return chartData[0].xlabels[d] || d; });
break;
case "barChart":
data = chartData;
chart = nv.models.multiBarChart();
chart.xAxis.tickFormat(function (d) { return chartData[0].xlabels[d] || d; });
break;
case "pieChart":
case "pie3DChart":
if (chartData.length > 0) {
data = chartData[0].values;
}
chart = nv.models.pieChart();
break;
case "areaChart":
data = chartData;
chart = nv.models.stackedAreaChart()
.clipEdge(true)
.useInteractiveGuideline(true);
chart.xAxis.tickFormat(function (d) { return chartData[0].xlabels[d] || d; });
break;
case "scatterChart":
for (var i = 0; i < chartData.length; i++) {
var arr = [];
for (var j = 0; j < chartData[i].length; j++) {
arr.push({ x: j, y: chartData[i][j] });
}
data.push({ key: 'data' + (i + 1), values: arr });
}
//data = chartData;
chart = nv.models.scatterChart()
.showDistX(true)
.showDistY(true)
.color(d3.scale.category10().range());
chart.xAxis.axisLabel('X').tickFormat(d3.format('.02f'));
chart.yAxis.axisLabel('Y').tickFormat(d3.format('.02f'));
break;
default:
}
if (chart !== null) {
d3.select("#" + chartID)
.append("svg")
.datum(data)
.transition().duration(500)
.call(chart);
nv.utils.windowResize(chart.update);
isDone = true;
}
}
function setNumericBullets(elem) {
var prgrphs_arry = elem;
for (var i = 0; i < prgrphs_arry.length; i++) {
var buSpan = $(prgrphs_arry[i]).find('.numeric-bullet-style');
if (buSpan.length > 0) {
//console.log("DIV-"+i+":");
var prevBultTyp = "";
var prevBultLvl = "";
var buletIndex = 0;
var tmpArry = new Array();
var tmpArryIndx = 0;
var buletTypSrry = new Array();
for (var j = 0; j < buSpan.length; j++) {
var bult_typ = $(buSpan[j]).data("bulltname");
var bult_lvl = $(buSpan[j]).data("bulltlvl");
//console.log(j+" - "+bult_typ+" lvl: "+bult_lvl );
if (buletIndex == 0) {
prevBultTyp = bult_typ;
prevBultLvl = bult_lvl;
tmpArry[tmpArryIndx] = buletIndex;
buletTypSrry[tmpArryIndx] = bult_typ;
buletIndex++;
} else {
if (bult_typ == prevBultTyp && bult_lvl == prevBultLvl) {
prevBultTyp = bult_typ;
prevBultLvl = bult_lvl;
buletIndex++;
tmpArry[tmpArryIndx] = buletIndex;
buletTypSrry[tmpArryIndx] = bult_typ;
} else if (bult_typ != prevBultTyp && bult_lvl == prevBultLvl) {
prevBultTyp = bult_typ;
prevBultLvl = bult_lvl;
tmpArryIndx++;
tmpArry[tmpArryIndx] = buletIndex;
buletTypSrry[tmpArryIndx] = bult_typ;
buletIndex = 1;
} else if (bult_typ != prevBultTyp && Number(bult_lvl) > Number(prevBultLvl)) {
prevBultTyp = bult_typ;
prevBultLvl = bult_lvl;
tmpArryIndx++;
tmpArry[tmpArryIndx] = buletIndex;
buletTypSrry[tmpArryIndx] = bult_typ;
buletIndex = 1;
} else if (bult_typ != prevBultTyp && Number(bult_lvl) < Number(prevBultLvl)) {
prevBultTyp = bult_typ;
prevBultLvl = bult_lvl;
tmpArryIndx--;
buletIndex = tmpArry[tmpArryIndx] + 1;
}
}
//console.log(buletTypSrry[tmpArryIndx]+" - "+buletIndex);
var numIdx = getNumTypeNum(buletTypSrry[tmpArryIndx], buletIndex);
$(buSpan[j]).html(numIdx);
}
}
}
}
function getNumTypeNum(numTyp, num) {
var rtrnNum = "";
switch (numTyp) {
case "arabicPeriod":
rtrnNum = num + ". ";
break;
case "arabicParenR":
rtrnNum = num + ") ";
break;
case "alphaLcParenR":
rtrnNum = alphaNumeric(num, "lowerCase") + ") ";
break;
case "alphaLcPeriod":
rtrnNum = alphaNumeric(num, "lowerCase") + ". ";
break;
case "alphaUcParenR":
rtrnNum = alphaNumeric(num, "upperCase") + ") ";
break;
case "alphaUcPeriod":
rtrnNum = alphaNumeric(num, "upperCase") + ". ";
break;
case "romanUcPeriod":
rtrnNum = romanize(num) + ". ";
break;
case "romanLcParenR":
rtrnNum = romanize(num) + ") ";
break;
case "hebrew2Minus":
rtrnNum = hebrew2Minus.format(num) + "-";
break;
default:
rtrnNum = num;
}
return rtrnNum;
}
function romanize(num) {
if (!+num)
return false;
var digits = String(+num).split(""),
key = ["", "C", "CC", "CCC", "CD", "D", "DC", "DCC", "DCCC", "CM",
"", "X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC",
"", "I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"],
roman = "",
i = 3;
while (i--)
roman = (key[+digits.pop() + (i * 10)] || "") + roman;
return Array(+digits.join("") + 1).join("M") + roman;
}
var hebrew2Minus = archaicNumbers([
[1000, ''],
[400, 'ת'],
[300, 'ש'],
[200, 'ר'],
[100, 'ק'],
[90, 'צ'],
[80, 'פ'],
[70, 'ע'],
[60, 'ס'],
[50, 'נ'],
[40, 'מ'],
[30, 'ל'],
[20, 'כ'],
[10, 'י'],
[9, 'ט'],
[8, 'ח'],
[7, 'ז'],
[6, 'ו'],
[5, 'ה'],
[4, 'ד'],
[3, 'ג'],
[2, 'ב'],
[1, 'א'],
[/יה/, 'ט״ו'],
[/יו/, 'ט״ז'],
[/([א-ת])([א-ת])$/, '$1״$2'],
[/^([א-ת])$/, "$1׳"]
]);
function archaicNumbers(arr) {
var arrParse = arr.slice().sort(function (a, b) { return b[1].length - a[1].length });
return {
format: function (n) {
var ret = '';
jQuery.each(arr, function () {
var num = this[0];
if (parseInt(num) > 0) {
for (; n >= num; n -= num) ret += this[1];
} else {
ret = ret.replace(num, this[1]);
}
});
return ret;
}
}
}
function alphaNumeric(num, upperLower) {
num = Number(num) - 1;
var aNum = "";
if (upperLower == "upperCase") {
aNum = (((num / 26 >= 1) ? String.fromCharCode(num / 26 + 64) : '') + String.fromCharCode(num % 26 + 65)).toUpperCase();
} else if (upperLower == "lowerCase") {
aNum = (((num / 26 >= 1) ? String.fromCharCode(num / 26 + 64) : '') + String.fromCharCode(num % 26 + 65)).toLowerCase();
}
return aNum;
}
function base64ArrayBuffer(arrayBuffer) {
var base64 = '';
var encodings = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
var bytes = new Uint8Array(arrayBuffer);
var byteLength = bytes.byteLength;
var byteRemainder = byteLength % 3;
var mainLength = byteLength - byteRemainder;
var a, b, c, d;
var chunk;
for (var i = 0; i < mainLength; i = i + 3) {
chunk = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2];
a = (chunk & 16515072) >> 18;
b = (chunk & 258048) >> 12;
c = (chunk & 4032) >> 6;
d = chunk & 63;
base64 += encodings[a] + encodings[b] + encodings[c] + encodings[d];
}
if (byteRemainder == 1) {
chunk = bytes[mainLength];
a = (chunk & 252) >> 2;
b = (chunk & 3) << 4;
base64 += encodings[a] + encodings[b] + '==';
} else if (byteRemainder == 2) {
chunk = (bytes[mainLength] << 8) | bytes[mainLength + 1];
a = (chunk & 64512) >> 10;
b = (chunk & 1008) >> 4;
c = (chunk & 15) << 2;
base64 += encodings[a] + encodings[b] + encodings[c] + '=';
}
return base64;
}
function IsVideoLink(vdoFile) {
/*
var ext = extractFileExtension(vdoFile);
if (ext.length == 3){
return false;
}else{
return true;
}
*/
var urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
return urlregex.test(vdoFile);
}
function extractFileExtension(filename) {
return filename.substr((~-filename.lastIndexOf(".") >>> 0) + 2);
}
function escapeHtml(text) {
var map = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": '''
};
return text.replace(/[&<>"']/g, function (m) { return map[m]; });
}
/////////////////////////////////////tXml///////////////////////////
/*
This is my custom tXml.js file
*/
function tXml(t, r) { "use strict"; function e() { for (var r = []; t[l];)if (t.charCodeAt(l) == s) { if (t.charCodeAt(l + 1) === h) return l = t.indexOf(u, l), l + 1 && (l += 1), r; if (t.charCodeAt(l + 1) === v) { if (t.charCodeAt(l + 2) == m) { for (; -1 !== l && (t.charCodeAt(l) !== d || t.charCodeAt(l - 1) != m || t.charCodeAt(l - 2) != m || -1 == l);)l = t.indexOf(u, l + 1); -1 === l && (l = t.length) } else for (l += 2; t.charCodeAt(l) !== d && t[l];)l++; l++; continue } var e = a(); r.push(e) } else { var i = n(); i.trim().length > 0 && r.push(i), l++ } return r } function n() { var r = l; return l = t.indexOf(c, l) - 1, -2 === l && (l = t.length), t.slice(r, l + 1) } function i() { for (var r = l; -1 === A.indexOf(t[l]) && t[l];)l++; return t.slice(r, l) } function a() { var r = {}; l++, r.tagName = i(); for (var n = !1; t.charCodeAt(l) !== d && t[l];) { var a = t.charCodeAt(l); if (a > 64 && 91 > a || a > 96 && 123 > a) { for (var f = i(), c = t.charCodeAt(l); c && c !== p && c !== g && !(c > 64 && 91 > c || c > 96 && 123 > c) && c !== d;)l++, c = t.charCodeAt(l); if (n || (r.attributes = {}, n = !0), c === p || c === g) { var s = o(); if (-1 === l) return r } else s = null, l--; r.attributes[f] = s } l++ } if (t.charCodeAt(l - 1) !== h) if ("script" == r.tagName) { var u = l + 1; l = t.indexOf("", l), r.children = [t.slice(u, l - 1)], l += 8 } else if ("style" == r.tagName) { var u = l + 1; l = t.indexOf("", l), r.children = [t.slice(u, l - 1)], l += 7 } else -1 == C.indexOf(r.tagName) && (l++, r.children = e(f)); else l++; return r } function o() { var r = t[l], e = ++l; return l = t.indexOf(r, e), t.slice(e, l) } function f() { var e = new RegExp("\\s" + r.attrName + "\\s*=['\"]" + r.attrValue + "['\"]").exec(t); return e ? e.index : -1 } r = r || {}; var l = r.pos || 0, c = "<", s = "<".charCodeAt(0), u = ">", d = ">".charCodeAt(0), m = "-".charCodeAt(0), h = "/".charCodeAt(0), v = "!".charCodeAt(0), p = "'".charCodeAt(0), g = '"'.charCodeAt(0), A = "\n >/= ", C = ["img", "br", "input", "meta", "link"], y = null; if (void 0 !== r.attrValue) { r.attrName = r.attrName || "id"; for (var y = []; -1 !== (l = f());)l = t.lastIndexOf("<", l), -1 !== l && y.push(a()), t = t.substr(l), l = 0 } else y = r.parseNode ? a() : e(); return r.filter && (y = tXml.filter(y, r.filter)), r.simplify && (y = tXml.simplify(y)), y.pos = l, y } var _order = 1; tXml.simplify = function (t) { var r = {}; if (void 0 === t) return {}; if (1 === t.length && "string" == typeof t[0]) return t[0]; t.forEach(function (t) { if ("object" == typeof t) { r[t.tagName] || (r[t.tagName] = []); var e = tXml.simplify(t.children || []); r[t.tagName].push(e), t.attributes && (e.attrs = t.attributes), void 0 === e.attrs ? e.attrs = { order: _order } : e.attrs.order = _order, _order++ } }); for (var e in r) 1 == r[e].length && (r[e] = r[e][0]); return r }, tXml.filter = function (t, r) { var e = []; return t.forEach(function (t) { if ("object" == typeof t && r(t) && e.push(t), t.children) { var n = tXml.filter(t.children, r); e = e.concat(n) } }), e }, tXml.stringify = function (t) { function r(t) { if (t) for (var r = 0; r < t.length; r++)"string" == typeof t[r] ? n += t[r].trim() : e(t[r]) } function e(t) { n += "<" + t.tagName; for (var e in t.attributes) n += null === t.attributes[e] ? " " + e : -1 === t.attributes[e].indexOf('"') ? " " + e + '="' + t.attributes[e].trim() + '"' : " " + e + "='" + t.attributes[e].trim() + "'"; n += ">", r(t.children), n += "" } var n = ""; return r(t), n }, tXml.toContentString = function (t) { if (Array.isArray(t)) { var r = ""; return t.forEach(function (t) { r += " " + tXml.toContentString(t), r = r.trim() }), r } return "object" == typeof t ? tXml.toContentString(t.children) : " " + t }, tXml.getElementById = function (t, r, e) { var n = tXml(t, { attrValue: r, simplify: e }); return e ? n : n[0] }, tXml.getElementsByClassName = function (t, r, e) { return tXml(t, { attrName: "class", attrValue: "[a-zA-Z0-9-s ]*" + r + "[a-zA-Z0-9-s ]*", simplify: e }) }, tXml.parseStream = function (t, r) { if ("function" == typeof r && (cb = r, r = 0), "string" == typeof r && (r = r.length + 2), "string" == typeof t) { var e = require("fs"); t = e.createReadStream(t, { start: r }), r = 0 } var n = r, i = "", a = 0; return t.on("data", function (r) { a++, i += r; for (var e = 0; ;) { n = i.indexOf("<", n) + 1; var o = tXml(i, { pos: n, parseNode: !0 }); if (n = o.pos, n > i.length - 1 || e > n) return void (e && (i = i.slice(e), n = 0, e = 0)); t.emit("xml", o), e = n } i = i.slice(n), n = 0 }), t.on("end", function () { console.log("end") }), t }, "object" == typeof module && (module.exports = tXml);
};
/*!
JSZipUtils - A collection of cross-browser utilities to go along with JSZip.
(c) 2014 Stuart Knightley, David Duponchel
Dual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip-utils/master/LICENSE.markdown.
*/
!function (a) { "object" == typeof exports ? module.exports = a() : "function" == typeof define && define.amd ? define(a) : "undefined" != typeof window ? window.JSZipUtils = a() : "undefined" != typeof global ? global.JSZipUtils = a() : "undefined" != typeof self && (self.JSZipUtils = a()) }(function () { return function a(b, c, d) { function e(g, h) { if (!c[g]) { if (!b[g]) { var i = "function" == typeof require && require; if (!h && i) return i(g, !0); if (f) return f(g, !0); throw new Error("Cannot find module '" + g + "'") } var j = c[g] = { exports: {} }; b[g][0].call(j.exports, function (a) { var c = b[g][1][a]; return e(c ? c : a) }, j, j.exports, a, b, c, d) } return c[g].exports } for (var f = "function" == typeof require && require, g = 0; g < d.length; g++)e(d[g]); return e }({ 1: [function (a, b) { "use strict"; function c() { try { return new window.XMLHttpRequest } catch (a) { } } function d() { try { return new window.ActiveXObject("Microsoft.XMLHTTP") } catch (a) { } } var e = {}; e._getBinaryFromXHR = function (a) { return a.response || a.responseText }; var f = window.ActiveXObject ? function () { return c() || d() } : c; e.getBinaryContent = function (a, b) { try { var c = f(); c.open("GET", a, !0), "responseType" in c && (c.responseType = "arraybuffer"), c.overrideMimeType && c.overrideMimeType("text/plain; charset=x-user-defined"), c.onreadystatechange = function () { var d, f; if (4 === c.readyState) if (200 === c.status || 0 === c.status) { d = null, f = null; try { d = e._getBinaryFromXHR(c) } catch (g) { f = new Error(g) } b(f, d) } else b(new Error("Ajax error for " + a + " : " + this.status + " " + this.statusText), null) }, c.send() } catch (d) { b(new Error(d), null) } }, b.exports = e }, {}] }, {}, [1])(1) });
// TinyColor v1.4.2
// https://github.com/bgrins/TinyColor
// 2020-09-25, Brian Grinstead, MIT License
!function (a) { function b(a, d) { if (a = a ? a : "", d = d || {}, a instanceof b) return a; if (!(this instanceof b)) return new b(a, d); var e = c(a); this._originalInput = a, this._r = e.r, this._g = e.g, this._b = e.b, this._a = e.a, this._roundA = P(100 * this._a) / 100, this._format = d.format || e.format, this._gradientType = d.gradientType, this._r < 1 && (this._r = P(this._r)), this._g < 1 && (this._g = P(this._g)), this._b < 1 && (this._b = P(this._b)), this._ok = e.ok, this._tc_id = O++ } function c(a) { var b = { r: 0, g: 0, b: 0 }, c = 1, e = null, g = null, i = null, j = !1, k = !1; return "string" == typeof a && (a = K(a)), "object" == typeof a && (J(a.r) && J(a.g) && J(a.b) ? (b = d(a.r, a.g, a.b), j = !0, k = "%" === String(a.r).substr(-1) ? "prgb" : "rgb") : J(a.h) && J(a.s) && J(a.v) ? (e = G(a.s), g = G(a.v), b = h(a.h, e, g), j = !0, k = "hsv") : J(a.h) && J(a.s) && J(a.l) && (e = G(a.s), i = G(a.l), b = f(a.h, e, i), j = !0, k = "hsl"), a.hasOwnProperty("a") && (c = a.a)), c = z(c), { ok: j, format: a.format || k, r: Q(255, R(b.r, 0)), g: Q(255, R(b.g, 0)), b: Q(255, R(b.b, 0)), a: c } } function d(a, b, c) { return { r: 255 * A(a, 255), g: 255 * A(b, 255), b: 255 * A(c, 255) } } function e(a, b, c) { a = A(a, 255), b = A(b, 255), c = A(c, 255); var d, e, f = R(a, b, c), g = Q(a, b, c), h = (f + g) / 2; if (f == g) d = e = 0; else { var i = f - g; switch (e = h > .5 ? i / (2 - f - g) : i / (f + g), f) { case a: d = (b - c) / i + (c > b ? 6 : 0); break; case b: d = (c - a) / i + 2; break; case c: d = (a - b) / i + 4 }d /= 6 } return { h: d, s: e, l: h } } function f(a, b, c) { function d(a, b, c) { return 0 > c && (c += 1), c > 1 && (c -= 1), 1 / 6 > c ? a + 6 * (b - a) * c : .5 > c ? b : 2 / 3 > c ? a + (b - a) * (2 / 3 - c) * 6 : a } var e, f, g; if (a = A(a, 360), b = A(b, 100), c = A(c, 100), 0 === b) e = f = g = c; else { var h = .5 > c ? c * (1 + b) : c + b - c * b, i = 2 * c - h; e = d(i, h, a + 1 / 3), f = d(i, h, a), g = d(i, h, a - 1 / 3) } return { r: 255 * e, g: 255 * f, b: 255 * g } } function g(a, b, c) { a = A(a, 255), b = A(b, 255), c = A(c, 255); var d, e, f = R(a, b, c), g = Q(a, b, c), h = f, i = f - g; if (e = 0 === f ? 0 : i / f, f == g) d = 0; else { switch (f) { case a: d = (b - c) / i + (c > b ? 6 : 0); break; case b: d = (c - a) / i + 2; break; case c: d = (a - b) / i + 4 }d /= 6 } return { h: d, s: e, v: h } } function h(b, c, d) { b = 6 * A(b, 360), c = A(c, 100), d = A(d, 100); var e = a.floor(b), f = b - e, g = d * (1 - c), h = d * (1 - f * c), i = d * (1 - (1 - f) * c), j = e % 6, k = [d, h, g, g, i, d][j], l = [i, d, d, h, g, g][j], m = [g, g, i, d, d, h][j]; return { r: 255 * k, g: 255 * l, b: 255 * m } } function i(a, b, c, d) { var e = [F(P(a).toString(16)), F(P(b).toString(16)), F(P(c).toString(16))]; return d && e[0].charAt(0) == e[0].charAt(1) && e[1].charAt(0) == e[1].charAt(1) && e[2].charAt(0) == e[2].charAt(1) ? e[0].charAt(0) + e[1].charAt(0) + e[2].charAt(0) : e.join("") } function j(a, b, c, d, e) { var f = [F(P(a).toString(16)), F(P(b).toString(16)), F(P(c).toString(16)), F(H(d))]; return e && f[0].charAt(0) == f[0].charAt(1) && f[1].charAt(0) == f[1].charAt(1) && f[2].charAt(0) == f[2].charAt(1) && f[3].charAt(0) == f[3].charAt(1) ? f[0].charAt(0) + f[1].charAt(0) + f[2].charAt(0) + f[3].charAt(0) : f.join("") } function k(a, b, c, d) { var e = [F(H(d)), F(P(a).toString(16)), F(P(b).toString(16)), F(P(c).toString(16))]; return e.join("") } function l(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toHsl(); return d.s -= c / 100, d.s = B(d.s), b(d) } function m(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toHsl(); return d.s += c / 100, d.s = B(d.s), b(d) } function n(a) { return b(a).desaturate(100) } function o(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toHsl(); return d.l += c / 100, d.l = B(d.l), b(d) } function p(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toRgb(); return d.r = R(0, Q(255, d.r - P(255 * -(c / 100)))), d.g = R(0, Q(255, d.g - P(255 * -(c / 100)))), d.b = R(0, Q(255, d.b - P(255 * -(c / 100)))), b(d) } function q(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toHsl(); return d.l -= c / 100, d.l = B(d.l), b(d) } function r(a, c) { var d = b(a).toHsl(), e = (d.h + c) % 360; return d.h = 0 > e ? 360 + e : e, b(d) } function s(a) { var c = b(a).toHsl(); return c.h = (c.h + 180) % 360, b(c) } function t(a) { var c = b(a).toHsl(), d = c.h; return [b(a), b({ h: (d + 120) % 360, s: c.s, l: c.l }), b({ h: (d + 240) % 360, s: c.s, l: c.l })] } function u(a) { var c = b(a).toHsl(), d = c.h; return [b(a), b({ h: (d + 90) % 360, s: c.s, l: c.l }), b({ h: (d + 180) % 360, s: c.s, l: c.l }), b({ h: (d + 270) % 360, s: c.s, l: c.l })] } function v(a) { var c = b(a).toHsl(), d = c.h; return [b(a), b({ h: (d + 72) % 360, s: c.s, l: c.l }), b({ h: (d + 216) % 360, s: c.s, l: c.l })] } function w(a, c, d) { c = c || 6, d = d || 30; var e = b(a).toHsl(), f = 360 / d, g = [b(a)]; for (e.h = (e.h - (f * c >> 1) + 720) % 360; --c;)e.h = (e.h + f) % 360, g.push(b(e)); return g } function x(a, c) { c = c || 6; for (var d = b(a).toHsv(), e = d.h, f = d.s, g = d.v, h = [], i = 1 / c; c--;)h.push(b({ h: e, s: f, v: g })), g = (g + i) % 1; return h } function y(a) { var b = {}; for (var c in a) a.hasOwnProperty(c) && (b[a[c]] = c); return b } function z(a) { return a = parseFloat(a), (isNaN(a) || 0 > a || a > 1) && (a = 1), a } function A(b, c) { D(b) && (b = "100%"); var d = E(b); return b = Q(c, R(0, parseFloat(b))), d && (b = parseInt(b * c, 10) / 100), a.abs(b - c) < 1e-6 ? 1 : b % c / parseFloat(c) } function B(a) { return Q(1, R(0, a)) } function C(a) { return parseInt(a, 16) } function D(a) { return "string" == typeof a && -1 != a.indexOf(".") && 1 === parseFloat(a) } function E(a) { return "string" == typeof a && -1 != a.indexOf("%") } function F(a) { return 1 == a.length ? "0" + a : "" + a } function G(a) { return 1 >= a && (a = 100 * a + "%"), a } function H(b) { return a.round(255 * parseFloat(b)).toString(16) } function I(a) { return C(a) / 255 } function J(a) { return !!V.CSS_UNIT.exec(a) } function K(a) { a = a.replace(M, "").replace(N, "").toLowerCase(); var b = !1; if (T[a]) a = T[a], b = !0; else if ("transparent" == a) return { r: 0, g: 0, b: 0, a: 0, format: "name" }; var c; return (c = V.rgb.exec(a)) ? { r: c[1], g: c[2], b: c[3] } : (c = V.rgba.exec(a)) ? { r: c[1], g: c[2], b: c[3], a: c[4] } : (c = V.hsl.exec(a)) ? { h: c[1], s: c[2], l: c[3] } : (c = V.hsla.exec(a)) ? { h: c[1], s: c[2], l: c[3], a: c[4] } : (c = V.hsv.exec(a)) ? { h: c[1], s: c[2], v: c[3] } : (c = V.hsva.exec(a)) ? { h: c[1], s: c[2], v: c[3], a: c[4] } : (c = V.hex8.exec(a)) ? { r: C(c[1]), g: C(c[2]), b: C(c[3]), a: I(c[4]), format: b ? "name" : "hex8" } : (c = V.hex6.exec(a)) ? { r: C(c[1]), g: C(c[2]), b: C(c[3]), format: b ? "name" : "hex" } : (c = V.hex4.exec(a)) ? { r: C(c[1] + "" + c[1]), g: C(c[2] + "" + c[2]), b: C(c[3] + "" + c[3]), a: I(c[4] + "" + c[4]), format: b ? "name" : "hex8" } : (c = V.hex3.exec(a)) ? { r: C(c[1] + "" + c[1]), g: C(c[2] + "" + c[2]), b: C(c[3] + "" + c[3]), format: b ? "name" : "hex" } : !1 } function L(a) { var b, c; return a = a || { level: "AA", size: "small" }, b = (a.level || "AA").toUpperCase(), c = (a.size || "small").toLowerCase(), "AA" !== b && "AAA" !== b && (b = "AA"), "small" !== c && "large" !== c && (c = "small"), { level: b, size: c } } var M = /^\s+/, N = /\s+$/, O = 0, P = a.round, Q = a.min, R = a.max, S = a.random; b.prototype = { isDark: function () { return this.getBrightness() < 128 }, isLight: function () { return !this.isDark() }, isValid: function () { return this._ok }, getOriginalInput: function () { return this._originalInput }, getFormat: function () { return this._format }, getAlpha: function () { return this._a }, getBrightness: function () { var a = this.toRgb(); return (299 * a.r + 587 * a.g + 114 * a.b) / 1e3 }, getLuminance: function () { var b, c, d, e, f, g, h = this.toRgb(); return b = h.r / 255, c = h.g / 255, d = h.b / 255, e = .03928 >= b ? b / 12.92 : a.pow((b + .055) / 1.055, 2.4), f = .03928 >= c ? c / 12.92 : a.pow((c + .055) / 1.055, 2.4), g = .03928 >= d ? d / 12.92 : a.pow((d + .055) / 1.055, 2.4), .2126 * e + .7152 * f + .0722 * g }, setAlpha: function (a) { return this._a = z(a), this._roundA = P(100 * this._a) / 100, this }, toHsv: function () { var a = g(this._r, this._g, this._b); return { h: 360 * a.h, s: a.s, v: a.v, a: this._a } }, toHsvString: function () { var a = g(this._r, this._g, this._b), b = P(360 * a.h), c = P(100 * a.s), d = P(100 * a.v); return 1 == this._a ? "hsv(" + b + ", " + c + "%, " + d + "%)" : "hsva(" + b + ", " + c + "%, " + d + "%, " + this._roundA + ")" }, toHsl: function () { var a = e(this._r, this._g, this._b); return { h: 360 * a.h, s: a.s, l: a.l, a: this._a } }, toHslString: function () { var a = e(this._r, this._g, this._b), b = P(360 * a.h), c = P(100 * a.s), d = P(100 * a.l); return 1 == this._a ? "hsl(" + b + ", " + c + "%, " + d + "%)" : "hsla(" + b + ", " + c + "%, " + d + "%, " + this._roundA + ")" }, toHex: function (a) { return i(this._r, this._g, this._b, a) }, toHexString: function (a) { return "#" + this.toHex(a) }, toHex8: function (a) { return j(this._r, this._g, this._b, this._a, a) }, toHex8String: function (a) { return "#" + this.toHex8(a) }, toRgb: function () { return { r: P(this._r), g: P(this._g), b: P(this._b), a: this._a } }, toRgbString: function () { return 1 == this._a ? "rgb(" + P(this._r) + ", " + P(this._g) + ", " + P(this._b) + ")" : "rgba(" + P(this._r) + ", " + P(this._g) + ", " + P(this._b) + ", " + this._roundA + ")" }, toPercentageRgb: function () { return { r: P(100 * A(this._r, 255)) + "%", g: P(100 * A(this._g, 255)) + "%", b: P(100 * A(this._b, 255)) + "%", a: this._a } }, toPercentageRgbString: function () { return 1 == this._a ? "rgb(" + P(100 * A(this._r, 255)) + "%, " + P(100 * A(this._g, 255)) + "%, " + P(100 * A(this._b, 255)) + "%)" : "rgba(" + P(100 * A(this._r, 255)) + "%, " + P(100 * A(this._g, 255)) + "%, " + P(100 * A(this._b, 255)) + "%, " + this._roundA + ")" }, toName: function () { return 0 === this._a ? "transparent" : this._a < 1 ? !1 : U[i(this._r, this._g, this._b, !0)] || !1 }, toFilter: function (a) { var c = "#" + k(this._r, this._g, this._b, this._a), d = c, e = this._gradientType ? "GradientType = 1, " : ""; if (a) { var f = b(a); d = "#" + k(f._r, f._g, f._b, f._a) } return "progid:DXImageTransform.Microsoft.gradient(" + e + "startColorstr=" + c + ",endColorstr=" + d + ")" }, toString: function (a) { var b = !!a; a = a || this._format; var c = !1, d = this._a < 1 && this._a >= 0, e = !b && d && ("hex" === a || "hex6" === a || "hex3" === a || "hex4" === a || "hex8" === a || "name" === a); return e ? "name" === a && 0 === this._a ? this.toName() : this.toRgbString() : ("rgb" === a && (c = this.toRgbString()), "prgb" === a && (c = this.toPercentageRgbString()), ("hex" === a || "hex6" === a) && (c = this.toHexString()), "hex3" === a && (c = this.toHexString(!0)), "hex4" === a && (c = this.toHex8String(!0)), "hex8" === a && (c = this.toHex8String()), "name" === a && (c = this.toName()), "hsl" === a && (c = this.toHslString()), "hsv" === a && (c = this.toHsvString()), c || this.toHexString()) }, clone: function () { return b(this.toString()) }, _applyModification: function (a, b) { var c = a.apply(null, [this].concat([].slice.call(b))); return this._r = c._r, this._g = c._g, this._b = c._b, this.setAlpha(c._a), this }, lighten: function () { return this._applyModification(o, arguments) }, brighten: function () { return this._applyModification(p, arguments) }, darken: function () { return this._applyModification(q, arguments) }, desaturate: function () { return this._applyModification(l, arguments) }, saturate: function () { return this._applyModification(m, arguments) }, greyscale: function () { return this._applyModification(n, arguments) }, spin: function () { return this._applyModification(r, arguments) }, _applyCombination: function (a, b) { return a.apply(null, [this].concat([].slice.call(b))) }, analogous: function () { return this._applyCombination(w, arguments) }, complement: function () { return this._applyCombination(s, arguments) }, monochromatic: function () { return this._applyCombination(x, arguments) }, splitcomplement: function () { return this._applyCombination(v, arguments) }, triad: function () { return this._applyCombination(t, arguments) }, tetrad: function () { return this._applyCombination(u, arguments) } }, b.fromRatio = function (a, c) { if ("object" == typeof a) { var d = {}; for (var e in a) a.hasOwnProperty(e) && ("a" === e ? d[e] = a[e] : d[e] = G(a[e])); a = d } return b(a, c) }, b.equals = function (a, c) { return a && c ? b(a).toRgbString() == b(c).toRgbString() : !1 }, b.random = function () { return b.fromRatio({ r: S(), g: S(), b: S() }) }, b.mix = function (a, c, d) { d = 0 === d ? 0 : d || 50; var e = b(a).toRgb(), f = b(c).toRgb(), g = d / 100, h = { r: (f.r - e.r) * g + e.r, g: (f.g - e.g) * g + e.g, b: (f.b - e.b) * g + e.b, a: (f.a - e.a) * g + e.a }; return b(h) }, b.readability = function (c, d) { var e = b(c), f = b(d); return (a.max(e.getLuminance(), f.getLuminance()) + .05) / (a.min(e.getLuminance(), f.getLuminance()) + .05) }, b.isReadable = function (a, c, d) { var e, f, g = b.readability(a, c); switch (f = !1, e = L(d), e.level + e.size) { case "AAsmall": case "AAAlarge": f = g >= 4.5; break; case "AAlarge": f = g >= 3; break; case "AAAsmall": f = g >= 7 }return f }, b.mostReadable = function (a, c, d) { var e, f, g, h, i = null, j = 0; d = d || {}, f = d.includeFallbackColors, g = d.level, h = d.size; for (var k = 0; k < c.length; k++)e = b.readability(a, c[k]), e > j && (j = e, i = b(c[k])); return b.isReadable(a, i, { level: g, size: h }) || !f ? i : (d.includeFallbackColors = !1, b.mostReadable(a, ["#fff", "#000"], d)) }; var T = b.names = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "0ff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "00f", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", burntsienna: "ea7e5d", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "0ff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "f0f", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "663399", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32" }, U = b.hexNames = y(T), V = function () { var a = "[-\\+]?\\d+%?", b = "[-\\+]?\\d*\\.\\d+%?", c = "(?:" + b + ")|(?:" + a + ")", d = "[\\s|\\(]+(" + c + ")[,|\\s]+(" + c + ")[,|\\s]+(" + c + ")\\s*\\)?", e = "[\\s|\\(]+(" + c + ")[,|\\s]+(" + c + ")[,|\\s]+(" + c + ")[,|\\s]+(" + c + ")\\s*\\)?"; return { CSS_UNIT: new RegExp(c), rgb: new RegExp("rgb" + d), rgba: new RegExp("rgba" + e), hsl: new RegExp("hsl" + d), hsla: new RegExp("hsla" + e), hsv: new RegExp("hsv" + d), hsva: new RegExp("hsva" + e), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ } }(); "undefined" != typeof module && module.exports ? module.exports = b : "function" == typeof define && define.amd ? define(function () { return b }) : window.tinycolor = b }(Math);
}(jQuery));
![](data:" + mimeType + ";base64," + base64ArrayBuffer(imgArrayBuffer) + ")
";
} else if ((vdoNode !== undefined || audioNode !== undefined) && mediaProcess && mediaSupportFlag) {
if (vdoNode !== undefined && !isVdeoLink) {
rtrnData += "";
} else if (vdoNode !== undefined && isVdeoLink) {
rtrnData += "";
}
if (audioNode !== undefined) {
rtrnData += '';
//''+
//'';
}
}
if (!mediaSupportFlag && mediaPicFlag) {
rtrnData += "This media file Not supported by HTML5";
}
if ((vdoNode !== undefined || audioNode !== undefined) && !mediaProcess && mediaSupportFlag) {
console.log("Founded supported media file but media process disabled (mediaProcess=false)");
}
rtrnData += "