-
-
-
-
-
`
- );
-
- let new_layer = {
- visible: true,
- id: randomId,
- top: 0,
- left: 0
- };
- layers.list.push(new_layer);
-
- $(".layerView").click(function () {
- if (!$(this).hasClass("hidden")) {
- $(".layerView").removeClass("active");
- $(this).addClass("active");
-
- let identifier = $(this).attr("data-id");
-
- layers.select(identifier);
- }
- });
- $(".hideLayer").click(function () {
- let nr = $(this).parent(".layerView").attr("id");
-
- $(this).hide();
- $(this)
- .parent(".layerView")
- .find(".showLayer")
- .css({"display": "block"});
-
- layers.hide(nr);
- });
- $(".showLayer").click(function () {
- let nr = $(this).parent(".layerView").attr("id");
-
- $(this).hide();
- $(this)
- .parent(".layerView")
- .find(".hideLayer")
- .css({"display": "block"});
-
- layers.show(nr);
- });
- $(".layerView[data-id=" + randomId + "]").click();
- points[randomId] = [];
-
- }
- }
- delete() {
- let identifier = $(".layerView.active").attr("data-id");
- let nr = $(".layerView.active").attr("id");
-
- let countViews = $(".layerView").length;
-
- if (countViews > 1) {
- let i = parseInt(nr);
- $(".layerView#" + i).remove();
- $("canvas#" + identifier).remove();
- for (i in layers.list) {
- if (!$('canvas#' + layers.list[i].id).length) {
- layers.list.splice(i, 1);
- }
- }
-
- let j = 0;
- $(".layerView").each(function () {
- $(this).attr({
- "id": j,
- "data-id": layers.list[j].id}
- );
- j++;
- });
-
- webDraft.draw.width = 0;
- webDraft.draw.height = 0;
- $("canvas.canvas-draw").each(function () {
- const w = parseInt($(this).attr("width"));
- const h = parseInt($(this).attr("height"));
- if (webDraft.draw.width < w)
- webDraft.draw.width = w;
-
- if (webDraft.draw.height < h)
- webDraft.draw.height = h;
- });
- $(".layerView").first().click();
- webDraft.positionElements();
- }
- }
- hide(nr) {
- let i = parseInt(nr);
-
- $(".layerView#" + i).addClass("hidden");
- $("canvas#" + layers.list[i].id).addClass("invisible");
-
- let j = 0;
- $("canvas.canvas-draw").not('#snapImage').each(function () {
- layers.list[j].id = $(this).attr("id");
-
- if ($(this).hasClass("invisible"))
- layers.list[j].visible = false;
- else
- layers.list[j].visible = true;
-
- j++;
- });
-
- j = 0;
- $(".layerView").each(function () {
- $(this).attr({
- "id": j,
- "data-id": layers.list[j].id}
- );
- j++;
- });
- // $(".layerView#" + i).next().not(".hidden").click()
- }
- show(nr) {
- let i = parseInt(nr);
-
- $(".layerView#" + i).removeClass("hidden");
- $("canvas#" + layers.list[i].id).removeClass("invisible");
-
- let j = 0;
- $("canvas.canvas-draw").not('#snapImage').each(function () {
- layers.list[j].id = $(this).attr("id");
-
- if ($(this).hasClass("invisible"))
- layers.list[j].visible = false;
- else
- layers.list[j].visible = true;
-
- j++;
- });
-
- j = 0;
- $(".layerView").each(function () {
- $(this).attr({
- "id": j,
- "data-id": layers.list[j].id}
- );
- j++;
- });
- }
- select(id) {
- if (!$(".layerView[data-id=" + id + "]").hasClass("hidden")) {
- canvas = document.getElementById(id);
- ctx = canvas.getContext('2d');
-
- layers.activeId = id;
- }
- }
- rotate(angle) {
- let image = new Image();
- image.src = canvas.toDataURL();
- ctx.clearRect(0, 0, canvas.width, canvas.height);
- ctx.save();
- ctx.translate(canvas.width / 2, canvas.height / 2);
- ctx.rotate(angle * Math.PI / 180);
- ctx.drawImage(image, -image.width / 2, -image.width / 2);
- ctx.restore();
- layers.saveState();
- }
- mirror(direction) {
- if (direction === 'horizontal' || direction === 'vertical') {
- let image = new Image();
- image.src = canvas.toDataURL();
- ctx.clearRect(0, 0, canvas.width, canvas.height);
- ctx.save();
- ctx.translate(canvas.width / 2, canvas.height / 2);
- if (direction === 'vertical')
- ctx.scale(-1, 1);
- else if (direction === 'horizontal')
- ctx.scale(1, -1);
- ctx.drawImage(image, -image.width / 2, -image.height / 2);
- ctx.restore();
- layers.saveState();
- }
- }
- negative() {
- let destX = 0;
- let destY = 0;
-
- let imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
- let pixels = imageData.data;
- for (let i = 0; i < pixels.length; i += 4) {
- pixels[i] = 255 - pixels[i]; // red
- pixels[i + 1] = 255 - pixels[i + 1]; // green
- pixels[i + 2] = 255 - pixels[i + 2]; // blue
- // i+3 is alpha (the fourth element)
- }
-
- // overwrite original image
- ctx.putImageData(imageData, 0, 0);//add the function call in the imageObj.onload
- layers.saveState();
- }
- moveUp() {
- let firstID = $(".layerView").first().attr("data-id");
- if (firstID !== layers.activeId) {
- let thisNr = $(".layerView[data-id=" + layers.activeId + "]").attr("id");
- let prevNr = parseInt(thisNr) - 1;
- let prevId = $(".layerView#" + prevNr).attr("data-id");
- let thisLayer = $(".layerView#" + thisNr);
- let prevLayer = $(".layerView#" + prevNr);
-
- thisLayer.insertBefore(".layerView#" + prevNr);
- thisLayer.removeAttr("id").attr("id", prevNr);
- prevLayer.removeAttr("id").attr("id", thisNr);
-
- $("canvas#" + layers.activeId).insertBefore("canvas#" + prevId);
-
- let j = 0;
- $("canvas.canvas-draw").each(function () {
- layers.list[j].id = $(this).attr("id");
-
- if ($(this).hasClass("invisible"))
- layers.list[j].visible = false;
- else
- layers.list[j].visible = true;
-
- j++;
- });
-
- return true;
- }
- return false;
- }
- moveDown() {
- let lastID = $(".layerView").last().attr("data-id");
- if (lastID !== layers.activeId) {
- let thisNr = $(".layerView[data-id=" + layers.activeId + "]").attr("id");
- let nextNr = parseInt(thisNr) + 1;
- let nextId = $(".layerView#" + nextNr).attr("data-id");
- let thisLayer = $(".layerView#" + thisNr);
- let prevLayer = $(".layerView#" + nextNr);
-
- thisLayer.insertAfter(".layerView#" + nextNr);
- thisLayer.removeAttr("id").attr("id", nextNr);
- prevLayer.removeAttr("id").attr("id", thisNr);
-
- $("canvas#" + layers.activeId).insertAfter("canvas#" + nextId);
- let j = 0;
- $("canvas.canvas-draw").each(function () {
- layers.list[j].id = $(this).attr("id");
-
- if ($(this).hasClass("invisible"))
- layers.list[j].visible = false;
- else
- layers.list[j].visible = true;
-
- j++;
- });
-
- return true;
- }
- return false;
- }
-}
-class Resizer {
- constructor() {
- let $this = this;
- $.get('parts/resizer.part.html', function (data) {
- $('#resizer').html(data);
-
- $("#resizer input[type=number]").keyup(function (e) {
- $this.onkeyup(e);
- });
- });
- }
- show() {
- $("#resizer").show();
- $("input[type=number]#drawWidth").val(webDraft.draw.width);
- $("input[type=number]#drawHeight").val(webDraft.draw.height);
- $("#resizeinfo").html(webDraft.draw.width + " " + webDraft.draw.height);
- }
- cancel() {
- $("#resizer").hide();
- $("input[type=number]#drawWidth").val(webDraft.draw.width);
- $("input[type=number]#drawHeight").val(webDraft.draw.height);
- }
- apply() {
- $("#resizer").hide();
- let w, h;
- if ($("#allLayersResizing").is(":checked")) {
- w = $("input[type=number]#drawWidth").val();
- h = $("input[type=number]#drawHeight").val();
-
- layers.setLayerSize('', w, h);
- } else {
- w = $("input[type=number]#drawWidth").val();
- h = $("input[type=number]#drawHeight").val();
-
- layers.setLayerSize(layers.activeId, w, h);
- }
- webDraft.positionElements();
- }
- onkeyup(e) {
- this.onchange();
-
- if (e.keyCode === 13) {
- $("#apply").click();
- }
- }
- onchange() {
- let xSize = parseInt($("input[type=number]#drawWidth").val());
- let ySize = parseInt($("input[type=number]#drawHeight").val());
- $("#resizeinfo").html(xSize + " " + ySize);
- }
-}
-class Select {
- constructor() {
- $('#drawHandler').append('');
- this.hoverSelectRectangle = false;
- this.isSelecting = false;
- this.startSelectPoints = {
- x: 0,
- y: 0
- };
- }
- initSelect() {
- this.startSelectPoints = {
- x: webDraft.mPosition.x,
- y: webDraft.mPosition.y
- };
- }
- startSelect() {
- let x, y, width, height;
- if (this.startSelectPoints.x <= webDraft.mPosition.x) {
- x = this.startSelectPoints.x;
- width = webDraft.mPosition.x - this.startSelectPoints.x;
- } else {
- x = webDraft.mPosition.x;
- width = this.startSelectPoints.x - webDraft.mPosition.x;
- }
- if (this.startSelectPoints.y <= webDraft.mPosition.y) {
- y = this.startSelectPoints.y;
- height = webDraft.mPosition.y - this.startSelectPoints.y;
- } else {
- y = webDraft.mPosition.y;
- height = this.startSelectPoints.y - webDraft.mPosition.y;
- }
- $("#selectRectangle")
- .show()
- .css({
- "top": y + parseInt($(canvas).css('top')) + "px",
- "left": x + parseInt($(canvas).css('left')) + "px",
- "width": width + "px",
- "height": height + "px",
- "border": "1px dashed #fff",
- "background": "transparent"
- });
- this.isSelecting = true;
- }
- selectOpt() {
- this.isSelecting = false;
- }
- delSelectedPart() {
- if ($("#selectRectangle").css("background-image") === "none") {//if selectRectangle is empty then clear part of image hovered by it
- xpos = parseInt($("#selectRectangle").css("left"));
- ypos = parseInt($("#selectRectangle").css("top"));
- ctx.clearRect(xpos, ypos, $("#selectRectangle").width(), $("#selectRectangle").height());
- } else { //else clear only selectRectangle background
- $("#selectRectangle").css({"background": "transparent"});
- }
-
- layers.saveState();
- $("#selectRectangle")
- .css({
- "top": "0px",
- "left": "0px",
- "background": "transparent"
- })
- .width(0)
- .height(0)
- .hide();
- }
- copySelectedPart() {
- if ($("#selectRectangle").css("background-image") === "none") {
- $(webDraft.draw.selectorId).append('');
-
- var xpos = parseInt($("#selectRectangle").css("left"));
- var ypos = parseInt($("#selectRectangle").css("top"));
- var testC = document.getElementById("tmpCanvas");
- var testCtx = testC.getContext('2d');
-
- testCtx.drawImage(canvas, xpos, ypos, $("#selectRectangle").width(), $("#selectRectangle").height(), 0, 0, $("#selectRectangle").width(), $("#selectRectangle").height());
-
- var bgImg = testC.toDataURL();
-
- $("#tmpCanvas").remove();
- $("#selectRectangle").css({"background": "url(" + bgImg + ") -1px -1px no-repeat"});
- }
- }
- cutSelectedPart() {
- $(webDraft.draw.selectorId).append('');
-
- var xpos = parseInt($("#selectRectangle").css("left"));
- var ypos = parseInt($("#selectRectangle").css("top"));
- var testC = document.getElementById("tmpCanvas");
- var testCtx = testC.getContext('2d');
-
- testCtx.drawImage(canvas, xpos, ypos, $("#selectRectangle").width(), $("#selectRectangle").height(), 0, 0, $("#selectRectangle").width(), $("#selectRectangle").height());
-
- var bgImg = testC.toDataURL();
-
- $("#tmpCanvas").remove();
- $("#selectRectangle").css({"background": "url(" + bgImg + ") -1px -1px no-repeat "});
-
- ctx.clearRect(xpos, ypos, $("#selectRectangle").width(), $("#selectRectangle").height());
- layers.saveState();
- }
- pasteSelectedPart() {
- if ($("#selectRectangle").css("background-image") !== "none") {
- var xpos = parseInt($("#selectRectangle").css("left"));
- var ypos = parseInt($("#selectRectangle").css("top"));
- var img = new Image();
- var bg = $("#selectRectangle")
- .css("background-image")
- .replace('url(', '')
- .replace(')', '')
- .replace('"', '')
- .replace('"', '');
- img.onload = function () {
- ctx.drawImage(img, xpos, ypos); //save part of image when loaded
-
- layers.saveState(); //and then update layer preview
- };
- img.src = bg;
- $("#selectRectangle")
- .css({
- "top": "0px",
- "left": "0px",
- "background": "transparent"
- })
- .width(0)
- .height(0)
- .hide();
- }
- }
-}
-;
-class Shapes {
- constructor() {
- $('#drawHandler').append(`
-
- `);
- this.startShapePoints = {
- x: 0,
- y: 0
- };
- this.fill = {
- isSet: false,
- color: "#ffffff",
- opacity: 100
- };
- }
-
- startShape() {
- this.startShapePoints.x = webDraft.mPosition.x;
- this.startShapePoints.y = webDraft.mPosition.y;
- }
- prepareRect() {
- let x, y, width, height;
- if (this.startShapePoints.x <= webDraft.mPosition.x) {
- x = this.startShapePoints.x;
- width = webDraft.mPosition.x - this.startShapePoints.x;
- } else {
- x = webDraft.mPosition.x;
- width = this.startShapePoints.x - webDraft.mPosition.x;
- }
- if (this.startShapePoints.y <= webDraft.mPosition.y) {
- y = this.startShapePoints.y;
- height = webDraft.mPosition.y - this.startShapePoints.y;
- } else {
- y = webDraft.mPosition.y;
- height = this.startShapePoints.y - webDraft.mPosition.y;
- }
- $("#prepareRect")
- .show()
- .css({
- "top": y + parseInt($(canvas).css('top')) + "px",
- "left": x + parseInt($(canvas).css('left')) + "px",
- "width": width + "px",
- "height": height + "px",
- "border": webDraft.size + "px solid " + webDraft.color
- });
- if (this.fill.isSet) {
- $("#prepareRect").css({"background": hexToRgba(this.fill.color, this.fill.opacity)});
- } else {
- $("#prepareRect").css({"background": "transparent"});
- }
- if (webDraft.shadow.isShadow) {
- $("#prepareRect").css({"box-shadow": webDraft.shadow.offsetX + "px " + webDraft.shadow.offsetY + "px " + webDraft.shadow.blur + "px " + webDraft.shadow.color});
- } else {
- $("#prepareRect").css({"box-shadow": "none"});
- }
- }
- drawRect() {
- let x, y, width, height;
- if (this.startShapePoints.x >= 0 && this.startShapePoints.y >= 0) {
- if (this.startShapePoints.x <= webDraft.mPosition.x) {
- x = this.startShapePoints.x;
- width = webDraft.mPosition.x - this.startShapePoints.x;
- } else {
- x = webDraft.mPosition.x;
- width = this.startShapePoints.x - webDraft.mPosition.x;
- }
- if (this.startShapePoints.y <= webDraft.mPosition.y) {
- y = this.startShapePoints.y;
- height = webDraft.mPosition.y - this.startShapePoints.y;
- } else {
- y = webDraft.mPosition.y;
- height = this.startShapePoints.y - webDraft.mPosition.y;
- }
- $("#prepareRect").hide();
- ctx.beginPath();
- draw.drawStyle();
- ctx.rect(x, y, width, height);
- ctx.fill();
- ctx.stroke();
- }
- this.startShapePoints.x = -1;
- this.startShapePoints.y = -1;
- }
- prepareCircle() {
- let x, y, width, height, radius;
- x = this.startShapePoints.x;
- y = this.startShapePoints.y;
-
- if (x <= webDraft.mPosition.x) {
- width = webDraft.mPosition.x - x;
- } else {
- width = x - webDraft.mPosition.x;
- }
-
- if (y <= webDraft.mPosition.y) {
- height = webDraft.mPosition.y - y;
- } else {
- height = y - webDraft.mPosition.y;
- }
-
- if (width > height) {
- radius = width;
- } else {
- radius = height;
- }
- $("#prepareCircle")
- .show()
- .css({
- "top": y + parseInt($(canvas).css('top')) - radius + "px",
- "left": x + parseInt($(canvas).css('left')) - radius + "px",
- "width": radius * 2 + "px",
- "height": radius * 2 + "px",
- "border": webDraft.size + "px solid " + webDraft.color,
- "border-radius": "100%"
- });
-
- if (this.fill.isSet) {
- $("#prepareCircle").css({"background": hexToRgba(this.fill.color, this.fill.opacity)});
- } else {
- $("#prepareCircle").css({"background": "transparent"});
- }
-
- if (webDraft.shadow.isShadow) {
- $("#prepareCircle").css({"box-shadow": webDraft.shadow.offsetX + "px " + webDraft.shadow.offsetY + "px " + webDraft.shadow.blur + "px " + webDraft.shadow.color});
- } else {
- $("#prepareCircle").css({"box-shadow": "none"});
- }
- }
- drawCircle() {
- let x, y, width, height, radius;
- x = this.startShapePoints.x;
- y = this.startShapePoints.y;
-
- if (x >= 0 && y >= 0) {
-
- if (x <= webDraft.mPosition.x) {
- width = webDraft.mPosition.x - x;
- } else {
- width = x - webDraft.mPosition.x;
- }
- if (y <= webDraft.mPosition.y) {
- height = webDraft.mPosition.y - y;
- } else {
- height = y - webDraft.mPosition.y;
- }
- if (width > height) {
- radius = width;
- } else {
- radius = height;
- }
- $("#prepareCircle").hide();
-
- ctx.beginPath();
- draw.drawStyle();
- ctx.arc(x, y, radius, 0, 2 * Math.PI, false);
- ctx.fill();
- ctx.stroke();
- }
- this.startShapePoints.x = -1;
- this.startShapePoints.y = -1;
- }
-}
-class Text {
- constructor() {
- $('#drawHandler').append('');
-
- $.get('parts/text-options.part.html', function (data) {
- $('#textOptions').html(data);
-
-
- $("#selectFontType").change(function () {
- $("#textRectangle").css("font-family", $(this).val());
- });
- $("#selectFontSize").change(function () {
- $("#textRectangle").css("font-size", $(this).val() + "px");
- });
- $(".textPostionTool").click(function () {
- $(".textPostionTool").removeClass("active");
- $(this).addClass("active");
- $("#textRectangle").css("text-align", $(this).attr('id'));
- });
- $(".styleTool").click(function () {
- $(this).toggleClass("active");
- switch ($(this).attr("id")) {
- case 'bold':
- if ($(this).hasClass('active'))
- $("#textRectangle").css("font-weight", 'bold');
- else
- $("#textRectangle").css("font-weight", 'normal');
- break;
- case 'italic':
- if ($(this).hasClass('active'))
- $("#textRectangle").css("font-style", 'italic');
- else
- $("#textRectangle").css("font-style", 'normal');
- break;
- case 'underline':
- case 'line-through':
- var textDecoration = "";
- $(".textDecoration.active").each(function () {
- textDecoration += $(this).attr("id") + " ";
- });
- if ($(".textDecoration.active").length > 0)
- $("#textRectangle").css("text-decoration", textDecoration);
- else
- $("#textRectangle").css("text-decoration", 'none');
- break;
- default:
-
- }
- });
- });
- this.hoverSelectRectangle = false;
- this.isSelecting = false;
- this.startSelectPoints = {
- x: 0,
- y: 0
- };
- }
- initSelect() {
- this.startTextPoints = {
- x: webDraft.mPosition.x,
- y: webDraft.mPosition.y
- };
- console.log(this.startTextPoints)
- }
- startSelect() {
- if ($("#textRectangle").empty()) {
- let x, y, width, height;
- if (this.startTextPoints.x <= webDraft.mPosition.x) {
- x = this.startTextPoints.x;
- width = webDraft.mPosition.x - this.startTextPoints.x;
- } else {
- x = webDraft.mPosition.x;
- width = this.startTextPoints.x - webDraft.mPosition.x;
- }
- if (this.startTextPoints.y <= webDraft.mPosition.y) {
- y = this.startTextPoints.y;
- height = webDraft.mPosition.y - this.startTextPoints.y;
- } else {
- y = webDraft.mPosition.y;
- height = this.startTextPoints.y - webDraft.mPosition.y;
- }
- $("#textRectangle")
- .empty()
- .show()
- .css({
- "top": y + parseInt($(canvas).css('top')) + "px",
- "left": x + parseInt($(canvas).css('left')) + "px",
- "min-height": height + "px",
- "width": width + "px",
- "height": height + "px",
- "border": "1px dashed #fff",
- "background": "transparent"
- });
- this.isSelecting = true;
- }
- }
- showTextOptions() {
- this.isSelecting = false;
- $("#textOptions").show();
- }
- putLayer() {
- $("#textRectangle").css('border', 'none');
-
- if ($('#textRectangle').html() === '') {
- return false;
- }
-
- let top = parseInt($("#textRectangle").css('top'));
- let left = parseInt($("#textRectangle").css('left'));
- html2canvas($('#textRectangle'), {
- onrendered: function (canvas) {
- let widthImg = canvas.width;
- let heightImg = canvas.height;
- layers.newLayer();
- layers.setLayerSize(layers.activeId, widthImg, heightImg);
- layers.setLayerPosition(layers.activeId, top, left);
- webDraft.positionElements();
-
- ctx.drawImage(canvas, 0, 0);
-
- layers.saveState();
- $("#textRectangle")
- .css({
- "top": "0px",
- "left": "0px",
- "border": "1px dashed rgb(255, 255, 255)"
- })
- .width(0)
- .height(0)
- .hide()
- .empty();
- }
- });
- }
-}
-class WebDraft {
- constructor() {
- this.isLoaded = false;
- this.title = "WebDraft";
- this.click = {
- left: false, //left mouse button
- right: false //right mouse button
- };
- this.mPosition = {//mouse position on draw
- x: 0,
- y: 0
- };
- this.draw = {
- width: 600,
- height: 600,
- thisParent: "#drawHandler",
- selectorId: "#draw",
- eventHandler: "#eventHandler",
- bg: "url('pic/transparent.png') repeat"
- };
- this.shadow = {
- isShadow: false,
- blur: 1,
- offsetX: 0,
- offsetY: 0,
- color: "#232324"
- };
- this.sensitivityPoints = 1000;
- this.size = 10;
- this.color = "#000000";
- this.selectedTool = PENCIL;
- }
- resize() {}
- makeid() {
- var text = "";
- var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-
- for (var i = 0; i < 15; i++)
- text += possible.charAt(Math.floor(Math.random() * possible.length));
-
- return text;
- }
- positionElements() {
- var image = {
- id: new Array(),
- img: new Array()
- };
-
- var active = layers.activeId;
- for (var i = 0; i < layers.list.length; i++) {
- if (typeof layers.list[i].id === "string") {
- layers.select(layers.list[i].id);
- image.img[i] = ctx.getImageData(0, 0, this.draw.width, this.draw.height);
- image.id[i] = layers.list[i].id;
- }
- }
-
- $(this.draw.selectorId + "," + this.draw.eventHandler).css({
- "width": this.draw.width,
- "height": this.draw.height
- });
- $(this.draw.thisParent).css({
- "background": this.draw.bg,
- "width": this.draw.width,
- "height": this.draw.height
- });
-
- if (this.draw.width >= $("#content").width()) {
- $(this.draw.thisParent).css({"margin-left": "0px"});
- } else {
- $(this.draw.thisParent).css({"margin-left": ($("#content").width() - this.draw.width) / 2});
- }
-
- if (this.draw.height >= $("#content").height()) {
- $(this.draw.thisParent).css({"margin-top": "0px"});
- } else {
- $(this.draw.thisParent).css({"margin-top": ($("#content").height() - this.draw.height) / 2});
- }
-
- for (var i = 0; i < layers.list.length; i++) {
- if (typeof layers.list[i].id === "string") {
- layers.select(layers.list[i].id);
- ctx.putImageData(image.img[i], 0, 0);
- layers.saveState();
- }
- }
-
- if (active !== "")
- layers.select(active);
-
- $("title").text(this.title + ' [' + this.draw.width + " x " + this.draw.height + ']');
- $("html, body, #paint").css({"visibility": "visible"});
- }
- moveEraseRect(event) {
- $("#eraseRect").css({
- "width": this.size,
- "height": this.size,
- "top": event.pageY - (this.size / 2) + "px",
- "left": event.pageX - (this.size / 2) + "px"
- });
- }
- erase(event) {
- this.moveEraseRect(event);
- ctx.clearRect(this.mPosition.x - this.size / 2, this.mPosition.y - this.size / 2, this.size, this.size);
-
- points[layers.activeId] = [];
-// do poprawy
- }
- clear() {
- $(this.draw.selectorId).empty();
- $("#listLayers").empty();
-
- points = {};
-
- this.init();
- }
- colorsampler(event) {
- var x = this.mPosition.x;
- var y = this.mPosition.y;
- var p = ctx.getImageData(x, y, 1, 1).data;
- var colorCode;
- var r = p[0];
- var g = p[1];
- var b = p[2];
- var alpha = p[3];
- var a = Math.floor((100 * alpha) / 255) / 100;
-
- if (a <= 0) {
- colorCode = ((r << 16) | (g << 8) | b).toString(16);
- } else {
- colorCode = "rgba(" + r + "," + g + "," + b + "," + a + ")";
- }
-
- if (colorCode === "0")
- colorCode = "transparent";
-
- $("#textColorSampler").text(colorCode);
- $("#colorBoxSampler").css({"background-color": colorCode});
- }
- colorsamplerSetcolor() {
- if ($("#textColorSampler").text() !== 'null') {
- $("#generalColor .color").css({"background": $("#textColorSampler").text()});
- $("#firstColor").val($("#textColorSampler").text());
- this.color = $("#textColorSampler").text();
- }
- }
- mousePosition(event) {
- var touch = undefined;
-
- if (event.originalEvent.touches) {
- touch = event.originalEvent.touches[0];
-
- var pos_x = event.pageX || touch.pageX;
- var pos_y = event.pageY || touch.pageY;
-
-
- } else {
- var pos_x = event.pageX;
- var pos_y = event.pageY;
- }
-
- this.mPosition.x = pos_x - parseInt($(this.draw.selectorId).offset().left) - parseInt($(canvas).css('left'));
- this.mPosition.y = pos_y - parseInt($(this.draw.selectorId).offset().top) - parseInt($(canvas).css('top'));
-
- $("#mousePosition").text(this.mPosition.x + " , " + this.mPosition.y);
- if (this.mPosition.x < 0 || this.mPosition.x > $(this.draw.selectorId).width()
- || this.mPosition.y < 0 || this.mPosition.y > $(this.draw.selectorId).height()) {
- $("#mousePosition").empty();
- }
- }
- _mousedown(event) {
- this.mousePosition(event);
- if ("buttons" in event) {
- if (event.buttons == 1) {
- this.click.left = true;
- }
- }
- var button = event.which || event.button;
- if (button == 1) {
- this.click.left = true;
- }
- if (!this.click.right && this.click.left) {
- if (this.selectedTool !== SELECT)
- points[layers.activeId].push({x: this.mPosition.x, y: this.mPosition.y});
-
- switch (this.selectedTool) {
- case PENCIL :
- case ERASER :
- draw.drawing();
- break;
- case SELECT :
- select.initSelect();
- break;
- case RECTANGLE :
- case CIRCLE :
- shapes.startShape();
- break;
- case TEXT :
- text.initSelect();
- break;
- case COLORSAMPLER :
- this.colorsamplerSetcolor();
- $("#pencil").click();
- break;
- }
- }
- }
- _mouseup(event) {
- this.click.left = false;
- this.click.right = false;
-
- ctx.beginPath();
- ctx.stroke();
-
- switch (this.selectedTool) {
- case SELECT:
- select.selectOpt();
- break;
- case TEXT :
- text.showTextOptions();
- break;
- case RECTANGLE :
- shapes.drawRect();
- break;
- case CIRCLE :
- shapes.drawCircle();
- break;
- }
-
- layers.saveState();
- }
- _mousemove(event) {
- this.mousePosition(event);
-
- switch (this.selectedTool) {
- case ERASER:
- this.moveEraseRect(event);
- break;
- case COLORSAMPLER :
- this.colorsampler();
- break;
- case SELECT :
- if (
- !select.isSelecting && this.mPosition.x <= parseInt($("#selectRectangle").css("left")) + $("#selectRectangle").width()
- && this.mPosition.x >= parseInt($("#selectRectangle").css("left"))
- && this.mPosition.y <= parseInt($("#selectRectangle").css("top")) + $("#selectRectangle").height()
- && this.mPosition.y >= parseInt($("#selectRectangle").css("top"))
- ) {
- select.hoverSelectRectangle = true;
- $("#selectRectangle").css({"z-index": 5});
- } else {
- select.hoverSelectRectangle = false;
- $("#selectRectangle").css({"z-index": 3});
- }
- break;
- case TEXT :
- if (
- !text.isSelecting && this.mPosition.x <= parseInt($("#textRectangle").css("left")) + $("#textRectangle").width()
- && this.mPosition.x >= parseInt($("#textRectangle").css("left"))
- && this.mPosition.y <= parseInt($("#textRectangle").css("top")) + $("#textRectangle").height()
- && this.mPosition.y >= parseInt($("#textRectangle").css("top"))
- ) {
- text.hoverSelectRectangle = true;
- $("#textRectangle").css({"z-index": 5});
- } else {
- text.hoverSelectRectangle = false;
- $("#textRectangle").css({"z-index": 3});
- }
- break;
- }
-
- if (this.click.left && !this.click.right) {
- if (this.selectedTool !== SELECT)
- points[layers.activeId].push({x: this.mPosition.x, y: this.mPosition.y});
-
- switch (this.selectedTool) {
- case PENCIL :
- case ERASER :
- ctx.lineTo(this.mPosition.x, this.mPosition.y);
- ctx.stroke();
- break;
- case WEB :
- draw.drawWeb();
- break;
- case SELECT :
- if (!select.hoverSelectRectangle)
- select.startSelect();
- break;
- case TEXT :
- if (!text.hoverSelectRectangle)
- text.startSelect();
- break;
- case RECTANGLE :
- shapes.prepareRect();
- break;
- case CIRCLE :
- shapes.prepareCircle();
- break;
- }
- }
- }
- loadParts() {
- $.get('parts/buttons.part.html', function (data) {
- $('[data-id=buttons]').html(data);
- events.buttons();
- });
- $.get('parts/info.part.html', function (data) {
- $('#info').html(data);
- events.info();
- });
- $.get('parts/color-picker.part.html', function (data) {
- $('[data-id=color-picker]').html(data);
- events.color();
- });
- $.get('parts/sliders.part.html', function (data) {
- $('[data-id=sliders]').html(data);
- events.sliders();
- });
- this.isLoaded = true;
- }
- init() {
- let $this = this;
- if (!this.isLoaded) {
- this.loadParts();
- } else {
- layers.newLayer();
- }
- //events on #draw
- $(this.draw.eventHandler)
- .hover(function () {
- if (typeof ctx !== 'undefined') {
- ctx.beginPath();
- ctx.stroke();
- }
- if (this.selectedTool === ERASER) {
- $("#eraseRect").show();
- }
-
- })
- .bind("contextmenu", function (event) {
- if (!DEBUG) {
- event.preventDefault();
- }
- this.click.right = true;
- this.click.left = false;
- })
- .on('mousedown', function (e) {
- $this._mousedown(e);
- })
- .on('mouseup', function (e) {
- $this._mouseup(e);
- })
- .on('mousemove', function (e) {
- $this._mousemove(e);
- })
- .mouseleave(function () {
- ctx.stroke();
- layers.saveState();
- if (this.selectedTool === ERASER)
- $("#eraseRect").hide();
- })
- .dblclick(function () {
- switch (this.selectedTool) {
- case SELECT:
- $("#selectRectangle")
- .css({
- "top": "0px",
- "left": "0px"
- })
- .width(0)
- .height(0)
- .hide();
- break;
- case TEXT :
- text.putLayer();
-
- break;
- }
- });
- }
-}
-
-const DEBUG = 0;
-
-const PENCIL = 'pencil';
-const SELECT = 'select';
-const ERASER = 'eraser';
-const WEB = 'web';
-const TEXT = 'text';
-const RECTANGLE = 'rectangle';
-const CIRCLE = 'circle';
-const COLORSAMPLER = 'colorsampler';
-
-
-let items = [
- {
- text: 'Clear',
- shortcut: 'ctrl+del',
- icon: 'fas fa-ban',
- onclick: function () {
- webDraft.clear();
- }
- },
- {
- text: 'Upload image',
- shortcut: 'ctrl+o',
- icon: 'fas fa-upload',
- onclick: function () {
- $('#fileUploader').click();
- }
- },
- {
- text: 'Save image',
- shortcut: 'ctrl+s',
- icon: 'fas fa-download',
- onclick: function () {
- file.download();
- }
- },
- {
- text: 'Color',
- icon: 'fas fa-tint',
- submenu: [
- {
- text: 'Invert',
- icon: 'fas fa-adjust',
- onclick: function () {
- layers.negative();
- }
- },
- {
- text: 'Colorpicker',
- icon: 'fas fa-eye-dropper',
- onclick: function () {
- $('#colorsampler').click();
- }
- }
- ]
- }
-];
-
-let context_menu = new Contextmenu(items);
-let camera = new Camera();
-let file = new File();
-let shapes = new Shapes();
-let draw = new Draw();
-let text = new Text();
-let resizer = new Resizer();
-let layers = new Layers();
-let select = new Select();
-let webDraft = new WebDraft();
-
-
-let canvas,
- ctx,
- randomId,
- points = {};
-
-
-$(window)
- .resize(function () {
- webDraft.resize();
- webDraft.positionElements();
- });
-$(document)
- .ready(function (event) {
- if (/mobile/i.test(navigator.userAgent)) {
- webDraft.draw.width = window.innerWidth - 10;
- webDraft.draw.height = window.innerHeight - 30;
- }
-
- webDraft.init();
- $("#selectRectangle, #textRectangle")
- .draggable({snap: false})
- .css({"position": "absolute"});
-
- $("#shadowDot").draggable({
- containment: "#shadowSquare",
- scroll: false,
- drag: function () {
- let shadowY = parseInt($(this).css('top')) - (parseInt($(this).parent().height()) / 2);
- let shadowX = parseInt($(this).css('left')) - (parseInt($(this).parent().width()) / 2);
- webDraft.shadow.offsetX = shadowX;
- webDraft.shadow.offsetY = shadowY;
- }
- });
- $('#shadowSquare').on('mousedown', function (e) {
- let x = e.pageX - $(this).offset().left;
- let y = e.pageY - $(this).offset().top;
-
- $("#shadowDot").css({
- top: (y - 5) + 'px',
- left: (x - 5) + 'px'
- });
-
- let shadowY = parseInt($("#shadowDot").css('top')) - (parseInt($("#shadowDot").parent().height()) / 2);
- let shadowX = parseInt($("#shadowDot").css('left')) - (parseInt($("#shadowDot").parent().width()) / 2);
- webDraft.shadow.offsetX = shadowX;
- webDraft.shadow.offsetY = shadowY;
- });
-
-
- })
- .bind("contextmenu", function (e) {
- if (!DEBUG) {
- e.preventDefault();
- }
- })
- .on('mouseup touchend', function (e) {
- webDraft._mouseup(e);
- })
- .on('mousemove touchmove', function (e) {
- webDraft._mousemove(e);
- });
-
-function hexToRgba(hex, opacity) {
- hex = hex.replace('#', '');
- const r = parseInt(hex.substring(0, 2), 16);
- const g = parseInt(hex.substring(2, 4), 16);
- const b = parseInt(hex.substring(4, 6), 16);
- const a = opacity / 100;
- return 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
-}
\ No newline at end of file
diff --git a/docs/manual-qa-checklist.md b/docs/manual-qa-checklist.md
new file mode 100644
index 0000000..e779887
--- /dev/null
+++ b/docs/manual-qa-checklist.md
@@ -0,0 +1,90 @@
+# WebDraft Manual QA Checklist
+
+Use this before replacing the old entrypoint or after larger editor changes.
+
+## Automated Gate
+
+- [ ] Run `npm run check` in `app-v3/`.
+- [ ] Confirm the app opens at `http://127.0.0.1:5173/`.
+- [ ] Confirm the browser console has no unexpected errors during basic use.
+
+## Drawing Tools
+
+- [ ] Pencil draws a continuous stroke and enables Undo.
+- [ ] Eraser removes pixels from the active layer.
+- [ ] Size slider changes brush width.
+- [ ] Color picker changes stroke color.
+- [ ] Sampler picks a visible non-transparent color and returns to Pencil.
+- [ ] Fill bucket fills a contiguous active-layer region using Fill color, Fill opacity, and Bucket tolerance.
+- [ ] Web tool draws the main stroke plus nearby connecting lines.
+
+## Shapes And Text
+
+- [ ] Rectangle preview appears while dragging and commits on pointer up.
+- [ ] Ellipse preview appears while dragging and commits on pointer up.
+- [ ] Fill toggle, fill color, and fill opacity affect shapes.
+- [ ] Text tool opens a textarea over the selected bounds.
+- [ ] Text commits on blur.
+- [ ] Text font, alignment, bold, italic, and size are reflected on commit.
+
+## Selection And Clipboard
+
+- [ ] Select tool draws a clipped selection frame.
+- [ ] Copy enables Paste.
+- [ ] Cut removes the selected pixels and enables Paste.
+- [ ] Paste places pixels at the selection bounds.
+- [ ] Delete or Backspace clears the active layer.
+
+## Layers
+
+- [ ] Add layer creates a new active layer.
+- [ ] Delete layer removes the active layer but never removes the last layer.
+- [ ] Move up/down changes layer order and visual stacking.
+- [ ] Hide/show toggles visibility and export respects hidden layers.
+- [ ] Rename keeps a non-empty name and ignores empty names.
+- [ ] Layer thumbnails update after drawing and transforms.
+
+## History
+
+- [ ] Undo/redo works for drawing strokes.
+- [ ] Undo/redo works for shapes and text.
+- [ ] Undo/redo works for add/delete/move/rename/hide/show layer.
+- [ ] Undo/redo works after image import.
+- [ ] Undo/redo works after canvas resize.
+- [ ] New edits after Undo clear the Redo stack.
+- [ ] History remains bounded to the latest 30 operations.
+
+## Canvas And Files
+
+- [ ] Resize canvas changes the visible canvas and keeps existing layer pixels at the top-left.
+- [ ] Upload image creates a new fitted layer.
+- [ ] Export PNG downloads a composited image.
+- [ ] Exported PNG excludes hidden layers.
+- [ ] Camera snap either adds a new layer or shows a permission/device error toast.
+
+## Status And Errors
+
+- [ ] Successful image import shows a success toast.
+- [ ] Successful PNG export shows a success toast.
+- [ ] Successful resize shows the new canvas size in a toast.
+- [ ] Camera denial or unsupported camera shows an error toast.
+- [ ] Toasts do not block drawing or toolbar interaction.
+
+## Responsive Layout
+
+- [ ] Desktop sidebar scrolls independently from the canvas workspace.
+- [ ] Desktop page has no accidental horizontal body overflow.
+- [ ] Mobile toolbar scrolls horizontally.
+- [ ] Mobile workspace scrolls the canvas instead of widening the page.
+- [ ] Text inside buttons and controls remains readable at mobile width.
+
+## Keyboard Shortcuts
+
+- [ ] `S`, `P`, `E`, `C`, `B`, `W`, `R`, `O`, `T` switch tools.
+- [ ] `[` and `]` change brush size.
+- [ ] Cmd/Ctrl+Z and Cmd/Ctrl+Shift+Z undo/redo.
+- [ ] Cmd/Ctrl+Y redoes.
+- [ ] Cmd/Ctrl+O opens image picker.
+- [ ] Cmd/Ctrl+S exports PNG.
+- [ ] Cmd/Ctrl+C/X/V copy, cut, paste a selection.
+- [ ] `I`, `,`, `.`, `H`, `V` run invert, rotate, and mirror actions.
diff --git a/docs/rewrite-checklist.md b/docs/rewrite-checklist.md
new file mode 100644
index 0000000..d2c96db
--- /dev/null
+++ b/docs/rewrite-checklist.md
@@ -0,0 +1,44 @@
+# WebDraft Rewrite Checklist
+
+## Direction
+
+- Build the new editor in `app-v3/`.
+- Keep the old app intact as a reference until the rewrite is useful enough to replace it.
+- Use Vanilla TypeScript modules and browser APIs first.
+- Avoid jQuery, React, Angular, and server-side rendering.
+- Consider Web Components only for repeated UI pieces once their shape stabilizes.
+
+## Milestones
+
+- [x] Create an isolated rewrite directory.
+- [x] Add a lightweight Vite + TypeScript skeleton.
+- [x] Add the first canvas surface, layer manager, pencil, eraser, size control, clear command, and custom color input wrapper.
+- [x] Recreate the current tool inventory from the old app.
+- [x] Rebuild layers UI without jQuery.
+- [x] Add upload image support.
+- [x] Add PNG export.
+- [x] Add selection, copy, cut, paste.
+- [x] Add shape tools.
+- [x] Add fill options for shape tools.
+- [x] Add text tool.
+- [x] Add web drawing tool.
+- [x] Add fill bucket tool.
+- [x] Add active-layer invert, mirror, and rotate actions.
+- [x] Add canvas resize, fill opacity, shadow controls, text options, and camera snap.
+- [x] Add undo/redo history.
+- [x] Add keyboard shortcuts.
+- [x] Add responsive layout polish.
+- [x] Add final smoke tests and regression tests.
+
+## Old Code References
+
+- `js/modules/WebDraft.js` - pointer flow and current editor state.
+- `js/modules/Layers.js` - layer operations and previews.
+- `js/modules/File.js` - upload and export behavior.
+- `js/modules/Shapes.js` - rectangle and circle behavior.
+- `js/modules/Text.js` - text selection and rendering behavior.
+- `parts/*.part.html` - current UI inventory.
+
+## Release Readiness
+
+- Use `docs/manual-qa-checklist.md` before replacing the old entrypoint or after larger editor changes.
diff --git a/docs/wdraft-format.md b/docs/wdraft-format.md
new file mode 100644
index 0000000..8386936
--- /dev/null
+++ b/docs/wdraft-format.md
@@ -0,0 +1,82 @@
+# `.wdraft` File Format (v2)
+
+## Overview
+
+`.wdraft` is the native project format for WebDraft. It preserves all layers with their full pixel data, canvas dimensions, layer order, visibility, and the active layer — allowing work to be resumed exactly as it was left.
+
+- **Extension:** `.wdraft`
+- **MIME type:** `application/x-webdraft`
+- **Encoding:** binary (little-endian)
+
+---
+
+## Binary layout
+
+All multi-byte integers are **unsigned, little-endian**.
+
+### Header
+
+| Offset | Size | Type | Field |
+|--------|------|--------|---------------------------|
+| 0 | 4 | bytes | Magic: `0x57 0x44 0x46 0x54` (`"WDFT"`) |
+| 4 | 1 | uint8 | Version (currently `2`) |
+| 5 | 4 | uint32 | Canvas width (px) |
+| 9 | 4 | uint32 | Canvas height (px) |
+| 13 | 4 | uint32 | Layer count (internal counter) |
+| 17 | 2 | uint16 | Active layer ID length (bytes) |
+| 19 | N | UTF-8 | Active layer ID |
+| 19+N | 2 | uint16 | Number of layer entries |
+
+### Per-layer block (repeated)
+
+| Size | Type | Field |
+|------|--------|-------------------------------|
+| 2 | uint16 | ID length (bytes) |
+| N | UTF-8 | Layer ID |
+| 2 | uint16 | Name length (bytes) |
+| N | UTF-8 | Layer name |
+| 1 | uint8 | Visible (`0` = hidden, `1` = visible) |
+| 4 | uint32 | Layer canvas width (px) |
+| 4 | uint32 | Layer canvas height (px) |
+| 4 | uint32 | PNG data length (bytes) |
+| N | bytes | PNG data (raw, no base64) |
+
+Layers are stored bottom-to-top (index 0 = bottommost layer).
+
+---
+
+## Fields
+
+- **Layer count** — internal counter used to generate unique layer IDs after import; must be ≥ the highest layer index.
+- **Layer canvas width/height** — actual dimensions of the layer's canvas (may differ from canvas width/height if the canvas was resized after the layer was created).
+- **PNG data** — lossless PNG encoded directly as raw bytes. No base64 encoding.
+
+---
+
+## File size
+
+Without base64 overhead, files are ~25–33% smaller than a JSON equivalent.
+
+| Canvas size | Layers | Estimated file size |
+|-------------|--------|---------------------|
+| 900 × 620 | 1 | ~200 KB |
+| 900 × 620 | 5 | ~1 MB |
+| 1920 × 1080 | 5 | ~4–7 MB |
+
+Mostly-transparent layers compress very well; fully painted layers are larger.
+
+---
+
+## Versioning
+
+- The version byte is checked on import. Files with a version other than `2` are rejected.
+- The magic bytes `WDFT` identify the file format independently of version.
+- Version 1 was a JSON/base64 format — those files are not supported by this parser.
+
+---
+
+## Usage in WebDraft
+
+**Save project** — serialises all layers to a `.wdraft` binary file and downloads it.
+
+**Open project** — reads a `.wdraft` file with `FileReader.readAsArrayBuffer`, parses the binary, restores canvas size and all layers, and pushes a history entry so the action can be undone.
diff --git a/favicon.ico b/favicon.ico
deleted file mode 100644
index 12b19e5..0000000
Binary files a/favicon.ico and /dev/null differ
diff --git a/index.html b/index.html
index 7968044..fec3992 100644
--- a/index.html
+++ b/index.html
@@ -1,80 +1,13 @@
-
+
-
+
+
+
+
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Del
- Delete
- Ctrl + X
- Cut
- Ctrl + C
- Copy
- Ctrl + V
- Paste
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
diff --git a/js/modules/Camera.js b/js/modules/Camera.js
deleted file mode 100644
index d842c66..0000000
--- a/js/modules/Camera.js
+++ /dev/null
@@ -1,171 +0,0 @@
-class Camera {
- constructor() {
- this.cameraStream = null;
- this.filters = {
- 'sepia': false,
- 'noise': false,
- 'greyscale': false,
- 'negative': false
- };
- let $this = this;
- this.filterInterval = null;
- $.get('parts/camera.part.html', function (data) {
- $('body').append('');
-
- $('#camera').html(data);
-
- $('#snap').click($this.snap);
- $('#saveSnapOnComputer').click($this.saveOnComputer);
- $('#applySnap').click($this.applySnap);
- $('#cancelSnap').click($this.cancelSnap);
- $('#switchFullscreen').click(function (e) {
- $('#camera').toggleClass('fullscreen');
- })
- $('#closeCamera').click(function () {
- $this.stop();
- });
- $('.filter-checkbox').change(function (e) {
- let filterName = $(this).parent().find('.filter').data('id');
- $this.filters[filterName] = $(this).is(':checked');
- });
- });
- }
-
- init() {
- let $this = this;
- $('#camera').addClass('opened');
- let video = document.getElementById('video');
- if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
- navigator.mediaDevices.getUserMedia({video: true}).then(function (stream) {
- video.src = window.URL.createObjectURL(stream);
- video.play();
- $this.cameraStream = stream;
- $('#camera #cameraTitle').text($this.cameraStream.getTracks()[0].label);
- $this.setFilter();
- });
- }
- }
-
- stop() {
- let $this = this;
- let track = $this.cameraStream.getTracks()[0];
- track.stop();
- $this.cameraStream = null;
- $('#camera').removeClass('opened');
- }
-
- snap() {
- let snapImage = document.getElementById('snapImage');
- let snapImageContext = snapImage.getContext('2d');
- let video = document.getElementById('video');
- let additionalLayer = document.getElementById('additional');
- let additionalLayerContext = additionalLayer.getContext('2d');
- let videoImageData = additionalLayerContext.getImageData(0, 0, additionalLayer.width, additionalLayer.height);
- snapImageContext.putImageData(videoImageData, 0, 0);
- $('#camera').addClass('snapped');
- }
-
- saveOnComputer() {
- file.downloadFromCamera('snapImage');
- }
-
- cancelSnap() {
- let snapImage = document.getElementById('snapImage');
- let snapImageContext = snapImage.getContext('2d');
- snapImageContext.clearRect(0, 0, snapImage.width, snapImage.height);
- $('#camera').removeClass('snapped');
- if (this.filterInterval) {
- clearInterval(this.filterInterval);
- }
- }
-
- applySnap() {
- let snapImage = document.getElementById('snapImage');
- layers.newLayer();
- layers.setLayerSize(layers.activeId, snapImage.width, snapImage.height);
- webDraft.positionElements();
- ctx.drawImage(snapImage, 0, 0);
- layers.saveState();
- $('#camera').removeClass('snapped');
- }
-
- setFilter() {
- let additionalLayer = document.getElementById('additional');
- let additionalLayerContext = additionalLayer.getContext('2d');
- let frame = document.getElementById('frame');
- let frameContext = frame.getContext('2d');
- let video = document.getElementById('video');
- let videoImageData = additionalLayerContext.getImageData(0, 0, additionalLayer.width, additionalLayer.height);
- if (this.filterInterval) {
- clearInterval(this.filterInterval);
- }
- let $this = this;
- setInterval(function (e) {
- frameContext.drawImage(video, 0, 0, video.width, video.height);
- videoImageData = frameContext.getImageData(0, 0, video.width, video.height);
-
- for (let i in $this.filters) {
- if ($this.filters[i]) {
- videoImageData = $this[i + 'Filter'](videoImageData);
- }
- }
-
- additionalLayerContext.putImageData(videoImageData, 0, 0);
- }, 1)
- }
-
- negativeFilter(imageData) {
- let pixels = imageData.data;
- for (let i = 0; i < pixels.length; i += 4) {
- pixels[i] = 255 - pixels[i]; // red
- pixels[i + 1] = 255 - pixels[i + 1]; // green
- pixels[i + 2] = 255 - pixels[i + 2]; // blue
- }
-
- return imageData;
- }
-
- greyscaleFilter(imageData) {
- let pixels = imageData.data;
- for (let i = 0; i < pixels.length; i += 4) {
- let r = pixels[i];
- let g = pixels[i + 1];
- let b = pixels[i + 2];
- let avg = 0.3 * r + 0.59 * g + 0.11 * b;
-
- pixels[i] = avg; // red
- pixels[i + 1] = avg; // green
- pixels[i + 2] = avg; // blue
- }
-
- return imageData;
- }
-
- noiseFilter(imageData) {
- let pixels = imageData.data;
- for (let i = 0; i < pixels.length; i += 4) {
- let rand = (0.5 - Math.random()) * 100;
- pixels[i] += rand; // red
- pixels[i + 1] += rand; // green
- pixels[i + 2] += rand; // blue
- }
-
- return imageData;
- }
-
- sepiaFilter(imageData) {
- let pixels = imageData.data;
- for (let i = 0; i < pixels.length; i += 4) {
- let r = pixels[i];
- let g = pixels[i + 1];
- let b = pixels[i + 2];
- let avg = 0.3 * r + 0.59 * g + 0.11 * b;
-
- pixels[i] = avg + 100; // red
- pixels[i + 1] = avg + 50; // green
- pixels[i + 2] = avg; // blue
- }
-
- return imageData;
- }
-}
\ No newline at end of file
diff --git a/js/modules/Clipboard.js b/js/modules/Clipboard.js
deleted file mode 100644
index e69de29..0000000
diff --git a/js/modules/Contextmenu.js b/js/modules/Contextmenu.js
deleted file mode 100644
index 4cdc1e2..0000000
--- a/js/modules/Contextmenu.js
+++ /dev/null
@@ -1,89 +0,0 @@
-class Contextmenu {
- constructor(items) {
- this.items = items;
- let $this = this;
- $('body').append('');
- $('#contextmenu').html('
-
`
- );
-
- let new_layer = {
- visible: true,
- id: randomId,
- top: 0,
- left: 0
- };
- layers.list.push(new_layer);
-
- $(".layerView").click(function () {
- if (!$(this).hasClass("hidden")) {
- $(".layerView").removeClass("active");
- $(this).addClass("active");
-
- let identifier = $(this).attr("data-id");
-
- layers.select(identifier);
- }
- });
- $(".hideLayer").click(function () {
- let nr = $(this).parent(".layerView").attr("id");
-
- $(this).hide();
- $(this)
- .parent(".layerView")
- .find(".showLayer")
- .css({"display": "block"});
-
- layers.hide(nr);
- });
- $(".showLayer").click(function () {
- let nr = $(this).parent(".layerView").attr("id");
-
- $(this).hide();
- $(this)
- .parent(".layerView")
- .find(".hideLayer")
- .css({"display": "block"});
-
- layers.show(nr);
- });
- $(".layerView[data-id=" + randomId + "]").click();
- points[randomId] = [];
-
- }
- }
- delete() {
- let identifier = $(".layerView.active").attr("data-id");
- let nr = $(".layerView.active").attr("id");
-
- let countViews = $(".layerView").length;
-
- if (countViews > 1) {
- let i = parseInt(nr);
- $(".layerView#" + i).remove();
- $("canvas#" + identifier).remove();
- for (i in layers.list) {
- if (!$('canvas#' + layers.list[i].id).length) {
- layers.list.splice(i, 1);
- }
- }
-
- let j = 0;
- $(".layerView").each(function () {
- $(this).attr({
- "id": j,
- "data-id": layers.list[j].id}
- );
- j++;
- });
-
- webDraft.draw.width = 0;
- webDraft.draw.height = 0;
- $("canvas.canvas-draw").each(function () {
- const w = parseInt($(this).attr("width"));
- const h = parseInt($(this).attr("height"));
- if (webDraft.draw.width < w)
- webDraft.draw.width = w;
-
- if (webDraft.draw.height < h)
- webDraft.draw.height = h;
- });
- $(".layerView").first().click();
- webDraft.positionElements();
- }
- }
- hide(nr) {
- let i = parseInt(nr);
-
- $(".layerView#" + i).addClass("hidden");
- $("canvas#" + layers.list[i].id).addClass("invisible");
-
- let j = 0;
- $("canvas.canvas-draw").not('#snapImage').each(function () {
- layers.list[j].id = $(this).attr("id");
-
- if ($(this).hasClass("invisible"))
- layers.list[j].visible = false;
- else
- layers.list[j].visible = true;
-
- j++;
- });
-
- j = 0;
- $(".layerView").each(function () {
- $(this).attr({
- "id": j,
- "data-id": layers.list[j].id}
- );
- j++;
- });
- // $(".layerView#" + i).next().not(".hidden").click()
- }
- show(nr) {
- let i = parseInt(nr);
-
- $(".layerView#" + i).removeClass("hidden");
- $("canvas#" + layers.list[i].id).removeClass("invisible");
-
- let j = 0;
- $("canvas.canvas-draw").not('#snapImage').each(function () {
- layers.list[j].id = $(this).attr("id");
-
- if ($(this).hasClass("invisible"))
- layers.list[j].visible = false;
- else
- layers.list[j].visible = true;
-
- j++;
- });
-
- j = 0;
- $(".layerView").each(function () {
- $(this).attr({
- "id": j,
- "data-id": layers.list[j].id}
- );
- j++;
- });
- }
- select(id) {
- if (!$(".layerView[data-id=" + id + "]").hasClass("hidden")) {
- canvas = document.getElementById(id);
- ctx = canvas.getContext('2d');
-
- layers.activeId = id;
- }
- }
- rotate(angle) {
- let image = new Image();
- image.src = canvas.toDataURL();
- ctx.clearRect(0, 0, canvas.width, canvas.height);
- ctx.save();
- ctx.translate(canvas.width / 2, canvas.height / 2);
- ctx.rotate(angle * Math.PI / 180);
- ctx.drawImage(image, -image.width / 2, -image.width / 2);
- ctx.restore();
- layers.saveState();
- }
- mirror(direction) {
- if (direction === 'horizontal' || direction === 'vertical') {
- let image = new Image();
- image.src = canvas.toDataURL();
- ctx.clearRect(0, 0, canvas.width, canvas.height);
- ctx.save();
- ctx.translate(canvas.width / 2, canvas.height / 2);
- if (direction === 'vertical')
- ctx.scale(-1, 1);
- else if (direction === 'horizontal')
- ctx.scale(1, -1);
- ctx.drawImage(image, -image.width / 2, -image.height / 2);
- ctx.restore();
- layers.saveState();
- }
- }
- negative() {
- let destX = 0;
- let destY = 0;
-
- let imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
- let pixels = imageData.data;
- for (let i = 0; i < pixels.length; i += 4) {
- pixels[i] = 255 - pixels[i]; // red
- pixels[i + 1] = 255 - pixels[i + 1]; // green
- pixels[i + 2] = 255 - pixels[i + 2]; // blue
- // i+3 is alpha (the fourth element)
- }
-
- // overwrite original image
- ctx.putImageData(imageData, 0, 0);//add the function call in the imageObj.onload
- layers.saveState();
- }
- moveUp() {
- let firstID = $(".layerView").first().attr("data-id");
- if (firstID !== layers.activeId) {
- let thisNr = $(".layerView[data-id=" + layers.activeId + "]").attr("id");
- let prevNr = parseInt(thisNr) - 1;
- let prevId = $(".layerView#" + prevNr).attr("data-id");
- let thisLayer = $(".layerView#" + thisNr);
- let prevLayer = $(".layerView#" + prevNr);
-
- thisLayer.insertBefore(".layerView#" + prevNr);
- thisLayer.removeAttr("id").attr("id", prevNr);
- prevLayer.removeAttr("id").attr("id", thisNr);
-
- $("canvas#" + layers.activeId).insertBefore("canvas#" + prevId);
-
- let j = 0;
- $("canvas.canvas-draw").each(function () {
- layers.list[j].id = $(this).attr("id");
-
- if ($(this).hasClass("invisible"))
- layers.list[j].visible = false;
- else
- layers.list[j].visible = true;
-
- j++;
- });
-
- return true;
- }
- return false;
- }
- moveDown() {
- let lastID = $(".layerView").last().attr("data-id");
- if (lastID !== layers.activeId) {
- let thisNr = $(".layerView[data-id=" + layers.activeId + "]").attr("id");
- let nextNr = parseInt(thisNr) + 1;
- let nextId = $(".layerView#" + nextNr).attr("data-id");
- let thisLayer = $(".layerView#" + thisNr);
- let prevLayer = $(".layerView#" + nextNr);
-
- thisLayer.insertAfter(".layerView#" + nextNr);
- thisLayer.removeAttr("id").attr("id", nextNr);
- prevLayer.removeAttr("id").attr("id", thisNr);
-
- $("canvas#" + layers.activeId).insertAfter("canvas#" + nextId);
- let j = 0;
- $("canvas.canvas-draw").each(function () {
- layers.list[j].id = $(this).attr("id");
-
- if ($(this).hasClass("invisible"))
- layers.list[j].visible = false;
- else
- layers.list[j].visible = true;
-
- j++;
- });
-
- return true;
- }
- return false;
- }
-}
\ No newline at end of file
diff --git a/js/modules/Resizer.js b/js/modules/Resizer.js
deleted file mode 100644
index d2666fa..0000000
--- a/js/modules/Resizer.js
+++ /dev/null
@@ -1,51 +0,0 @@
-class Resizer {
- constructor() {
- let $this = this;
- $.get('parts/resizer.part.html', function (data) {
- $('#resizer').html(data);
-
- $("#resizer input[type=number]").keyup(function (e) {
- $this.onkeyup(e);
- });
- });
- }
- show() {
- $("#resizer").show();
- $("input[type=number]#drawWidth").val(webDraft.draw.width);
- $("input[type=number]#drawHeight").val(webDraft.draw.height);
- $("#resizeinfo").html(webDraft.draw.width + " " + webDraft.draw.height);
- }
- cancel() {
- $("#resizer").hide();
- $("input[type=number]#drawWidth").val(webDraft.draw.width);
- $("input[type=number]#drawHeight").val(webDraft.draw.height);
- }
- apply() {
- $("#resizer").hide();
- let w, h;
- if ($("#allLayersResizing").is(":checked")) {
- w = $("input[type=number]#drawWidth").val();
- h = $("input[type=number]#drawHeight").val();
-
- layers.setLayerSize('', w, h);
- } else {
- w = $("input[type=number]#drawWidth").val();
- h = $("input[type=number]#drawHeight").val();
-
- layers.setLayerSize(layers.activeId, w, h);
- }
- webDraft.positionElements();
- }
- onkeyup(e) {
- this.onchange();
-
- if (e.keyCode === 13) {
- $("#apply").click();
- }
- }
- onchange() {
- let xSize = parseInt($("input[type=number]#drawWidth").val());
- let ySize = parseInt($("input[type=number]#drawHeight").val());
- $("#resizeinfo").html(xSize + " " + ySize);
- }
-}
\ No newline at end of file
diff --git a/js/modules/Select.js b/js/modules/Select.js
deleted file mode 100644
index f5b35d7..0000000
--- a/js/modules/Select.js
+++ /dev/null
@@ -1,132 +0,0 @@
-class Select {
- constructor() {
- $('#drawHandler').append('');
- this.hoverSelectRectangle = false;
- this.isSelecting = false;
- this.startSelectPoints = {
- x: 0,
- y: 0
- };
- }
- initSelect() {
- this.startSelectPoints = {
- x: webDraft.mPosition.x,
- y: webDraft.mPosition.y
- };
- }
- startSelect() {
- let x, y, width, height;
- if (this.startSelectPoints.x <= webDraft.mPosition.x) {
- x = this.startSelectPoints.x;
- width = webDraft.mPosition.x - this.startSelectPoints.x;
- } else {
- x = webDraft.mPosition.x;
- width = this.startSelectPoints.x - webDraft.mPosition.x;
- }
- if (this.startSelectPoints.y <= webDraft.mPosition.y) {
- y = this.startSelectPoints.y;
- height = webDraft.mPosition.y - this.startSelectPoints.y;
- } else {
- y = webDraft.mPosition.y;
- height = this.startSelectPoints.y - webDraft.mPosition.y;
- }
- $("#selectRectangle")
- .show()
- .css({
- "top": y + parseInt($(canvas).css('top')) + "px",
- "left": x + parseInt($(canvas).css('left')) + "px",
- "width": width + "px",
- "height": height + "px",
- "border": "1px dashed #fff",
- "background": "transparent"
- });
- this.isSelecting = true;
- }
- selectOpt() {
- this.isSelecting = false;
- }
- delSelectedPart() {
- if ($("#selectRectangle").css("background-image") === "none") {//if selectRectangle is empty then clear part of image hovered by it
- xpos = parseInt($("#selectRectangle").css("left"));
- ypos = parseInt($("#selectRectangle").css("top"));
- ctx.clearRect(xpos, ypos, $("#selectRectangle").width(), $("#selectRectangle").height());
- } else { //else clear only selectRectangle background
- $("#selectRectangle").css({"background": "transparent"});
- }
-
- layers.saveState();
- $("#selectRectangle")
- .css({
- "top": "0px",
- "left": "0px",
- "background": "transparent"
- })
- .width(0)
- .height(0)
- .hide();
- }
- copySelectedPart() {
- if ($("#selectRectangle").css("background-image") === "none") {
- $(webDraft.draw.selectorId).append('');
-
- var xpos = parseInt($("#selectRectangle").css("left"));
- var ypos = parseInt($("#selectRectangle").css("top"));
- var testC = document.getElementById("tmpCanvas");
- var testCtx = testC.getContext('2d');
-
- testCtx.drawImage(canvas, xpos, ypos, $("#selectRectangle").width(), $("#selectRectangle").height(), 0, 0, $("#selectRectangle").width(), $("#selectRectangle").height());
-
- var bgImg = testC.toDataURL();
-
- $("#tmpCanvas").remove();
- $("#selectRectangle").css({"background": "url(" + bgImg + ") -1px -1px no-repeat"});
- }
- }
- cutSelectedPart() {
- $(webDraft.draw.selectorId).append('');
-
- var xpos = parseInt($("#selectRectangle").css("left"));
- var ypos = parseInt($("#selectRectangle").css("top"));
- var testC = document.getElementById("tmpCanvas");
- var testCtx = testC.getContext('2d');
-
- testCtx.drawImage(canvas, xpos, ypos, $("#selectRectangle").width(), $("#selectRectangle").height(), 0, 0, $("#selectRectangle").width(), $("#selectRectangle").height());
-
- var bgImg = testC.toDataURL();
-
- $("#tmpCanvas").remove();
- $("#selectRectangle").css({"background": "url(" + bgImg + ") -1px -1px no-repeat "});
-
- ctx.clearRect(xpos, ypos, $("#selectRectangle").width(), $("#selectRectangle").height());
- layers.saveState();
- }
- pasteSelectedPart() {
- if ($("#selectRectangle").css("background-image") !== "none") {
- var xpos = parseInt($("#selectRectangle").css("left"));
- var ypos = parseInt($("#selectRectangle").css("top"));
- var img = new Image();
- var bg = $("#selectRectangle")
- .css("background-image")
- .replace('url(', '')
- .replace(')', '')
- .replace('"', '')
- .replace('"', '');
- img.onload = function () {
- ctx.drawImage(img, xpos, ypos); //save part of image when loaded
-
- layers.saveState(); //and then update layer preview
- };
- img.src = bg;
- $("#selectRectangle")
- .css({
- "top": "0px",
- "left": "0px",
- "background": "transparent"
- })
- .width(0)
- .height(0)
- .hide();
- }
- }
-}
-;
\ No newline at end of file
diff --git a/js/modules/Shapes.js b/js/modules/Shapes.js
deleted file mode 100644
index 95552c2..0000000
--- a/js/modules/Shapes.js
+++ /dev/null
@@ -1,162 +0,0 @@
-class Shapes {
- constructor() {
- $('#drawHandler').append(`
-
- `);
- this.startShapePoints = {
- x: 0,
- y: 0
- };
- this.fill = {
- isSet: false,
- color: "#ffffff",
- opacity: 100
- };
- }
-
- startShape() {
- this.startShapePoints.x = webDraft.mPosition.x;
- this.startShapePoints.y = webDraft.mPosition.y;
- }
- prepareRect() {
- let x, y, width, height;
- if (this.startShapePoints.x <= webDraft.mPosition.x) {
- x = this.startShapePoints.x;
- width = webDraft.mPosition.x - this.startShapePoints.x;
- } else {
- x = webDraft.mPosition.x;
- width = this.startShapePoints.x - webDraft.mPosition.x;
- }
- if (this.startShapePoints.y <= webDraft.mPosition.y) {
- y = this.startShapePoints.y;
- height = webDraft.mPosition.y - this.startShapePoints.y;
- } else {
- y = webDraft.mPosition.y;
- height = this.startShapePoints.y - webDraft.mPosition.y;
- }
- $("#prepareRect")
- .show()
- .css({
- "top": y + parseInt($(canvas).css('top')) + "px",
- "left": x + parseInt($(canvas).css('left')) + "px",
- "width": width + "px",
- "height": height + "px",
- "border": webDraft.size + "px solid " + webDraft.color
- });
- if (this.fill.isSet) {
- $("#prepareRect").css({"background": hexToRgba(this.fill.color, this.fill.opacity)});
- } else {
- $("#prepareRect").css({"background": "transparent"});
- }
- if (webDraft.shadow.isShadow) {
- $("#prepareRect").css({"box-shadow": webDraft.shadow.offsetX + "px " + webDraft.shadow.offsetY + "px " + webDraft.shadow.blur + "px " + webDraft.shadow.color});
- } else {
- $("#prepareRect").css({"box-shadow": "none"});
- }
- }
- drawRect() {
- let x, y, width, height;
- if (this.startShapePoints.x >= 0 && this.startShapePoints.y >= 0) {
- if (this.startShapePoints.x <= webDraft.mPosition.x) {
- x = this.startShapePoints.x;
- width = webDraft.mPosition.x - this.startShapePoints.x;
- } else {
- x = webDraft.mPosition.x;
- width = this.startShapePoints.x - webDraft.mPosition.x;
- }
- if (this.startShapePoints.y <= webDraft.mPosition.y) {
- y = this.startShapePoints.y;
- height = webDraft.mPosition.y - this.startShapePoints.y;
- } else {
- y = webDraft.mPosition.y;
- height = this.startShapePoints.y - webDraft.mPosition.y;
- }
- $("#prepareRect").hide();
- ctx.beginPath();
- draw.drawStyle();
- ctx.rect(x, y, width, height);
- ctx.fill();
- ctx.stroke();
- }
- this.startShapePoints.x = -1;
- this.startShapePoints.y = -1;
- }
- prepareCircle() {
- let x, y, width, height, radius;
- x = this.startShapePoints.x;
- y = this.startShapePoints.y;
-
- if (x <= webDraft.mPosition.x) {
- width = webDraft.mPosition.x - x;
- } else {
- width = x - webDraft.mPosition.x;
- }
-
- if (y <= webDraft.mPosition.y) {
- height = webDraft.mPosition.y - y;
- } else {
- height = y - webDraft.mPosition.y;
- }
-
- if (width > height) {
- radius = width;
- } else {
- radius = height;
- }
- $("#prepareCircle")
- .show()
- .css({
- "top": y + parseInt($(canvas).css('top')) - radius + "px",
- "left": x + parseInt($(canvas).css('left')) - radius + "px",
- "width": radius * 2 + "px",
- "height": radius * 2 + "px",
- "border": webDraft.size + "px solid " + webDraft.color,
- "border-radius": "100%"
- });
-
- if (this.fill.isSet) {
- $("#prepareCircle").css({"background": hexToRgba(this.fill.color, this.fill.opacity)});
- } else {
- $("#prepareCircle").css({"background": "transparent"});
- }
-
- if (webDraft.shadow.isShadow) {
- $("#prepareCircle").css({"box-shadow": webDraft.shadow.offsetX + "px " + webDraft.shadow.offsetY + "px " + webDraft.shadow.blur + "px " + webDraft.shadow.color});
- } else {
- $("#prepareCircle").css({"box-shadow": "none"});
- }
- }
- drawCircle() {
- let x, y, width, height, radius;
- x = this.startShapePoints.x;
- y = this.startShapePoints.y;
-
- if (x >= 0 && y >= 0) {
-
- if (x <= webDraft.mPosition.x) {
- width = webDraft.mPosition.x - x;
- } else {
- width = x - webDraft.mPosition.x;
- }
- if (y <= webDraft.mPosition.y) {
- height = webDraft.mPosition.y - y;
- } else {
- height = y - webDraft.mPosition.y;
- }
- if (width > height) {
- radius = width;
- } else {
- radius = height;
- }
- $("#prepareCircle").hide();
-
- ctx.beginPath();
- draw.drawStyle();
- ctx.arc(x, y, radius, 0, 2 * Math.PI, false);
- ctx.fill();
- ctx.stroke();
- }
- this.startShapePoints.x = -1;
- this.startShapePoints.y = -1;
- }
-}
\ No newline at end of file
diff --git a/js/modules/Text.js b/js/modules/Text.js
deleted file mode 100644
index d0e06f5..0000000
--- a/js/modules/Text.js
+++ /dev/null
@@ -1,135 +0,0 @@
-class Text {
- constructor() {
- $('#drawHandler').append('');
-
- $.get('parts/text-options.part.html', function (data) {
- $('#textOptions').html(data);
-
-
- $("#selectFontType").change(function () {
- $("#textRectangle").css("font-family", $(this).val());
- });
- $("#selectFontSize").change(function () {
- $("#textRectangle").css("font-size", $(this).val() + "px");
- });
- $(".textPostionTool").click(function () {
- $(".textPostionTool").removeClass("active");
- $(this).addClass("active");
- $("#textRectangle").css("text-align", $(this).attr('id'));
- });
- $(".styleTool").click(function () {
- $(this).toggleClass("active");
- switch ($(this).attr("id")) {
- case 'bold':
- if ($(this).hasClass('active'))
- $("#textRectangle").css("font-weight", 'bold');
- else
- $("#textRectangle").css("font-weight", 'normal');
- break;
- case 'italic':
- if ($(this).hasClass('active'))
- $("#textRectangle").css("font-style", 'italic');
- else
- $("#textRectangle").css("font-style", 'normal');
- break;
- case 'underline':
- case 'line-through':
- var textDecoration = "";
- $(".textDecoration.active").each(function () {
- textDecoration += $(this).attr("id") + " ";
- });
- if ($(".textDecoration.active").length > 0)
- $("#textRectangle").css("text-decoration", textDecoration);
- else
- $("#textRectangle").css("text-decoration", 'none');
- break;
- default:
-
- }
- });
- });
- this.hoverSelectRectangle = false;
- this.isSelecting = false;
- this.startSelectPoints = {
- x: 0,
- y: 0
- };
- }
- initSelect() {
- this.startTextPoints = {
- x: webDraft.mPosition.x,
- y: webDraft.mPosition.y
- };
- console.log(this.startTextPoints)
- }
- startSelect() {
- if ($("#textRectangle").empty()) {
- let x, y, width, height;
- if (this.startTextPoints.x <= webDraft.mPosition.x) {
- x = this.startTextPoints.x;
- width = webDraft.mPosition.x - this.startTextPoints.x;
- } else {
- x = webDraft.mPosition.x;
- width = this.startTextPoints.x - webDraft.mPosition.x;
- }
- if (this.startTextPoints.y <= webDraft.mPosition.y) {
- y = this.startTextPoints.y;
- height = webDraft.mPosition.y - this.startTextPoints.y;
- } else {
- y = webDraft.mPosition.y;
- height = this.startTextPoints.y - webDraft.mPosition.y;
- }
- $("#textRectangle")
- .empty()
- .show()
- .css({
- "top": y + parseInt($(canvas).css('top')) + "px",
- "left": x + parseInt($(canvas).css('left')) + "px",
- "min-height": height + "px",
- "width": width + "px",
- "height": height + "px",
- "border": "1px dashed #fff",
- "background": "transparent"
- });
- this.isSelecting = true;
- }
- }
- showTextOptions() {
- this.isSelecting = false;
- $("#textOptions").show();
- }
- putLayer() {
- $("#textRectangle").css('border', 'none');
-
- if ($('#textRectangle').html() === '') {
- return false;
- }
-
- let top = parseInt($("#textRectangle").css('top'));
- let left = parseInt($("#textRectangle").css('left'));
- html2canvas($('#textRectangle'), {
- onrendered: function (canvas) {
- let widthImg = canvas.width;
- let heightImg = canvas.height;
- layers.newLayer();
- layers.setLayerSize(layers.activeId, widthImg, heightImg);
- layers.setLayerPosition(layers.activeId, top, left);
- webDraft.positionElements();
-
- ctx.drawImage(canvas, 0, 0);
-
- layers.saveState();
- $("#textRectangle")
- .css({
- "top": "0px",
- "left": "0px",
- "border": "1px dashed rgb(255, 255, 255)"
- })
- .width(0)
- .height(0)
- .hide()
- .empty();
- }
- });
- }
-}
\ No newline at end of file
diff --git a/js/modules/WebDraft.js b/js/modules/WebDraft.js
deleted file mode 100644
index 91945f4..0000000
--- a/js/modules/WebDraft.js
+++ /dev/null
@@ -1,381 +0,0 @@
-class WebDraft {
- constructor() {
- this.isLoaded = false;
- this.title = "WebDraft";
- this.click = {
- left: false, //left mouse button
- right: false //right mouse button
- };
- this.mPosition = {//mouse position on draw
- x: 0,
- y: 0
- };
- this.draw = {
- width: 600,
- height: 600,
- thisParent: "#drawHandler",
- selectorId: "#draw",
- eventHandler: "#eventHandler",
- bg: "url('pic/transparent.png') repeat"
- };
- this.shadow = {
- isShadow: false,
- blur: 1,
- offsetX: 0,
- offsetY: 0,
- color: "#232324"
- };
- this.sensitivityPoints = 1000;
- this.size = 10;
- this.color = "#000000";
- this.selectedTool = PENCIL;
- }
- resize() {}
- makeid() {
- var text = "";
- var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-
- for (var i = 0; i < 15; i++)
- text += possible.charAt(Math.floor(Math.random() * possible.length));
-
- return text;
- }
- positionElements() {
- var image = {
- id: new Array(),
- img: new Array()
- };
-
- var active = layers.activeId;
- for (var i = 0; i < layers.list.length; i++) {
- if (typeof layers.list[i].id === "string") {
- layers.select(layers.list[i].id);
- image.img[i] = ctx.getImageData(0, 0, this.draw.width, this.draw.height);
- image.id[i] = layers.list[i].id;
- }
- }
-
- $(this.draw.selectorId + "," + this.draw.eventHandler).css({
- "width": this.draw.width,
- "height": this.draw.height
- });
- $(this.draw.thisParent).css({
- "background": this.draw.bg,
- "width": this.draw.width,
- "height": this.draw.height
- });
-
- if (this.draw.width >= $("#content").width()) {
- $(this.draw.thisParent).css({"margin-left": "0px"});
- } else {
- $(this.draw.thisParent).css({"margin-left": ($("#content").width() - this.draw.width) / 2});
- }
-
- if (this.draw.height >= $("#content").height()) {
- $(this.draw.thisParent).css({"margin-top": "0px"});
- } else {
- $(this.draw.thisParent).css({"margin-top": ($("#content").height() - this.draw.height) / 2});
- }
-
- for (var i = 0; i < layers.list.length; i++) {
- if (typeof layers.list[i].id === "string") {
- layers.select(layers.list[i].id);
- ctx.putImageData(image.img[i], 0, 0);
- layers.saveState();
- }
- }
-
- if (active !== "")
- layers.select(active);
-
- $("title").text(this.title + ' [' + this.draw.width + " x " + this.draw.height + ']');
- $("html, body, #paint").css({"visibility": "visible"});
- }
- moveEraseRect(event) {
- $("#eraseRect").css({
- "width": this.size,
- "height": this.size,
- "top": event.pageY - (this.size / 2) + "px",
- "left": event.pageX - (this.size / 2) + "px"
- });
- }
- erase(event) {
- this.moveEraseRect(event);
- ctx.clearRect(this.mPosition.x - this.size / 2, this.mPosition.y - this.size / 2, this.size, this.size);
-
- points[layers.activeId] = [];
-// do poprawy
- }
- clear() {
- $(this.draw.selectorId).empty();
- $("#listLayers").empty();
-
- points = {};
-
- this.init();
- }
- colorsampler(event) {
- var x = this.mPosition.x;
- var y = this.mPosition.y;
- var p = ctx.getImageData(x, y, 1, 1).data;
- var colorCode;
- var r = p[0];
- var g = p[1];
- var b = p[2];
- var alpha = p[3];
- var a = Math.floor((100 * alpha) / 255) / 100;
-
- if (a <= 0) {
- colorCode = ((r << 16) | (g << 8) | b).toString(16);
- } else {
- colorCode = "rgba(" + r + "," + g + "," + b + "," + a + ")";
- }
-
- if (colorCode === "0")
- colorCode = "transparent";
-
- $("#textColorSampler").text(colorCode);
- $("#colorBoxSampler").css({"background-color": colorCode});
- }
- colorsamplerSetcolor() {
- if ($("#textColorSampler").text() !== 'null') {
- $("#generalColor .color").css({"background": $("#textColorSampler").text()});
- $("#firstColor").val($("#textColorSampler").text());
- this.color = $("#textColorSampler").text();
- }
- }
- mousePosition(event) {
- var touch = undefined;
-
- if (event.originalEvent.touches) {
- touch = event.originalEvent.touches[0];
-
- var pos_x = event.pageX || touch.pageX;
- var pos_y = event.pageY || touch.pageY;
-
-
- } else {
- var pos_x = event.pageX;
- var pos_y = event.pageY;
- }
-
- this.mPosition.x = pos_x - parseInt($(this.draw.selectorId).offset().left) - parseInt($(canvas).css('left'));
- this.mPosition.y = pos_y - parseInt($(this.draw.selectorId).offset().top) - parseInt($(canvas).css('top'));
-
- $("#mousePosition").text(this.mPosition.x + " , " + this.mPosition.y);
- if (this.mPosition.x < 0 || this.mPosition.x > $(this.draw.selectorId).width()
- || this.mPosition.y < 0 || this.mPosition.y > $(this.draw.selectorId).height()) {
- $("#mousePosition").empty();
- }
- }
- _mousedown(event) {
- this.mousePosition(event);
- if ("buttons" in event) {
- if (event.buttons == 1) {
- this.click.left = true;
- }
- }
- var button = event.which || event.button;
- if (button == 1) {
- this.click.left = true;
- }
- if (!this.click.right && this.click.left) {
- if (this.selectedTool !== SELECT)
- points[layers.activeId].push({x: this.mPosition.x, y: this.mPosition.y});
-
- switch (this.selectedTool) {
- case PENCIL :
- case ERASER :
- draw.drawing();
- break;
- case SELECT :
- select.initSelect();
- break;
- case RECTANGLE :
- case CIRCLE :
- shapes.startShape();
- break;
- case TEXT :
- text.initSelect();
- break;
- case COLORSAMPLER :
- this.colorsamplerSetcolor();
- $("#pencil").click();
- break;
- }
- }
- }
- _mouseup(event) {
- this.click.left = false;
- this.click.right = false;
-
- ctx.beginPath();
- ctx.stroke();
-
- switch (this.selectedTool) {
- case SELECT:
- select.selectOpt();
- break;
- case TEXT :
- text.showTextOptions();
- break;
- case RECTANGLE :
- shapes.drawRect();
- break;
- case CIRCLE :
- shapes.drawCircle();
- break;
- }
-
- layers.saveState();
- }
- _mousemove(event) {
- this.mousePosition(event);
-
- switch (this.selectedTool) {
- case ERASER:
- this.moveEraseRect(event);
- break;
- case COLORSAMPLER :
- this.colorsampler();
- break;
- case SELECT :
- if (
- !select.isSelecting && this.mPosition.x <= parseInt($("#selectRectangle").css("left")) + $("#selectRectangle").width()
- && this.mPosition.x >= parseInt($("#selectRectangle").css("left"))
- && this.mPosition.y <= parseInt($("#selectRectangle").css("top")) + $("#selectRectangle").height()
- && this.mPosition.y >= parseInt($("#selectRectangle").css("top"))
- ) {
- select.hoverSelectRectangle = true;
- $("#selectRectangle").css({"z-index": 5});
- } else {
- select.hoverSelectRectangle = false;
- $("#selectRectangle").css({"z-index": 3});
- }
- break;
- case TEXT :
- if (
- !text.isSelecting && this.mPosition.x <= parseInt($("#textRectangle").css("left")) + $("#textRectangle").width()
- && this.mPosition.x >= parseInt($("#textRectangle").css("left"))
- && this.mPosition.y <= parseInt($("#textRectangle").css("top")) + $("#textRectangle").height()
- && this.mPosition.y >= parseInt($("#textRectangle").css("top"))
- ) {
- text.hoverSelectRectangle = true;
- $("#textRectangle").css({"z-index": 5});
- } else {
- text.hoverSelectRectangle = false;
- $("#textRectangle").css({"z-index": 3});
- }
- break;
- }
-
- if (this.click.left && !this.click.right) {
- if (this.selectedTool !== SELECT)
- points[layers.activeId].push({x: this.mPosition.x, y: this.mPosition.y});
-
- switch (this.selectedTool) {
- case PENCIL :
- case ERASER :
- ctx.lineTo(this.mPosition.x, this.mPosition.y);
- ctx.stroke();
- break;
- case WEB :
- draw.drawWeb();
- break;
- case SELECT :
- if (!select.hoverSelectRectangle)
- select.startSelect();
- break;
- case TEXT :
- if (!text.hoverSelectRectangle)
- text.startSelect();
- break;
- case RECTANGLE :
- shapes.prepareRect();
- break;
- case CIRCLE :
- shapes.prepareCircle();
- break;
- }
- }
- }
- loadParts() {
- $.get('parts/buttons.part.html', function (data) {
- $('[data-id=buttons]').html(data);
- events.buttons();
- });
- $.get('parts/info.part.html', function (data) {
- $('#info').html(data);
- events.info();
- });
- $.get('parts/color-picker.part.html', function (data) {
- $('[data-id=color-picker]').html(data);
- events.color();
- });
- $.get('parts/sliders.part.html', function (data) {
- $('[data-id=sliders]').html(data);
- events.sliders();
- });
- this.isLoaded = true;
- }
- init() {
- let $this = this;
- if (!this.isLoaded) {
- this.loadParts();
- } else {
- layers.newLayer();
- }
- //events on #draw
- $(this.draw.eventHandler)
- .hover(function () {
- if (typeof ctx !== 'undefined') {
- ctx.beginPath();
- ctx.stroke();
- }
- if (this.selectedTool === ERASER) {
- $("#eraseRect").show();
- }
-
- })
- .bind("contextmenu", function (event) {
- if (!DEBUG) {
- event.preventDefault();
- }
- this.click.right = true;
- this.click.left = false;
- })
- .on('mousedown', function (e) {
- $this._mousedown(e);
- })
- .on('mouseup', function (e) {
- $this._mouseup(e);
- })
- .on('mousemove', function (e) {
- $this._mousemove(e);
- })
- .mouseleave(function () {
- ctx.stroke();
- layers.saveState();
- if (this.selectedTool === ERASER)
- $("#eraseRect").hide();
- })
- .dblclick(function () {
- switch (this.selectedTool) {
- case SELECT:
- $("#selectRectangle")
- .css({
- "top": "0px",
- "left": "0px"
- })
- .width(0)
- .height(0)
- .hide();
- break;
- case TEXT :
- text.putLayer();
-
- break;
- }
- });
- }
-}
\ No newline at end of file
diff --git a/js/modules/events.module.js b/js/modules/events.module.js
deleted file mode 100644
index e19081e..0000000
--- a/js/modules/events.module.js
+++ /dev/null
@@ -1,134 +0,0 @@
-var events = {
- color: function () {
- $('#generalColor').colorpicker({
- onSelect: function (color) {
- $('#generalColor .color').css({
- 'background': color.hex
- });
- webDraft.color = color.hex;
- }
- }, './vendor/rtcoder/colorpicker/html/colorpicker.html');
-
- $('#shadowColor').colorpicker({
- onSelect: function (color) {
- $('#shadowColor .color').css({
- 'background': color.hex
- });
- webDraft.shadow.color = color.hex;
- }
- }, './vendor/rtcoder/colorpicker/html/colorpicker.html');
-
- $('#fillColor').colorpicker({
- onSelect: function (color) {
- $('#fillColor .color').css({
- 'background': color.hex
- });
- shapes.fill.color = color.hex;
- }
- }, './vendor/rtcoder/colorpicker/html/colorpicker.html');
-
- },
- info: function () {
- $(".close-info").click(function () {
- $("#info").hide();
- });
- },
- buttons: function () {
- $("input[type=checkbox]#isShadow").change(function () {
- webDraft.shadow.isShadow = $(this).is(":checked");//return true if is :checked or false if not
-
- if (webDraft.shadow.isShadow) {
- $("#shadowColor, #shadow_slider, #shadowSquare").show();
- } else {
- $("#shadowColor, #shadow_slider, #shadowSquare").hide();
- }
- });
- $("input[type=checkbox]#isFillSet").change(function () {
- shapes.fill.isSet = $(this).is(":checked");//return true if is :checked or false if not
-
- if (shapes.fill.isSet) {
- $("#fillColor, #fillOpacity_slider").show();
- } else {
- $("#fillColor, #fillOpacity_slider").hide();
- }
- });
-
- $(".paintTool").click(function () {
- $(".paintTool").removeClass("active");
- $(this).addClass("active");
-
- var thisId = $(this).attr("id");
-
- webDraft.selectedTool = thisId;
-
- if (thisId === COLORSAMPLER) {
- $("#previewColorSampler").show();
- } else {
- $("#previewColorSampler").hide();
- }
-
- if (thisId === WEB) {
- $("#sensitivityPoints_slider").show();
- } else {
- $("#sensitivityPoints_slider").hide();
- }
-
- if (thisId === ERASER) {
- $("#eraseRect").show();
- $("#draw, #drawHandler, #eventHandler").css({"cursor": "none"});
- } else {
- $("#eraseRect").hide();
- $("#draw, #drawHandler, #eventHandler").css({"cursor": "default"});
- }
-
- if (thisId !== RECTANGLE) {
- $("#prepareRect").hide();
- }
-
- if (thisId !== CIRCLE) {
- $("#prepareCircle").hide();
- }
-
- if (thisId !== SELECT) {
- $("#selectRectangle").hide();
- $("#hint, .hintGroup#selecting").hide();
- } else {
- $("#hint, .hintGroup#selecting").show();
- }
-
- if (thisId !== TEXT) {
- $("#textRectangle, #textOptions").hide();
- }
-
- if (thisId === RECTANGLE || thisId === CIRCLE) {
- $("#fillShapeInput").show();
- } else {
- $("#fillShapeInput").hide();
- $("input#isFillSet").attr('checked', false).change();
- }
- });
- },
- sliders: function () {
- //changing size
- $("input[type=range]#pointSize").on('mousemove touchmove', function () {
- webDraft.size = $(this).val();
- $("#pointSizeValue").text("size:" + $(this).val() + "px");
- });
- //changing shadow blur
- $("input[type=range]#ShadowBlur").on('mousemove touchmove', function () {
- webDraft.shadow.blur = $(this).val();
- $("#ShadowBlurValue").text("blur:" + $(this).val() + "px");
- });
- //changing sensitivity of web points
- $("input[type=range]#sensitivityPoints").on('mousemove touchmove', function () {
- webDraft.sensitivityPoints = $(this).val();
- $("#sensitivityPointsValue").text("sensitivity:" + Math.floor($(this).val() / 100) + "%");
- });
- //changing fill opacity
- $("input[type=range]#fillOpacity").on('mousemove touchmove', function () {
- shapes.fill.opacity = $(this).val();
- $("#fillOpacityValue").text("fill opacity:" + Math.floor($(this).val()) + "%");
- });
- }
-
-};
\ No newline at end of file
diff --git a/js/modules/keys.module.js b/js/modules/keys.module.js
deleted file mode 100644
index 9571840..0000000
--- a/js/modules/keys.module.js
+++ /dev/null
@@ -1,171 +0,0 @@
-var keys = {
- Enter: false, //press Enter
- Esc: false, //press Escape (Esc)
- f11: false, //press F11
- f12: false, //press F12
- delete: false, //press delete
- C: false,
- X: false,
- V: false,
- O: false,
- I: false
-};
-
-$(document)
- .keydown(function (event) {
- if (webDraft.selectedTool !== TEXT && $('#resizer').is('hidden')) {
- event.preventDefault();
- }
-
- switch (event.keyCode) {
- case 13 :
- keys.Enter = true;
- break;
- case 27 :
- keys.Esc = true;
- break;
- case 46 :
- keys.delete = true;
- break;
- case 67 :
- keys.C = true;
- break;
- case 73 :
- keys.I = true;
- break;
- case 79 :
- keys.O = true;
- break;
- case 83 :
- keys.S = true;
- break;
- case 86 :
- keys.V = true;
- break;
- case 88 :
- keys.X = true;
- break;
- case 122 :
- keys.f11 = true;
- break;
- case 123 :
- keys.f12 = true;
- break;
- }
- if (keys.delete) {
- if (webDraft.selectedTool === SELECT) {
- select.delSelectedPart();
- }
- if (event.ctrlKey) {
- webDraft.clear();
- }
- }
-
- if (keys.f12 || keys.f11 || event.ctrlKey || keys.delete) {
- event.preventDefault();
- }
-
- if (keys.C) {
- if (webDraft.selectedTool === SELECT && event.ctrlKey) {
- select.copySelectedPart();
- }
- }
-
- if (keys.I) {
- if (event.ctrlKey) {
- $("#info").toggle();
- }
- }
-
- if (keys.X) {
- if (webDraft.selectedTool === SELECT && event.ctrlKey) {
- select.cutSelectedPart();
- }
- }
-
- if (keys.V) {
- if (webDraft.selectedTool === SELECT && event.ctrlKey) {
- select.pasteSelectedPart();
- }
- }
- if (keys.O) {
- if (event.ctrlKey) {
- $("#fileUploader").click();
- }
- }
- if (keys.S) {
- if (event.ctrlKey) {
- file.download();
- }
- }
-
- })
- .keyup(function (event) {
- switch (event.keyCode) {
- case 13 :
- keys.Enter = false;
- break;
- case 27 :
- keys.Esc = false;
- break;
- case 46 :
- keys.delete = false;
- break;
- case 67 :
- keys.C = false;
- break;
- case 73 :
- keys.I = false;
- break;
- case 79 :
- keys.O = false;
- break;
- case 83 :
- keys.S = false;
- break;
- case 86 :
- keys.V = false;
- break;
- case 88 :
- keys.X = false;
- break;
- case 122 :
- keys.f11 = false;
- break;
- case 123 :
- keys.f12 = false;
- break;
- }
- });
-
-$(window).bind('mousewheel DOMMouseScroll', function (event) {
- if (event.ctrlKey === true) {
- event.preventDefault();
-
- if (event.originalEvent.wheelDelta / 120 > 0) {
- if (webDraft.size < 250) {
- webDraft.size += 2;
- } else {
- webDraft.size = 250;
- }
- } else {
- if (webDraft.size > 1) {
- webDraft.size -= 2;
- } else {
- webDraft.size = 1;
- }
- }
- $("#eraseRect").css({
- "width": webDraft.size,
- "height": webDraft.size,
- "top": event.pageY - (webDraft.size / 2) + "px",
- "left": event.pageX - (webDraft.size / 2) + "px"
- });
- $("input#pointSize").val(webDraft.size);
- $("#pointSizeValue").text("size:" + webDraft.size + "px");
- }
-
- if (event.altKey === true) {
- // event.preventDefault();
- }
-});
\ No newline at end of file
diff --git a/js/start.js b/js/start.js
deleted file mode 100644
index 17c293d..0000000
--- a/js/start.js
+++ /dev/null
@@ -1,141 +0,0 @@
-const DEBUG = 0;
-
-const PENCIL = 'pencil';
-const SELECT = 'select';
-const ERASER = 'eraser';
-const WEB = 'web';
-const TEXT = 'text';
-const RECTANGLE = 'rectangle';
-const CIRCLE = 'circle';
-const COLORSAMPLER = 'colorsampler';
-
-
-let items = [
- {
- text: 'Clear',
- shortcut: 'ctrl+del',
- icon: 'fas fa-ban',
- onclick: function () {
- webDraft.clear();
- }
- },
- {
- text: 'Upload image',
- shortcut: 'ctrl+o',
- icon: 'fas fa-upload',
- onclick: function () {
- $('#fileUploader').click();
- }
- },
- {
- text: 'Save image',
- shortcut: 'ctrl+s',
- icon: 'fas fa-download',
- onclick: function () {
- file.download();
- }
- },
- {
- text: 'Color',
- icon: 'fas fa-tint',
- submenu: [
- {
- text: 'Invert',
- icon: 'fas fa-adjust',
- onclick: function () {
- layers.negative();
- }
- },
- {
- text: 'Colorpicker',
- icon: 'fas fa-eye-dropper',
- onclick: function () {
- $('#colorsampler').click();
- }
- }
- ]
- }
-];
-
-let context_menu = new Contextmenu(items);
-let camera = new Camera();
-let file = new File();
-let shapes = new Shapes();
-let draw = new Draw();
-let text = new Text();
-let resizer = new Resizer();
-let layers = new Layers();
-let select = new Select();
-let webDraft = new WebDraft();
-
-
-let canvas,
- ctx,
- randomId,
- points = {};
-
-
-$(window)
- .resize(function () {
- webDraft.resize();
- webDraft.positionElements();
- });
-$(document)
- .ready(function (event) {
- if (/mobile/i.test(navigator.userAgent)) {
- webDraft.draw.width = window.innerWidth - 10;
- webDraft.draw.height = window.innerHeight - 30;
- }
-
- webDraft.init();
- $("#selectRectangle, #textRectangle")
- .draggable({snap: false})
- .css({"position": "absolute"});
-
- $("#shadowDot").draggable({
- containment: "#shadowSquare",
- scroll: false,
- drag: function () {
- let shadowY = parseInt($(this).css('top')) - (parseInt($(this).parent().height()) / 2);
- let shadowX = parseInt($(this).css('left')) - (parseInt($(this).parent().width()) / 2);
- webDraft.shadow.offsetX = shadowX;
- webDraft.shadow.offsetY = shadowY;
- }
- });
- $('#shadowSquare').on('mousedown', function (e) {
- let x = e.pageX - $(this).offset().left;
- let y = e.pageY - $(this).offset().top;
-
- $("#shadowDot").css({
- top: (y - 5) + 'px',
- left: (x - 5) + 'px'
- });
-
- let shadowY = parseInt($("#shadowDot").css('top')) - (parseInt($("#shadowDot").parent().height()) / 2);
- let shadowX = parseInt($("#shadowDot").css('left')) - (parseInt($("#shadowDot").parent().width()) / 2);
- webDraft.shadow.offsetX = shadowX;
- webDraft.shadow.offsetY = shadowY;
- });
-
-
- })
- .bind("contextmenu", function (e) {
- if (!DEBUG) {
- e.preventDefault();
- }
- })
- .on('mouseup touchend', function (e) {
- webDraft._mouseup(e);
- })
- .on('mousemove touchmove', function (e) {
- webDraft._mousemove(e);
- });
-
-function hexToRgba(hex, opacity) {
- hex = hex.replace('#', '');
- const r = parseInt(hex.substring(0, 2), 16);
- const g = parseInt(hex.substring(2, 4), 16);
- const b = parseInt(hex.substring(4, 6), 16);
- const a = opacity / 100;
- return 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
-}
\ No newline at end of file
diff --git a/less/camera.less b/less/camera.less
deleted file mode 100644
index 372eec9..0000000
--- a/less/camera.less
+++ /dev/null
@@ -1,181 +0,0 @@
-@import 'variables';
-
-#camera {
- box-shadow: 0px 0px 5px 2px #6f6f6f;
- width: 740px;
- max-width: 100vw;
- height: 560px;
- max-height: 100vh;
- background: @dark3;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- position: absolute;
- z-index: 99;
- display: none;
- &.opened {
- display: block;
- }
- &.fullscreen {
- width: 100vw;
- height: 100vh;
- top: 0;
- left: 0;
- transform: translate(0, 0);
- .cameraContent {
- .videoContainer {
- width: 100vw;
- height: ~"calc(100vh - 130px)";
- }
- .filters {
- width: 100vw;
- height: 50px;
- line-height: 50px;
- label {
- span.filter {
- margin: 15px 5px;
- }
- }
- }
- }
- }
- #cameraHeader {
- width: 100%;
- height: 30px;
- #cameraTitle {
- width: ~"calc(100% - 70px)";
- float: left;
- height: 30px;
- line-height: 30px;
- padding: 0px 5px;
- color: @white1;
- }
- button {
- width: 30px;
- height: 30px;
- border: none;
- display: inline-block;
- cursor: pointer;
- float: right;
- i {
- cursor: pointer;
- }
- &#closeCamera {
- background: @red1;
- color: @white1;
- }
- &#switchFullscreen {
- background: @blue2;
- color: @white1;
- margin-right: 10px;
- }
- }
- }
- .cameraContent {
- width: 100%;
- float: left;
- margin-top: 10px;
- .videoContainer {
- width: ~"calc(100% - 100px)";
- float: left;
- position: relative;
- canvas#snapImage,
- canvas#frame,
- canvas#additional,
- video {
- width: 100%;
- max-width: 100vw;
- max-height: ~"calc(100vh - 130px)";
- float: left;
- }
- canvas#snapImage,
- canvas#frame {
- display: none;
- }
- canvas#additional {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- }
- }
- .filters {
- width: 100px;
- float: left;
- label {
- input {
- display: none;
- &:checked + span {
- background: @blue1;
- color: @white1
- }
- }
- span.filter {
- width: 70px;
- height: 20px;
- margin: 0px 15px 5px;
- cursor: pointer;
- background: @white2;
- line-height: 20px;
- text-align: center;
- font-size: 13px;
- float: left;
- }
- }
- }
- #cameraButtons {
- float: left;
- width: 100%;
- height: 50px;
- line-height: 50px;
- button {
- min-width: 50px;
- border: none;
- display: none;
- cursor: pointer;
- * {
- cursor: pointer;
- }
- &#snap {
- display: inline-block;
- }
- &#applySnap {
- background: @green2;
- color: @white1;
- }
- &#cancelSnap {
- background: @red1;
- color: @white1;
- }
- &#saveSnapOnComputer {
- background: @blue1;
- color: @white1;
- }
- }
- }
-
- }
-
- &.snapped {
-
- #cameraButtons {
- button {
- display: inline-block;
- &#snap {
- display: none;
- }
- }
- }
- .cameraContent {
- .videoContainer {
- canvas#additional,
- video#video {
- display: none;
- }
- canvas#snapImage {
- display: block;
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/less/contextmenu.less b/less/contextmenu.less
deleted file mode 100644
index 2bc2793..0000000
--- a/less/contextmenu.less
+++ /dev/null
@@ -1,118 +0,0 @@
-@import "variables";
-
-menu#contextmenu{
- display: none;
- width: 230px;
- height: auto;
- position: fixed;
- top:50%;
- left:50%;
- background: #fff;
- z-index:10;
- ul{
- li{
- cursor: pointer;
- float: left;
- height: 30px;
- line-height: 30px;
- position: relative;
- width: 100%;
- background: #fff;
- color: @black1;
- *{
- cursor: pointer;
- }
- .content{
- width: 100%;
- float: left;
- span{
- height: inherit;
- float: left;
- &.icon{
- width: 20px;
- i{
- float: left;
- width: 20px;
- height: 30px;
- line-height: 30px;
- }
- }
- &.text{
- width: ~"calc(100% - 130px)";
- }
- &.shortcut{
- text-align: right;
- text-transform: uppercase;
- width: 70px;
- font-size: 11px;
- color: @dark2;
- }
- &.arrow{
- color: @dark2;
- width: 10px;
- margin: 0px 5px;
- font-size: 11px;
- visibility: hidden;
- opacity: 0;
- }
- }
- }
- .submenu{
- width: 230px;
- position: absolute;
- display: none;
- top: 0;
- left: 230px;
- &+.content{
- span{
- &.arrow{
- &.left-arrow{
- visibility: hidden;
- opacity: 0;
- }
- &.right-arrow{
- visibility: visible;
- opacity: 1;
- float: right;
- }
- }
- }
- }
- }
- &.disabled{
- color: @gray1;
- }
- &:not(.disabled):hover{
- color: @blue1;
- background-color: @white6;
- .submenu{
- display: block;
- color: @black1;
- }
- }
- }
- }
- &.left-submenu{
- ul{
- li{
- .submenu{
- left: -230px;
- &+.content{
- span{
- &.arrow{
- &.left-arrow{
- visibility: visible;
- opacity: 1;
- }
- &.right-arrow{
- visibility: hidden;
- opacity: 0;
- }
- }
- }
- }
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/less/hints.less b/less/hints.less
deleted file mode 100644
index 0561830..0000000
--- a/less/hints.less
+++ /dev/null
@@ -1,43 +0,0 @@
-//hints
-@import "variables";
-
-
-#hint{
- width: 100vw;
- height: 50px;
- position: absolute;
- bottom: 20px;
- left: 0;
- background: @dark3;
- display: none;
- .hintGroup{
- width: 100%;
- height: 100%;
- float: left;
- display: none;
- .keyboardButton{
- float: left;
- padding: 0 5px;
- min-width: 30px;
- height: 20px;
- background: @white5;
- box-sizing: border-box;
- border: 1px solid @gray3;
- border-radius: 2px;
- margin: 15px 5px;
- color: @dark3;
- text-align: center;
- line-height: 20px;
- font-size: 12px;
- }
- .describeHint{
- width: auto;
- float: left;
- height: 50px;
- line-height: 50px;
- margin: 0 5px 0 0;
- color: @white4;
- font-size: 12px;
- }
- }
-}
\ No newline at end of file
diff --git a/less/info.less b/less/info.less
deleted file mode 100644
index 657577c..0000000
--- a/less/info.less
+++ /dev/null
@@ -1,63 +0,0 @@
-//info
-@import "variables";
-
-#info{
- width: 350px;
- height: 100vh;
- z-index: 5;
- position: absolute;
- display: none;
- overflow: auto;
- background: @dark3;
- border-left: 1px solid @gray2;
- color: @white1;
- top: 0px;
- right: 0px;
- @media all and (max-width: 400px){
- width: 100vw;
- }
- .close-info {
- position: absolute;
- right: 0;
- cursor: pointer;
- margin: 5px;
- }
- .info-section {
- width: 100%;
- float: left;
- margin: 5px 0px;
- .info-section-title {
- width: 100%;
- float: left;
- text-align: center;
- }
- .info-section-line {
- width: 100%;
- float: left;
- .info-section-shortcut {
- width: 30%;
- float: left;
- padding: 2px 5px;
- text-align: right;
- span {
- padding: 0 5px;
- min-width: 30px;
- height: 20px;
- border-radius: 2px;
- margin: 15px 5px;
- text-align: center;
- line-height: 20px;
- font-size: 12px;
- background: @white5;
- border: 1px solid @gray3;
- color: @dark3;
- }
- }
- .info-section-shortcut-describe {
- width: 70%;
- float: left;
- padding: 2px 5px;
- }
- }
- }
-}
\ No newline at end of file
diff --git a/less/inputs.less b/less/inputs.less
deleted file mode 100644
index 54b23f4..0000000
--- a/less/inputs.less
+++ /dev/null
@@ -1,149 +0,0 @@
-//inputs
-@import "variables";
-
-input{
- &[type=checkbox]{
- &+label{
- cursor: pointer;
- color: @gray2;
- width: 100%;
- background: transparent;
- text-align: left;
- border: none;
- border-radius: 0px;
- .fa-circle, .fa-check-circle{
- float: left;
- text-align: center;
- width: 30px;
- vertical-align: middle;
- margin: 0px 0px 0px 10px;
- font-size: 18px;
- height: 20px;
- line-height: 20px;
- }
- .fa-check-circle{
- display: none;
- }
- #l{
- margin-left: 10px;
- height: 20px;
- line-height: 20px;
- }
- span{
- width: 100%;
- height: 20px;
- text-align: left;
- &.label{
- width: auto;
- }
- }
- }
- &:checked{
- &+label{
- font-weight: bold;
- color: @blue1;
- .fa-circle{
- display: none;
- }
- .fa-check-circle{
- display: block;
- }
- }
- }
- &:hover{
- &+label{
- color: @white1;
- .fa-circle{
- display: none;
- }
- .fa-check-circle{
- display: block;
- }
- }
- }
- }
- &[type=range]{
- -webkit-appearance: none;
- width: calc(~"100% - 20px");
- margin: 0 10px;
- &::-webkit-slider-runnable-track{
- width: 230px;
- height: 10px;
- background: @white3;
- border: none;
- border-radius: 0px;
- }
- &::-webkit-slider-thumb{
- -webkit-appearance: none;
- border: none;
- height: 10px;
- width: 10px;
- border-radius: 0px;
- background: @blue1;
- }
- &::-moz-range-track{
- width: 230px;
- height: 10px;
- background: @white3;
- border: none;
- }
- &::-moz-range-thumb{
- border: none;
- height: 10px;
- width: 10px;
- border-radius: 0px;
- background: @blue1;
- }
- &::-ms-track{
- width: 230px;
- height: 10px;
- background: transparent;
- border-color: transparent;
- border-width: 0;
- color: transparent;
- }
- &::-ms-thumb{
- border: none;
- height: 10px;
- width: 10px;
- border-radius: 0px;
- background: @blue1;
- }
- &:-moz-focusring{
- outline: none;
- }
- &::-ms-fill-lower{
- background: @white3;
- }
- &::-ms-fill-upper{
- background: @white3;
- }
- &:focus{
- outline: none;
- &::-ms-fill-lower{
- background: @gray1;
- }
- &::-webkit-slider-runnable-track{
- background: @gray3;
- }
- &::-ms-fill-upper{
- background: @gray3;
- }
- }
- }
- &[type=color]{
- visibility: hidden;
- width: 0px;
- height: 0px;
- position: absolute;
- }
- &#fileUploaderInput{
- display: none;
- }
- &#isFillSet{
- display: none;
- }
- &#isShadow{
- display: none;
- }
-}
\ No newline at end of file
diff --git a/less/layers.less b/less/layers.less
deleted file mode 100644
index 449672c..0000000
--- a/less/layers.less
+++ /dev/null
@@ -1,110 +0,0 @@
-//layers
-@import "variables";
-
-#layers {
- .title{
- width: 100%;
- height: 20px;
- line-height: 20px;
- float: left;
- font-size: 15px;
- text-align: center;
- background: @white2;
- color: @dark2;
- }
- #layersBtns{
- width: 100%;
- background: @dark3;
- float: left;
- z-index: 4;
- color: @gray2;
- .layerTool{
- width: 50px;
- height: 30px;
- line-height: 30px;
- text-align: center;
- float: left;
- color: @gray2;
- cursor: pointer;
- &#addLayer{
- color: @green1;
- }
- &#delLayer{
- color: @red1;
- }
- &:hover{
- color: @white1;
- }
- .fas, .fab, .far{
- font-size: 15px;
- }
- }
- }
- #listLayers{
- width: 100%;
- background: @dark3;
- float: left;
- z-index: 4;
- color: @gray2;
- max-height: calc(~"50vh - 170px");
- overflow: auto;
- top: 50px;
- .layerView{
- position: relative;
- width: 100%;
- height: 60px;
- margin: 10px auto;
- background: transparent;
- text-align: center;
- text-align: center;
- cursor: pointer;
- &.active {
- cursor: default;
- background-color: @rgba1;
- &:hover{
- cursor: default;
- background-color: @rgba1;
- }
- .imgLayerContainer{
- border-color: @blue2;
- }
- }
- &:hover {
- background-color: @rgba2;
- }
- .imgLayerContainer{
- float: left;
- border: 1px solid @gray3;
- width: 60px;
- height: 60px;
- img.imgLayer{
- float: left;
- max-width: 58px;
- max-height: 58px;
- }
- }
- .hideLayer, .showLayer{
- float: left;
- margin: 21px 5px;
- width: 18px;
- height: 18px;
- line-height: 18px !important;
- text-align: center;
- cursor: pointer;
- }
-
- .showLayer{
- color: @red1;
- &:hover{
- color: @green1;
- }
- }
- .hideLayer{
- color: @green1;
- &:hover{
- color: @red1;
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/less/resizer.less b/less/resizer.less
deleted file mode 100644
index e55d6cd..0000000
--- a/less/resizer.less
+++ /dev/null
@@ -1,50 +0,0 @@
-//resizer
-@import "variables";
-
-
-#resizer{
- width: 300px;
- height: 210px;
- position: absolute;
- top: 0;
- left: 0;
- background: @dark3;
- display: none;
- padding: 10px;
- z-index: 4;
- margin-left: calc(~"(100vw - 300px) / 2");
- margin-top: calc(~"(100vh - 210px) / 2");
- input[type=number]{
- width: 250px;
- height: 30px;
- margin: 10px 15px;
- border: none;
- cursor: text;
- text-align: center;
- float: left;
- }
- #resizeinfo{
- width: 250px;
- height: 30px;
- line-height: 30px;
- text-align: center;
- color: @gray3;
- float: left;
- margin: 0px 20px;
- }
- .buttonAction{
- float: left;
- width: 120px;
- height: 30px;
- line-height: 30px;
- font-size: 15px;
- margin: 10px 10px;
- text-align: center;
- background: @gray3;
- cursor: pointer;
- &:hover{
- background: @blue1;
- color: @gray3;
- }
- }
-}
diff --git a/less/shadow-changer.less b/less/shadow-changer.less
deleted file mode 100644
index b7c926d..0000000
--- a/less/shadow-changer.less
+++ /dev/null
@@ -1,41 +0,0 @@
-//shadow-changer
-@import "variables";
-
-
-#shadowSquare{
- width: 200px;
- height: 200px;
- position: relative;
- background: @rgba3;
- float: left;
- display: none;
- #shadowDot{
- cursor: move;
- background: @white1;
- border-radius: 100%;
- width: 10px;
- height: 10px;
- position: absolute;
- top: 95px;
- left: 95px;
- z-index: 2;
- }
- &::after, &::before{
- position: absolute;
- content: ' ';
- background: @gray2;
- z-index: 1;
- }
- &::after{
- width: 200px;
- height: 1px;
- top: 50%;
- left: 0px;
- }
- &::before{
- width: 1px;
- height: 200px;
- top: 0%;
- left: 50%;
- }
-}
\ No newline at end of file
diff --git a/less/sliders.less b/less/sliders.less
deleted file mode 100644
index a52fe6e..0000000
--- a/less/sliders.less
+++ /dev/null
@@ -1,31 +0,0 @@
-//sliders
-@import "variables";
-
-#sliders{
- width: 100%;
- float: left;
- .sliderContainer{
- width: 100%;
- height: 45px;
- float: left;
- &#shadow_slider{
- display: none;
- }
- &#sensitivityPoints_slider{
- display: none;
- }
- &#fillOpacity_slider{
- display: none;
- }
- .sliderVal{
- width: 100%;
- height: 20px;
- margin-top: 5px;
- line-height: 20px;
- word-wrap: break-word;
- font-size: 13px;
- float: left;
- text-align: center;
- }
- }
-}
\ No newline at end of file
diff --git a/less/statusbar.less b/less/statusbar.less
deleted file mode 100644
index 2a6db74..0000000
--- a/less/statusbar.less
+++ /dev/null
@@ -1,32 +0,0 @@
-//statusbar
-@import "variables";
-
-#statusbar{
- width: 100%;
- background: @dark3;
- height: 20px;
- line-height: 20px;
- float: left;
- position: absolute;
- bottom: 0;
- font-size: 13px;
- color: @gray3;
- #mousePosition{
- float: left;
- width: 100px;
- height: inherit;
- line-height: inherit;
- text-align: center;
- }
- #author{
- height: inherit;
- line-height: inherit;
- float: right;
- right: 0;
- margin-right: 20px;
- a{
- color: @white2;
- cursor: pointer;
- }
- }
-}
\ No newline at end of file
diff --git a/less/style.less b/less/style.less
deleted file mode 100644
index 5fac498..0000000
--- a/less/style.less
+++ /dev/null
@@ -1,92 +0,0 @@
-@import "variables";
-@import "inputs";
-@import "tools";
-@import "text-options";
-@import "layers";
-@import "sliders";
-@import "info";
-@import "resizer";
-@import "hints";
-@import "shadow-changer";
-@import "statusbar";
-@import "camera";
-@import "contextmenu";
-
-@import url(https://fonts.googleapis.com/css?family=Open+Sans);
-*{
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
- cursor: default;
- font-family: 'Open Sans', sans-serif;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- margin: 0;
- padding: 0;
-}
-ul{
- list-style: none;
-
-}
-html{
- body{
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- float: left;
- position: fixed;
- overflow: hidden;
- #content{
- float: left;
- background: @bg_color;
- overflow: auto;
- width: calc(~"100vw - 200px");
- height: calc(~"100vh - 20px");
- #drawHandler{
- border: 1px dotted @blue1;
- position: relative;
- overflow: hidden;
- #draw, #drawHandler, #eventHandler{
- width: 600px;
- height: 400px;
- overflow: hidden;
- position: relative;
- /*cursor: crosshair;*/
- }
- #eventHandler{
- z-index: 3;
- position: absolute;
- }
- #draw{
- canvas{
- position: absolute;
- cursor: crosshair;
- border: 1px dotted #0052CC;
- &.invisible{
- visibility: hidden;
- }
- }
- }
- }
- }
- #eraseRect,
- #prepareRect,
- #prepareCircle,
- #selectRectangle{
- display: none;
- position: absolute;
- z-index: 2;
- border: 1px solid @black1;
- }
- #selectRectangle{
- cursor: move;
- }
- #eraseRect{
- border-radius: 100%;
- border-color: @gray3;
- }
- }
-}
\ No newline at end of file
diff --git a/less/text-options.less b/less/text-options.less
deleted file mode 100644
index e1a66f6..0000000
--- a/less/text-options.less
+++ /dev/null
@@ -1,53 +0,0 @@
-//text-options
-@import "variables";
-
-#textOptions{
- display: none;
- #alignBtns{
- width: 100%;
- float: left;
- .textPostionTool{
- width: 50px;
- height: 30px;
- line-height: 30px;
- text-align: center;
- float: left;
- color: @gray2;
- cursor: pointer;
- .fas, .fab, .far{
- font-size: 15px;
- }
- &:hover, &.active{
- color: @white1;
- }
- }
- }
- #fontStyleBtns{
- width: 100%;
- float: left;
- .styleTool{
- width: 50px;
- height: 30px;
- line-height: 30px;
- text-align: center;
- float: left;
- color: @gray2;
- cursor: pointer;
- .fas, .fab, .far{
- font-size: 15px;
- }
- &:hover, &.active{
- color: @white1;
- }
- }
- }
-}
-
-#textRectangle{
- display: none;
- position: absolute;
- z-index: 2;
- border: 1px solid @black1;
- font-size: 8mm;
- cursor: move;
-}
\ No newline at end of file
diff --git a/less/tools.less b/less/tools.less
deleted file mode 100644
index 69afc57..0000000
--- a/less/tools.less
+++ /dev/null
@@ -1,150 +0,0 @@
-//tools
-@import "variables";
-
-#toolsGroup{
- width: 200px;
- height: calc(~"100vh - 20px");
- background: @dark3;
- float: left;
- #previewColorSampler{
- width: 100%;
- height: 60px;
- background: 0 30px url('/pic/transparent.png');
- z-index: 1;
- display: none;
- #textColorSampler{
- width: 100%;
- float: left;
- height: 30px;
- background: @dark3;
- line-height: 30px;
- text-align: center;
- font-size: 13px;
- color: @white2;
- }
- #colorBoxSampler{
- width: 100%;
- height: 30px;
- float: left;
- }
- }
- .tools{
- width: 100%;
- background: @dark3;
- float: left;
- z-index: 4;
- color: @gray2;
- .title{
- width: 100%;
- height: 20px;
- line-height: 20px;
- float: left;
- font-size: 15px;
- text-align: center;
- background: @white2;
- color: @dark2;
- .fas, .fab, .far{
- position: relative;
- height: inherit;
- line-height: inherit;
- left: 0;
- top: 0;
- text-align: center;
- }
- }
- #toolsBtns{
- width: 100%;
- float: left;
- .primaryTool,
- .paintTools{
- width: 50px;
- height: 30px;
- line-height: 30px;
- text-align: center;
- float: left;
- color: @gray2;
- cursor: pointer;
- .fas, .fab, .far{
- font-size: 15px;
- }
- &:hover{
- color: @white1;
- }
- }
- .paintTools{
- &.active{
- cursor: default;
- color: @blue1;
- background: @dark1;
- }
- }
- .primaryTool{
- &:active{
- cursor: default;
- color: @blue1;
- background: @dark1;
- }
- }
- }
- #radioBtns{
- width: 100%;
- float: left;
- #shadowInput, #fillShapeInput{
- width: 100%;
- line-height: 20px;
- float: left;
- padding: 5px 0px;
- font-size: 12px;
- *{
- cursor: pointer;
- float: left;
- }
- }
- #fillShapeInput{
- display: none;
- }
- }
- #colorPicker{
- width: 100%;
- float: left;
- .colorTab{
- width: 100%;
- height: 25px;
- line-height: 25px;
- font-size: 14px;
- cursor: pointer;
- .color{
- border-radius: 100%;
- width: 15px;
- height: 15px;
- margin: 5px 10px;
- float: left;
- border: 1px solid @gray3;
- }
- &#generalColor{
- .color{
- background: #000000;
- }
- }
- &#shadowColor{
- display: none;
- .color{
- background: #232324;
- }
- }
- &#fillColor{
- display: none;
- .color{
- background: #FFFFFF;
- }
- }
- &:hover {
- color: @blue1;
- background: @dark1;
- }
- }
- }
-
-
- }
-}
\ No newline at end of file
diff --git a/less/variables.less b/less/variables.less
deleted file mode 100644
index 3af0bfd..0000000
--- a/less/variables.less
+++ /dev/null
@@ -1,31 +0,0 @@
-//variables
-@bg_color: #373636;
-
-
-@black1: #000000;
-
-@white1: #FFFFFF;
-@white2: #EEEEEE;
-@white3: #DDDDDD;
-@white4: #F1F1E4;
-@white5: #F1F1F1;
-@white6: #dedede;
-
-@dark1: #1C1B1B;
-@dark2: #2E3436;
-@dark3: #2C2B2B;
-
-@gray1: #888888;
-@gray2: #A9A9A9;
-@gray3: #CCCCCC;
-
-@blue1: #0052CC;
-@blue2: #0021CC;
-
-@red1: #C50000;
-@green1: #16c600;
-@green2: #129a01;
-
-@rgba1: rgba(0,0,0,0.1);
-@rgba2: rgba(0,0,0,0.3);
-@rgba3: rgba(0,0,0,0.4);
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 1be093f..952db92 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,1547 +1,888 @@
{
- "name": "webdraft",
- "version": "2.3.3",
- "lockfileVersion": 1,
+ "name": "webdraft-v3",
+ "version": "0.1.0",
+ "lockfileVersion": 3,
"requires": true,
- "dependencies": {
- "abbrev": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
- "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
- "dev": true
- },
- "ajv": {
- "version": "4.11.8",
- "resolved": "https://registry.npmjs.org/ajv/-/ajv-4.11.8.tgz",
- "integrity": "sha1-gv+wKynmYq5TvcIK8VlHcGc5xTY=",
- "optional": true,
- "requires": {
- "co": "4.6.0",
- "json-stable-stringify": "1.0.1"
- }
- },
- "ansi-regex": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
- "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
- },
- "ansi-styles": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
- "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
- },
- "argparse": {
- "version": "1.0.10",
- "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
- "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
- "dev": true,
- "requires": {
- "sprintf-js": "1.0.3"
- }
- },
- "array-find-index": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
- "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
- "dev": true
- },
- "asap": {
- "version": "2.0.6",
- "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
- "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
- "optional": true
- },
- "asn1": {
- "version": "0.2.3",
- "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
- "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y=",
- "optional": true
- },
- "assert-plus": {
- "version": "0.2.0",
- "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz",
- "integrity": "sha1-104bh+ev/A24qttwIfP+SBAasjQ=",
- "optional": true
- },
- "async": {
- "version": "1.5.2",
- "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
- "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
- "dev": true
- },
- "asynckit": {
- "version": "0.4.0",
- "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
- "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
- "optional": true
- },
- "aws-sign2": {
- "version": "0.6.0",
- "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz",
- "integrity": "sha1-FDQt0428yU0OW4fXY81jYSwOeU8=",
- "optional": true
- },
- "aws4": {
- "version": "1.7.0",
- "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.7.0.tgz",
- "integrity": "sha512-32NDda82rhwD9/JBCCkB+MRYDp0oSvlo2IL6rQWA10PQi7tDUM3eqMSltXmY+Oyl/7N3P3qNtAlv7X0d9bI28w==",
- "optional": true
- },
- "balanced-match": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
- "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
- },
- "bcrypt-pbkdf": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz",
- "integrity": "sha1-Y7xdy2EzG5K8Bf1SiVPDNGKgb40=",
- "optional": true,
- "requires": {
- "tweetnacl": "0.14.5"
- }
- },
- "body": {
- "version": "5.1.0",
- "resolved": "https://registry.npmjs.org/body/-/body-5.1.0.tgz",
- "integrity": "sha1-5LoM5BCkaTYyM2dgnstOZVMSUGk=",
- "requires": {
- "continuable-cache": "0.3.1",
- "error": "7.0.2",
- "raw-body": "1.1.7",
- "safe-json-parse": "1.0.1"
- }
- },
- "boom": {
- "version": "2.10.1",
- "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz",
- "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=",
- "requires": {
- "hoek": "2.16.3"
- }
- },
- "brace-expansion": {
- "version": "1.1.11",
- "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
- "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
- "requires": {
- "balanced-match": "1.0.0",
- "concat-map": "0.0.1"
- }
- },
- "builtin-modules": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
- "integrity": "sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=",
- "dev": true
- },
- "bytes": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/bytes/-/bytes-1.0.0.tgz",
- "integrity": "sha1-NWnt6Lo0MV+rmcPpLLBMciDeH6g="
- },
- "camelcase": {
- "version": "2.1.1",
- "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
- "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
- "dev": true
- },
- "camelcase-keys": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
- "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
- "dev": true,
- "requires": {
- "camelcase": "2.1.1",
- "map-obj": "1.0.1"
- }
- },
- "caseless": {
- "version": "0.12.0",
- "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
- "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
- "optional": true
- },
- "chalk": {
- "version": "1.1.3",
- "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
- "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
- "requires": {
- "ansi-styles": "2.2.1",
- "escape-string-regexp": "1.0.5",
- "has-ansi": "2.0.0",
- "strip-ansi": "3.0.1",
- "supports-color": "2.0.0"
- }
- },
- "clean-css": {
- "version": "4.1.11",
- "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.11.tgz",
- "integrity": "sha1-Ls3xRaujj1R0DybO/Q/z4D4SXWo=",
- "requires": {
- "source-map": "0.5.7"
- }
- },
- "co": {
- "version": "4.6.0",
- "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
- "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
- "optional": true
- },
- "coffeescript": {
- "version": "1.10.0",
- "resolved": "https://registry.npmjs.org/coffeescript/-/coffeescript-1.10.0.tgz",
- "integrity": "sha1-56qDAZF+9iGzXYo580jc3R234z4=",
- "dev": true
- },
- "colors": {
- "version": "1.1.2",
- "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz",
- "integrity": "sha1-FopHAXVran9RoSzgyXv6KMCE7WM=",
- "dev": true
- },
- "combined-stream": {
- "version": "1.0.6",
- "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.6.tgz",
- "integrity": "sha1-cj599ugBrFYTETp+RFqbactjKBg=",
- "requires": {
- "delayed-stream": "1.0.0"
- }
- },
- "concat-map": {
- "version": "0.0.1",
- "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
- "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
- },
- "continuable-cache": {
- "version": "0.3.1",
- "resolved": "https://registry.npmjs.org/continuable-cache/-/continuable-cache-0.3.1.tgz",
- "integrity": "sha1-vXJ6f67XfnH/OYWskzUakSczrQ8="
- },
- "core-util-is": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
- "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
- "optional": true
- },
- "cryptiles": {
- "version": "2.0.5",
- "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz",
- "integrity": "sha1-O9/s3GCBR8HGcgL6KR59ylnqo7g=",
- "optional": true,
- "requires": {
- "boom": "2.10.1"
+ "packages": {
+ "": {
+ "name": "webdraft-v3",
+ "version": "0.1.0",
+ "devDependencies": {
+ "typescript": "^5.5.4",
+ "vite": "8.0.5"
}
},
- "currently-unhandled": {
- "version": "0.4.1",
- "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
- "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
+ "node_modules/@emnapi/core": {
+ "version": "1.11.0",
+ "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.0.tgz",
+ "integrity": "sha512-l9Oo58x0HOP5znGzVhYW9U3e5wVuA4LAZU2AGezTmkhO1CgQRFDhDg4nneHsu/t3WniXg9QrG2nIXL/ZS8ln8Q==",
"dev": true,
- "requires": {
- "array-find-index": "1.0.2"
- }
- },
- "dashdash": {
- "version": "1.14.1",
- "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
- "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+ "license": "MIT",
"optional": true,
- "requires": {
- "assert-plus": "1.0.0"
- },
+ "peer": true,
"dependencies": {
- "assert-plus": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
- "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
- "optional": true
- }
+ "@emnapi/wasi-threads": "1.2.2",
+ "tslib": "^2.4.0"
}
},
- "dateformat": {
- "version": "1.0.12",
- "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.12.tgz",
- "integrity": "sha1-nxJLZ1lMk3/3BpMuSmQsyo27/uk=",
+ "node_modules/@emnapi/runtime": {
+ "version": "1.11.0",
+ "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.0.tgz",
+ "integrity": "sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg==",
"dev": true,
- "requires": {
- "get-stdin": "4.0.1",
- "meow": "3.7.0"
- }
- },
- "debug": {
- "version": "3.1.0",
- "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
- "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
- "requires": {
- "ms": "2.0.0"
- }
- },
- "decamelize": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
- "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
- "dev": true
- },
- "delayed-stream": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
- "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk="
- },
- "duplexer": {
- "version": "0.1.1",
- "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
- "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E="
- },
- "ecc-jsbn": {
- "version": "0.1.1",
- "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz",
- "integrity": "sha1-D8c6ntXw1Tw4GTOYUj735UN3dQU=",
- "optional": true,
- "requires": {
- "jsbn": "0.1.1"
- }
- },
- "errno": {
- "version": "0.1.7",
- "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz",
- "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==",
+ "license": "MIT",
"optional": true,
- "requires": {
- "prr": "1.0.1"
- }
- },
- "error": {
- "version": "7.0.2",
- "resolved": "https://registry.npmjs.org/error/-/error-7.0.2.tgz",
- "integrity": "sha1-pfdf/02ZJhJt2sDqXcOOaJFTywI=",
- "requires": {
- "string-template": "0.2.1",
- "xtend": "4.0.1"
- }
- },
- "error-ex": {
- "version": "1.3.1",
- "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.1.tgz",
- "integrity": "sha1-+FWobOYa3E6GIcPNoh56dhLDqNw=",
- "dev": true,
- "requires": {
- "is-arrayish": "0.2.1"
- }
- },
- "escape-string-regexp": {
- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
- "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
- },
- "esprima": {
- "version": "2.7.3",
- "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz",
- "integrity": "sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=",
- "dev": true
- },
- "eventemitter2": {
- "version": "0.4.14",
- "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-0.4.14.tgz",
- "integrity": "sha1-j2G3XN4BKy6esoTUVFWDtWQ7Yas=",
- "dev": true
- },
- "exit": {
- "version": "0.1.2",
- "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
- "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=",
- "dev": true
- },
- "extend": {
- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.1.tgz",
- "integrity": "sha1-p1Xqe8Gt/MWjHOfnYtuq3F5jZEQ=",
- "optional": true
- },
- "extsprintf": {
- "version": "1.3.0",
- "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
- "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU="
- },
- "faye-websocket": {
- "version": "0.10.0",
- "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
- "integrity": "sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=",
- "requires": {
- "websocket-driver": "0.7.0"
- }
- },
- "figures": {
- "version": "1.7.0",
- "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
- "integrity": "sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=",
- "requires": {
- "escape-string-regexp": "1.0.5",
- "object-assign": "4.1.1"
- }
- },
- "find-up": {
- "version": "1.1.2",
- "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
- "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
- "dev": true,
- "requires": {
- "path-exists": "2.1.0",
- "pinkie-promise": "2.0.1"
- }
- },
- "findup-sync": {
- "version": "0.3.0",
- "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-0.3.0.tgz",
- "integrity": "sha1-N5MKpdgWt3fANEXhlmzGeQpMCxY=",
- "dev": true,
- "requires": {
- "glob": "5.0.15"
- },
+ "peer": true,
"dependencies": {
- "glob": {
- "version": "5.0.15",
- "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
- "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
- "dev": true,
- "requires": {
- "inflight": "1.0.6",
- "inherits": "2.0.3",
- "minimatch": "3.0.4",
- "once": "1.4.0",
- "path-is-absolute": "1.0.1"
- }
- }
- }
- },
- "forever-agent": {
- "version": "0.6.1",
- "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
- "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
- "optional": true
- },
- "form-data": {
- "version": "2.1.4",
- "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.1.4.tgz",
- "integrity": "sha1-M8GDrPGTJ27KqYFDpp6Uv+4XUNE=",
- "optional": true,
- "requires": {
- "asynckit": "0.4.0",
- "combined-stream": "1.0.6",
- "mime-types": "2.1.18"
- }
- },
- "fs.realpath": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
- "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
- },
- "gaze": {
- "version": "1.1.3",
- "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz",
- "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
- "requires": {
- "globule": "1.2.0"
- }
- },
- "get-stdin": {
- "version": "4.0.1",
- "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
- "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
- "dev": true
- },
- "getobject": {
- "version": "0.1.0",
- "resolved": "https://registry.npmjs.org/getobject/-/getobject-0.1.0.tgz",
- "integrity": "sha1-BHpEl4n6Fg0Bj1SG7ZEyC27HiFw=",
- "dev": true
- },
- "getpass": {
- "version": "0.1.7",
- "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
- "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
- "optional": true,
- "requires": {
- "assert-plus": "1.0.0"
- },
- "dependencies": {
- "assert-plus": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
- "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
- "optional": true
- }
+ "tslib": "^2.4.0"
}
},
- "glob": {
- "version": "7.0.6",
- "resolved": "https://registry.npmjs.org/glob/-/glob-7.0.6.tgz",
- "integrity": "sha1-IRuvr0nlJbjNkyYNFKsTYVKz9Xo=",
+ "node_modules/@emnapi/wasi-threads": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz",
+ "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==",
"dev": true,
- "requires": {
- "fs.realpath": "1.0.0",
- "inflight": "1.0.6",
- "inherits": "2.0.3",
- "minimatch": "3.0.4",
- "once": "1.4.0",
- "path-is-absolute": "1.0.1"
- }
- },
- "globule": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.0.tgz",
- "integrity": "sha1-HcScaCLdnoovoAuiopUAboZkvQk=",
- "requires": {
- "glob": "7.1.2",
- "lodash": "4.17.10",
- "minimatch": "3.0.4"
- },
+ "license": "MIT",
+ "optional": true,
+ "peer": true,
"dependencies": {
- "glob": {
- "version": "7.1.2",
- "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz",
- "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==",
- "requires": {
- "fs.realpath": "1.0.0",
- "inflight": "1.0.6",
- "inherits": "2.0.3",
- "minimatch": "3.0.4",
- "once": "1.4.0",
- "path-is-absolute": "1.0.1"
- }
- }
+ "tslib": "^2.4.0"
}
},
- "graceful-fs": {
- "version": "4.1.11",
- "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz",
- "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg="
- },
- "grunt": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/grunt/-/grunt-1.0.2.tgz",
- "integrity": "sha1-TmpeaVtwRy/VME9fqeNCNoNqc7w=",
+ "node_modules/@napi-rs/wasm-runtime": {
+ "version": "1.1.5",
+ "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.5.tgz",
+ "integrity": "sha512-AWPoBRJ9tsnVhor4sjO7rkni+7p+2IAEFj6cx06UgP10jkQHqay/36uRV/bFkgrh18D9vb4cr8Q0Pthskgzy+Q==",
"dev": true,
- "requires": {
- "coffeescript": "1.10.0",
- "dateformat": "1.0.12",
- "eventemitter2": "0.4.14",
- "exit": "0.1.2",
- "findup-sync": "0.3.0",
- "glob": "7.0.6",
- "grunt-cli": "1.2.0",
- "grunt-known-options": "1.1.0",
- "grunt-legacy-log": "1.0.2",
- "grunt-legacy-util": "1.0.0",
- "iconv-lite": "0.4.23",
- "js-yaml": "3.5.5",
- "minimatch": "3.0.4",
- "nopt": "3.0.6",
- "path-is-absolute": "1.0.1",
- "rimraf": "2.2.8"
- },
+ "license": "MIT",
+ "optional": true,
"dependencies": {
- "grunt-cli": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/grunt-cli/-/grunt-cli-1.2.0.tgz",
- "integrity": "sha1-VisRnrsGndtGSs4oRVAb6Xs1tqg=",
- "dev": true,
- "requires": {
- "findup-sync": "0.3.0",
- "grunt-known-options": "1.1.0",
- "nopt": "3.0.6",
- "resolve": "1.1.7"
- }
- }
- }
- },
- "grunt-contrib-concat": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/grunt-contrib-concat/-/grunt-contrib-concat-1.0.1.tgz",
- "integrity": "sha1-YVCYYwhOhx1+ht5IwBUlntl3Rb0=",
- "requires": {
- "chalk": "1.1.3",
- "source-map": "0.5.7"
- }
- },
- "grunt-contrib-cssmin": {
- "version": "2.2.1",
- "resolved": "https://registry.npmjs.org/grunt-contrib-cssmin/-/grunt-contrib-cssmin-2.2.1.tgz",
- "integrity": "sha512-IXNomhQ5ekVZbDbj/ik5YccoD9khU6LT2fDXqO1+/Txjq8cp0tQKjVS8i8EAbHOrSDkL7/UD6A7b+xj98gqh9w==",
- "requires": {
- "chalk": "1.1.3",
- "clean-css": "4.1.11",
- "maxmin": "2.1.0"
- }
- },
- "grunt-contrib-less": {
- "version": "1.4.1",
- "resolved": "https://registry.npmjs.org/grunt-contrib-less/-/grunt-contrib-less-1.4.1.tgz",
- "integrity": "sha1-O73sC3XRLOqlXWKUNiXAsIYc328=",
- "requires": {
- "async": "2.6.1",
- "chalk": "1.1.3",
- "less": "2.7.3",
- "lodash": "4.17.10"
+ "@tybys/wasm-util": "^0.10.2"
},
- "dependencies": {
- "async": {
- "version": "2.6.1",
- "resolved": "https://registry.npmjs.org/async/-/async-2.6.1.tgz",
- "integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==",
- "requires": {
- "lodash": "4.17.10"
- }
- }
- }
- },
- "grunt-contrib-watch": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/grunt-contrib-watch/-/grunt-contrib-watch-1.1.0.tgz",
- "integrity": "sha512-yGweN+0DW5yM+oo58fRu/XIRrPcn3r4tQx+nL7eMRwjpvk+rQY6R8o94BPK0i2UhTg9FN21hS+m8vR8v9vXfeg==",
- "requires": {
- "async": "2.6.1",
- "gaze": "1.1.3",
- "lodash": "4.17.10",
- "tiny-lr": "1.1.1"
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/Brooooooklyn"
},
- "dependencies": {
- "async": {
- "version": "2.6.1",
- "resolved": "https://registry.npmjs.org/async/-/async-2.6.1.tgz",
- "integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==",
- "requires": {
- "lodash": "4.17.10"
- }
- }
+ "peerDependencies": {
+ "@emnapi/core": "^1.7.1",
+ "@emnapi/runtime": "^1.7.1"
}
},
- "grunt-known-options": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/grunt-known-options/-/grunt-known-options-1.1.0.tgz",
- "integrity": "sha1-pCdO6zL6dl2lp6OxcSYXzjsUQUk=",
- "dev": true
- },
- "grunt-legacy-log": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/grunt-legacy-log/-/grunt-legacy-log-1.0.2.tgz",
- "integrity": "sha512-WdedTJ/6zCXnI/coaouzqvkI19uwqbcPkdsXiDRKJyB5rOUlOxnCnTVbpeUdEckKVir2uHF3rDBYppj2p6N3+g==",
+ "node_modules/@oxc-project/types": {
+ "version": "0.122.0",
+ "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.122.0.tgz",
+ "integrity": "sha512-oLAl5kBpV4w69UtFZ9xqcmTi+GENWOcPF7FCrczTiBbmC0ibXxCwyvZGbO39rCVEuLGAZM84DH0pUIyyv/YJzA==",
"dev": true,
- "requires": {
- "colors": "1.1.2",
- "grunt-legacy-log-utils": "1.0.0",
- "hooker": "0.2.3",
- "lodash": "4.17.10"
+ "license": "MIT",
+ "funding": {
+ "url": "https://github.com/sponsors/Boshen"
}
},
- "grunt-legacy-log-utils": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/grunt-legacy-log-utils/-/grunt-legacy-log-utils-1.0.0.tgz",
- "integrity": "sha1-p7ji0Ps1taUPSvmG/BEnSevJbz0=",
+ "node_modules/@rolldown/binding-android-arm64": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.12.tgz",
+ "integrity": "sha512-pv1y2Fv0JybcykuiiD3qBOBdz6RteYojRFY1d+b95WVuzx211CRh+ytI/+9iVyWQ6koTh5dawe4S/yRfOFjgaA==",
+ "cpu": [
+ "arm64"
+ ],
"dev": true,
- "requires": {
- "chalk": "1.1.3",
- "lodash": "4.3.0"
- },
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-darwin-arm64": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.12.tgz",
+ "integrity": "sha512-cFYr6zTG/3PXXF3pUO+umXxt1wkRK/0AYT8lDwuqvRC+LuKYWSAQAQZjCWDQpAH172ZV6ieYrNnFzVVcnSflAg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-darwin-x64": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.12.tgz",
+ "integrity": "sha512-ZCsYknnHzeXYps0lGBz8JrF37GpE9bFVefrlmDrAQhOEi4IOIlcoU1+FwHEtyXGx2VkYAvhu7dyBf75EJQffBw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-freebsd-x64": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.12.tgz",
+ "integrity": "sha512-dMLeprcVsyJsKolRXyoTH3NL6qtsT0Y2xeuEA8WQJquWFXkEC4bcu1rLZZSnZRMtAqwtrF/Ib9Ddtpa/Gkge9Q==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.12.tgz",
+ "integrity": "sha512-YqWjAgGC/9M1lz3GR1r1rP79nMgo3mQiiA+Hfo+pvKFK1fAJ1bCi0ZQVh8noOqNacuY1qIcfyVfP6HoyBRZ85Q==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-arm64-gnu": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.12.tgz",
+ "integrity": "sha512-/I5AS4cIroLpslsmzXfwbe5OmWvSsrFuEw3mwvbQ1kDxJ822hFHIx+vsN/TAzNVyepI/j/GSzrtCIwQPeKCLIg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-arm64-musl": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.12.tgz",
+ "integrity": "sha512-V6/wZztnBqlx5hJQqNWwFdxIKN0m38p8Jas+VoSfgH54HSj9tKTt1dZvG6JRHcjh6D7TvrJPWFGaY9UBVOaWPw==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.12.tgz",
+ "integrity": "sha512-AP3E9BpcUYliZCxa3w5Kwj9OtEVDYK6sVoUzy4vTOJsjPOgdaJZKFmN4oOlX0Wp0RPV2ETfmIra9x1xuayFB7g==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-s390x-gnu": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.12.tgz",
+ "integrity": "sha512-nWwpvUSPkoFmZo0kQazZYOrT7J5DGOJ/+QHHzjvNlooDZED8oH82Yg67HvehPPLAg5fUff7TfWFHQS8IV1n3og==",
+ "cpu": [
+ "s390x"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-x64-gnu": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.12.tgz",
+ "integrity": "sha512-RNrafz5bcwRy+O9e6P8Z/OCAJW/A+qtBczIqVYwTs14pf4iV1/+eKEjdOUta93q2TsT/FI0XYDP3TCky38LMAg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-linux-x64-musl": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.12.tgz",
+ "integrity": "sha512-Jpw/0iwoKWx3LJ2rc1yjFrj+T7iHZn2JDg1Yny1ma0luviFS4mhAIcd1LFNxK3EYu3DHWCps0ydXQ5i/rrJ2ig==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-openharmony-arm64": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.12.tgz",
+ "integrity": "sha512-vRugONE4yMfVn0+7lUKdKvN4D5YusEiPilaoO2sgUWpCvrncvWgPMzK00ZFFJuiPgLwgFNP5eSiUlv2tfc+lpA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "openharmony"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-wasm32-wasi": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.12.tgz",
+ "integrity": "sha512-ykGiLr/6kkiHc0XnBfmFJuCjr5ZYKKofkx+chJWDjitX+KsJuAmrzWhwyOMSHzPhzOHOy7u9HlFoa5MoAOJ/Zg==",
+ "cpu": [
+ "wasm32"
+ ],
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
"dependencies": {
- "lodash": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.3.0.tgz",
- "integrity": "sha1-79nEpuxT87BUEkKZFcPkgk5NJaQ=",
- "dev": true
- }
- }
- },
- "grunt-legacy-util": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/grunt-legacy-util/-/grunt-legacy-util-1.0.0.tgz",
- "integrity": "sha1-OGqnjcbtUJhsKxiVcmWxtIq7m4Y=",
- "dev": true,
- "requires": {
- "async": "1.5.2",
- "exit": "0.1.2",
- "getobject": "0.1.0",
- "hooker": "0.2.3",
- "lodash": "4.3.0",
- "underscore.string": "3.2.3",
- "which": "1.2.14"
+ "@napi-rs/wasm-runtime": "^1.1.1"
},
- "dependencies": {
- "lodash": {
- "version": "4.3.0",
- "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.3.0.tgz",
- "integrity": "sha1-79nEpuxT87BUEkKZFcPkgk5NJaQ=",
- "dev": true
- }
+ "engines": {
+ "node": ">=14.0.0"
}
},
- "gzip-size": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-3.0.0.tgz",
- "integrity": "sha1-VGGI6b3DN/Zzdy+BZgRks4nc5SA=",
- "requires": {
- "duplexer": "0.1.1"
- }
- },
- "har-schema": {
- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-1.0.5.tgz",
- "integrity": "sha1-0mMTX0MwfALGAq/I/pWXDAFRNp4=",
- "optional": true
- },
- "har-validator": {
- "version": "4.2.1",
- "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-4.2.1.tgz",
- "integrity": "sha1-M0gdDxu/9gDdID11gSpqX7oALio=",
- "optional": true,
- "requires": {
- "ajv": "4.11.8",
- "har-schema": "1.0.5"
- }
- },
- "has-ansi": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
- "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
- "requires": {
- "ansi-regex": "2.1.1"
- }
- },
- "hawk": {
- "version": "3.1.3",
- "resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz",
- "integrity": "sha1-B4REvXwWQLD+VA0sm3PVlnjo4cQ=",
+ "node_modules/@rolldown/binding-win32-arm64-msvc": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.12.tgz",
+ "integrity": "sha512-5eOND4duWkwx1AzCxadcOrNeighiLwMInEADT0YM7xeEOOFcovWZCq8dadXgcRHSf3Ulh1kFo/qvzoFiCLOL1Q==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MIT",
"optional": true,
- "requires": {
- "boom": "2.10.1",
- "cryptiles": "2.0.5",
- "hoek": "2.16.3",
- "sntp": "1.0.9"
- }
- },
- "hoek": {
- "version": "2.16.3",
- "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz",
- "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0="
- },
- "hooker": {
- "version": "0.2.3",
- "resolved": "https://registry.npmjs.org/hooker/-/hooker-0.2.3.tgz",
- "integrity": "sha1-uDT3I8xKJCqmWWNFnfbZhMXT2Vk=",
- "dev": true
- },
- "hosted-git-info": {
- "version": "2.6.0",
- "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.6.0.tgz",
- "integrity": "sha512-lIbgIIQA3lz5XaB6vxakj6sDHADJiZadYEJB+FgA+C4nubM1NwcuvUr9EJPmnH1skZqpqUzWborWo8EIUi0Sdw==",
- "dev": true
- },
- "http-parser-js": {
- "version": "0.4.13",
- "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.4.13.tgz",
- "integrity": "sha1-O9bW/ebjFyyTNMOzO2wZPYD+ETc="
- },
- "http-signature": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz",
- "integrity": "sha1-33LiZwZs0Kxn+3at+OE0qPvPkb8=",
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ }
+ },
+ "node_modules/@rolldown/binding-win32-x64-msvc": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.12.tgz",
+ "integrity": "sha512-PyqoipaswDLAZtot351MLhrlrh6lcZPo2LSYE+VDxbVk24LVKAGOuE4hb8xZQmrPAuEtTZW8E6D2zc5EUZX4Lw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MIT",
"optional": true,
- "requires": {
- "assert-plus": "0.2.0",
- "jsprim": "1.4.1",
- "sshpk": "1.14.1"
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
}
},
- "iconv-lite": {
- "version": "0.4.23",
- "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
- "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+ "node_modules/@rolldown/pluginutils": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.12.tgz",
+ "integrity": "sha512-HHMwmarRKvoFsJorqYlFeFRzXZqCt2ETQlEDOb9aqssrnVBB1/+xgTGtuTrIk5vzLNX1MjMtTf7W9z3tsSbrxw==",
"dev": true,
- "requires": {
- "safer-buffer": "2.1.2"
- }
- },
- "image-size": {
- "version": "0.5.5",
- "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
- "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
- "optional": true
+ "license": "MIT"
},
- "indent-string": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
- "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
+ "node_modules/@tybys/wasm-util": {
+ "version": "0.10.2",
+ "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.2.tgz",
+ "integrity": "sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==",
"dev": true,
- "requires": {
- "repeating": "2.0.1"
- }
- },
- "inflight": {
- "version": "1.0.6",
- "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
- "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
- "requires": {
- "once": "1.4.0",
- "wrappy": "1.0.2"
- }
- },
- "inherits": {
- "version": "2.0.3",
- "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
- "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
- },
- "is-arrayish": {
- "version": "0.2.1",
- "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
- "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
- "dev": true
- },
- "is-builtin-module": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz",
- "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=",
- "dev": true,
- "requires": {
- "builtin-modules": "1.1.1"
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
}
},
- "is-finite": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
- "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
+ "node_modules/detect-libc": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+ "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
"dev": true,
- "requires": {
- "number-is-nan": "1.0.1"
+ "license": "Apache-2.0",
+ "engines": {
+ "node": ">=8"
}
},
- "is-typedarray": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
- "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
- "optional": true
- },
- "is-utf8": {
- "version": "0.2.1",
- "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
- "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
- "dev": true
- },
- "isexe": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
- "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
- "dev": true
- },
- "isstream": {
- "version": "0.1.2",
- "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
- "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
- "optional": true
- },
- "js-yaml": {
- "version": "3.5.5",
- "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.5.5.tgz",
- "integrity": "sha1-A3fDgBfKvHMisNH7zSWkkWQfL74=",
+ "node_modules/fdir": {
+ "version": "6.5.0",
+ "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+ "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
"dev": true,
- "requires": {
- "argparse": "1.0.10",
- "esprima": "2.7.3"
- }
- },
- "jsbn": {
- "version": "0.1.1",
- "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
- "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
- "optional": true
- },
- "json-schema": {
- "version": "0.2.3",
- "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
- "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
- "optional": true
- },
- "json-stable-stringify": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
- "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=",
- "optional": true,
- "requires": {
- "jsonify": "0.0.0"
- }
- },
- "json-stringify-safe": {
- "version": "5.0.1",
- "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
- "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
- "optional": true
- },
- "jsonify": {
- "version": "0.0.0",
- "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
- "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=",
- "optional": true
- },
- "jsprim": {
- "version": "1.4.1",
- "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
- "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
- "optional": true,
- "requires": {
- "assert-plus": "1.0.0",
- "extsprintf": "1.3.0",
- "json-schema": "0.2.3",
- "verror": "1.10.0"
+ "license": "MIT",
+ "engines": {
+ "node": ">=12.0.0"
},
- "dependencies": {
- "assert-plus": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
- "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+ "peerDependencies": {
+ "picomatch": "^3 || ^4"
+ },
+ "peerDependenciesMeta": {
+ "picomatch": {
"optional": true
}
}
},
- "less": {
- "version": "2.7.3",
- "resolved": "https://registry.npmjs.org/less/-/less-2.7.3.tgz",
- "integrity": "sha512-KPdIJKWcEAb02TuJtaLrhue0krtRLoRoo7x6BNJIBelO00t/CCdJQUnHW5V34OnHMWzIktSalJxRO+FvytQlCQ==",
- "requires": {
- "errno": "0.1.7",
- "graceful-fs": "4.1.11",
- "image-size": "0.5.5",
- "mime": "1.6.0",
- "mkdirp": "0.5.1",
- "promise": "7.3.1",
- "request": "2.81.0",
- "source-map": "0.5.7"
- }
- },
- "livereload-js": {
- "version": "2.3.0",
- "resolved": "https://registry.npmjs.org/livereload-js/-/livereload-js-2.3.0.tgz",
- "integrity": "sha512-j1R0/FeGa64Y+NmqfZhyoVRzcFlOZ8sNlKzHjh4VvLULFACZhn68XrX5DFg2FhMvSMJmROuFxRSa560ECWKBMg=="
- },
- "load-json-file": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
- "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
- "dev": true,
- "requires": {
- "graceful-fs": "4.1.11",
- "parse-json": "2.2.0",
- "pify": "2.3.0",
- "pinkie-promise": "2.0.1",
- "strip-bom": "2.0.0"
- }
- },
- "lodash": {
- "version": "4.17.10",
- "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
- "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg=="
- },
- "loud-rejection": {
- "version": "1.6.0",
- "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
- "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
+ "node_modules/fsevents": {
+ "version": "2.3.3",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+ "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"dev": true,
- "requires": {
- "currently-unhandled": "0.4.1",
- "signal-exit": "3.0.2"
- }
- },
- "map-obj": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
- "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
- "dev": true
- },
- "material-design-icons": {
- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/material-design-icons/-/material-design-icons-3.0.1.tgz",
- "integrity": "sha1-mnHEh0chjrylHlGmbaaCA4zct78="
- },
- "maxmin": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/maxmin/-/maxmin-2.1.0.tgz",
- "integrity": "sha1-TTsiCQPZXu5+t6x/qGTnLcCaMWY=",
- "requires": {
- "chalk": "1.1.3",
- "figures": "1.7.0",
- "gzip-size": "3.0.0",
- "pretty-bytes": "3.0.1"
+ "hasInstallScript": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
- "meow": {
- "version": "3.7.0",
- "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
- "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
+ "node_modules/lightningcss": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+ "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
"dev": true,
- "requires": {
- "camelcase-keys": "2.1.0",
- "decamelize": "1.2.0",
- "loud-rejection": "1.6.0",
- "map-obj": "1.0.1",
- "minimist": "1.2.0",
- "normalize-package-data": "2.4.0",
- "object-assign": "4.1.1",
- "read-pkg-up": "1.0.1",
- "redent": "1.0.0",
- "trim-newlines": "1.0.0"
- }
- },
- "mime": {
- "version": "1.6.0",
- "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
- "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
- "optional": true
- },
- "mime-db": {
- "version": "1.33.0",
- "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
- "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ=="
- },
- "mime-types": {
- "version": "2.1.18",
- "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
- "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
- "requires": {
- "mime-db": "1.33.0"
- }
- },
- "minimatch": {
- "version": "3.0.4",
- "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
- "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
- "requires": {
- "brace-expansion": "1.1.11"
- }
- },
- "minimist": {
- "version": "1.2.0",
- "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
- "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
- "dev": true
- },
- "mkdirp": {
- "version": "0.5.1",
- "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
- "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+ "license": "MPL-2.0",
+ "dependencies": {
+ "detect-libc": "^2.0.3"
+ },
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
+ },
+ "optionalDependencies": {
+ "lightningcss-android-arm64": "1.32.0",
+ "lightningcss-darwin-arm64": "1.32.0",
+ "lightningcss-darwin-x64": "1.32.0",
+ "lightningcss-freebsd-x64": "1.32.0",
+ "lightningcss-linux-arm-gnueabihf": "1.32.0",
+ "lightningcss-linux-arm64-gnu": "1.32.0",
+ "lightningcss-linux-arm64-musl": "1.32.0",
+ "lightningcss-linux-x64-gnu": "1.32.0",
+ "lightningcss-linux-x64-musl": "1.32.0",
+ "lightningcss-win32-arm64-msvc": "1.32.0",
+ "lightningcss-win32-x64-msvc": "1.32.0"
+ }
+ },
+ "node_modules/lightningcss-android-arm64": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+ "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
"optional": true,
- "requires": {
- "minimist": "0.0.8"
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
},
- "dependencies": {
- "minimist": {
- "version": "0.0.8",
- "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
- "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
- "optional": true
- }
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "ms": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
- "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
- },
- "nopt": {
- "version": "3.0.6",
- "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
- "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
+ "node_modules/lightningcss-darwin-arm64": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+ "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+ "cpu": [
+ "arm64"
+ ],
"dev": true,
- "requires": {
- "abbrev": "1.1.1"
- }
- },
- "normalize-package-data": {
- "version": "2.4.0",
- "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz",
- "integrity": "sha512-9jjUFbTPfEy3R/ad/2oNbKtW9Hgovl5O1FvFWKkKblNXoN/Oou6+9+KKohPK13Yc3/TyunyWhJp6gvRNR/PPAw==",
- "dev": true,
- "requires": {
- "hosted-git-info": "2.6.0",
- "is-builtin-module": "1.0.0",
- "semver": "5.5.0",
- "validate-npm-package-license": "3.0.3"
- }
- },
- "number-is-nan": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
- "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
- },
- "oauth-sign": {
- "version": "0.8.2",
- "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz",
- "integrity": "sha1-Rqarfwrq2N6unsBWV4C31O/rnUM=",
- "optional": true
- },
- "object-assign": {
- "version": "4.1.1",
- "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
- "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
- },
- "once": {
- "version": "1.4.0",
- "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
- "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
- "requires": {
- "wrappy": "1.0.2"
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "parse-json": {
- "version": "2.2.0",
- "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
- "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=",
+ "node_modules/lightningcss-darwin-x64": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+ "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+ "cpu": [
+ "x64"
+ ],
"dev": true,
- "requires": {
- "error-ex": "1.3.1"
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "path-exists": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
- "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
+ "node_modules/lightningcss-freebsd-x64": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+ "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+ "cpu": [
+ "x64"
+ ],
"dev": true,
- "requires": {
- "pinkie-promise": "2.0.1"
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "path-is-absolute": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
- "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
- },
- "path-type": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
- "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
+ "node_modules/lightningcss-linux-arm-gnueabihf": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+ "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+ "cpu": [
+ "arm"
+ ],
"dev": true,
- "requires": {
- "graceful-fs": "4.1.11",
- "pify": "2.3.0",
- "pinkie-promise": "2.0.1"
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "performance-now": {
- "version": "0.2.0",
- "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-0.2.0.tgz",
- "integrity": "sha1-M+8wxcd9TqIcWlOGnZG1bY8lVeU=",
- "optional": true
- },
- "pify": {
- "version": "2.3.0",
- "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
- "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
- "dev": true
- },
- "pinkie": {
- "version": "2.0.4",
- "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
- "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
- "dev": true
- },
- "pinkie-promise": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
- "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+ "node_modules/lightningcss-linux-arm64-gnu": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+ "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+ "cpu": [
+ "arm64"
+ ],
"dev": true,
- "requires": {
- "pinkie": "2.0.4"
- }
- },
- "pretty-bytes": {
- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-3.0.1.tgz",
- "integrity": "sha1-J9AAjXeAY6C0gRuzXHnxvV1fvM8=",
- "requires": {
- "number-is-nan": "1.0.1"
- }
- },
- "promise": {
- "version": "7.3.1",
- "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
- "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+ "license": "MPL-2.0",
"optional": true,
- "requires": {
- "asap": "2.0.6"
- }
- },
- "prr": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
- "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
- "optional": true
- },
- "punycode": {
- "version": "1.4.1",
- "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
- "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
- "optional": true
- },
- "qs": {
- "version": "6.4.0",
- "resolved": "https://registry.npmjs.org/qs/-/qs-6.4.0.tgz",
- "integrity": "sha1-E+JtKK1rD/qpExLNO/cI7TUecjM="
- },
- "raw-body": {
- "version": "1.1.7",
- "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-1.1.7.tgz",
- "integrity": "sha1-HQJ8K/oRasxmI7yo8AAWVyqH1CU=",
- "requires": {
- "bytes": "1.0.0",
- "string_decoder": "0.10.31"
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "read-pkg": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
- "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+ "node_modules/lightningcss-linux-arm64-musl": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+ "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+ "cpu": [
+ "arm64"
+ ],
"dev": true,
- "requires": {
- "load-json-file": "1.1.0",
- "normalize-package-data": "2.4.0",
- "path-type": "1.1.0"
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "read-pkg-up": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
- "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
+ "node_modules/lightningcss-linux-x64-gnu": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+ "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+ "cpu": [
+ "x64"
+ ],
"dev": true,
- "requires": {
- "find-up": "1.1.2",
- "read-pkg": "1.1.0"
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "redent": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
- "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
+ "node_modules/lightningcss-linux-x64-musl": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+ "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+ "cpu": [
+ "x64"
+ ],
"dev": true,
- "requires": {
- "indent-string": "2.1.0",
- "strip-indent": "1.0.1"
+ "license": "MPL-2.0",
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "repeating": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
- "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+ "node_modules/lightningcss-win32-arm64-msvc": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+ "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+ "cpu": [
+ "arm64"
+ ],
"dev": true,
- "requires": {
- "is-finite": "1.0.2"
- }
- },
- "request": {
- "version": "2.81.0",
- "resolved": "https://registry.npmjs.org/request/-/request-2.81.0.tgz",
- "integrity": "sha1-xpKJRqDgbF+Nb4qTM0af/aRimKA=",
+ "license": "MPL-2.0",
"optional": true,
- "requires": {
- "aws-sign2": "0.6.0",
- "aws4": "1.7.0",
- "caseless": "0.12.0",
- "combined-stream": "1.0.6",
- "extend": "3.0.1",
- "forever-agent": "0.6.1",
- "form-data": "2.1.4",
- "har-validator": "4.2.1",
- "hawk": "3.1.3",
- "http-signature": "1.1.1",
- "is-typedarray": "1.0.0",
- "isstream": "0.1.2",
- "json-stringify-safe": "5.0.1",
- "mime-types": "2.1.18",
- "oauth-sign": "0.8.2",
- "performance-now": "0.2.0",
- "qs": "6.4.0",
- "safe-buffer": "5.1.2",
- "stringstream": "0.0.6",
- "tough-cookie": "2.3.4",
- "tunnel-agent": "0.6.0",
- "uuid": "3.2.1"
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "resolve": {
- "version": "1.1.7",
- "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz",
- "integrity": "sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=",
- "dev": true
- },
- "rimraf": {
- "version": "2.2.8",
- "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.2.8.tgz",
- "integrity": "sha1-5Dm+Kq7jJzIZUnMPmaiSnk/FBYI=",
- "dev": true
- },
- "safe-buffer": {
- "version": "5.1.2",
- "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
- "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
- },
- "safe-json-parse": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/safe-json-parse/-/safe-json-parse-1.0.1.tgz",
- "integrity": "sha1-PnZyPjjf3aE8mx0poeB//uSzC1c="
- },
- "safer-buffer": {
- "version": "2.1.2",
- "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
- "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
- "dev": true
- },
- "semver": {
- "version": "5.5.0",
- "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.0.tgz",
- "integrity": "sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==",
- "dev": true
- },
- "signal-exit": {
- "version": "3.0.2",
- "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
- "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
- "dev": true
- },
- "sntp": {
- "version": "1.0.9",
- "resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz",
- "integrity": "sha1-ZUEYTMkK7qbG57NeJlkIJEPGYZg=",
+ "node_modules/lightningcss-win32-x64-msvc": {
+ "version": "1.32.0",
+ "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+ "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "license": "MPL-2.0",
"optional": true,
- "requires": {
- "hoek": "2.16.3"
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/parcel"
}
},
- "source-map": {
- "version": "0.5.7",
- "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
- "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
- },
- "spdx-correct": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.0.0.tgz",
- "integrity": "sha512-N19o9z5cEyc8yQQPukRCZ9EUmb4HUpnrmaL/fxS2pBo2jbfcFRVuFZ/oFC+vZz0MNNk0h80iMn5/S6qGZOL5+g==",
+ "node_modules/nanoid": {
+ "version": "3.3.12",
+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+ "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
"dev": true,
- "requires": {
- "spdx-expression-parse": "3.0.0",
- "spdx-license-ids": "3.0.0"
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "bin": {
+ "nanoid": "bin/nanoid.cjs"
+ },
+ "engines": {
+ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
- "spdx-exceptions": {
- "version": "2.1.0",
- "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.1.0.tgz",
- "integrity": "sha512-4K1NsmrlCU1JJgUrtgEeTVyfx8VaYea9J9LvARxhbHtVtohPs/gFGG5yy49beySjlIMhhXZ4QqujIZEfS4l6Cg==",
- "dev": true
- },
- "spdx-expression-parse": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz",
- "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==",
+ "node_modules/picocolors": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+ "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
"dev": true,
- "requires": {
- "spdx-exceptions": "2.1.0",
- "spdx-license-ids": "3.0.0"
- }
- },
- "spdx-license-ids": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.0.tgz",
- "integrity": "sha512-2+EPwgbnmOIl8HjGBXXMd9NAu02vLjOO1nWw4kmeRDFyHn+M/ETfHxQUK0oXg8ctgVnl9t3rosNVsZ1jG61nDA==",
- "dev": true
+ "license": "ISC"
},
- "sprintf-js": {
- "version": "1.0.3",
- "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
- "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
- "dev": true
- },
- "sshpk": {
- "version": "1.14.1",
- "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.14.1.tgz",
- "integrity": "sha1-Ew9Zde3a2WPx1W+SuaxsUfqfg+s=",
- "optional": true,
- "requires": {
- "asn1": "0.2.3",
- "assert-plus": "1.0.0",
- "bcrypt-pbkdf": "1.0.1",
- "dashdash": "1.14.1",
- "ecc-jsbn": "0.1.1",
- "getpass": "0.1.7",
- "jsbn": "0.1.1",
- "tweetnacl": "0.14.5"
+ "node_modules/picomatch": {
+ "version": "4.0.4",
+ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+ "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=12"
},
- "dependencies": {
- "assert-plus": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
- "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
- "optional": true
+ "funding": {
+ "url": "https://github.com/sponsors/jonschlinkert"
+ }
+ },
+ "node_modules/postcss": {
+ "version": "8.5.15",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+ "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/postcss"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
}
+ ],
+ "license": "MIT",
+ "dependencies": {
+ "nanoid": "^3.3.12",
+ "picocolors": "^1.1.1",
+ "source-map-js": "^1.2.1"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
}
},
- "string-template": {
- "version": "0.2.1",
- "resolved": "https://registry.npmjs.org/string-template/-/string-template-0.2.1.tgz",
- "integrity": "sha1-QpMuWYo1LQH8IuwzZ9nYTuxsmt0="
- },
- "string_decoder": {
- "version": "0.10.31",
- "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
- "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ="
- },
- "stringstream": {
- "version": "0.0.6",
- "resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.6.tgz",
- "integrity": "sha512-87GEBAkegbBcweToUrdzf3eLhWNg06FJTebl4BVJz/JgWy8CvEr9dRtX5qWphiynMSQlxxi+QqN0z5T32SLlhA==",
- "optional": true
- },
- "strip-ansi": {
- "version": "3.0.1",
- "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
- "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
- "requires": {
- "ansi-regex": "2.1.1"
- }
- },
- "strip-bom": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
- "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+ "node_modules/rolldown": {
+ "version": "1.0.0-rc.12",
+ "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.12.tgz",
+ "integrity": "sha512-yP4USLIMYrwpPHEFB5JGH1uxhcslv6/hL0OyvTuY+3qlOSJvZ7ntYnoWpehBxufkgN0cvXxppuTu5hHa/zPh+A==",
"dev": true,
- "requires": {
- "is-utf8": "0.2.1"
+ "license": "MIT",
+ "dependencies": {
+ "@oxc-project/types": "=0.122.0",
+ "@rolldown/pluginutils": "1.0.0-rc.12"
+ },
+ "bin": {
+ "rolldown": "bin/cli.mjs"
+ },
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ },
+ "optionalDependencies": {
+ "@rolldown/binding-android-arm64": "1.0.0-rc.12",
+ "@rolldown/binding-darwin-arm64": "1.0.0-rc.12",
+ "@rolldown/binding-darwin-x64": "1.0.0-rc.12",
+ "@rolldown/binding-freebsd-x64": "1.0.0-rc.12",
+ "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.12",
+ "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.12",
+ "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.12",
+ "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.12",
+ "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.12",
+ "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.12",
+ "@rolldown/binding-linux-x64-musl": "1.0.0-rc.12",
+ "@rolldown/binding-openharmony-arm64": "1.0.0-rc.12",
+ "@rolldown/binding-wasm32-wasi": "1.0.0-rc.12",
+ "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.12",
+ "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.12"
+ }
+ },
+ "node_modules/source-map-js": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+ "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+ "dev": true,
+ "license": "BSD-3-Clause",
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/tinyglobby": {
+ "version": "0.2.17",
+ "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+ "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "fdir": "^6.5.0",
+ "picomatch": "^4.0.4"
+ },
+ "engines": {
+ "node": ">=12.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/SuperchupuDev"
}
},
- "strip-indent": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
- "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
+ "node_modules/tslib": {
+ "version": "2.8.1",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+ "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
"dev": true,
- "requires": {
- "get-stdin": "4.0.1"
- }
- },
- "supports-color": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
- "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
- },
- "tiny-lr": {
- "version": "1.1.1",
- "resolved": "https://registry.npmjs.org/tiny-lr/-/tiny-lr-1.1.1.tgz",
- "integrity": "sha512-44yhA3tsaRoMOjQQ+5v5mVdqef+kH6Qze9jTpqtVufgYjYt08zyZAwNwwVBj3i1rJMnR52IxOW0LK0vBzgAkuA==",
- "requires": {
- "body": "5.1.0",
- "debug": "3.1.0",
- "faye-websocket": "0.10.0",
- "livereload-js": "2.3.0",
- "object-assign": "4.1.1",
- "qs": "6.4.0"
- }
- },
- "tough-cookie": {
- "version": "2.3.4",
- "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.4.tgz",
- "integrity": "sha512-TZ6TTfI5NtZnuyy/Kecv+CnoROnyXn2DN97LontgQpCwsX2XyLYCC0ENhYkehSOwAp8rTQKc/NUIF7BkQ5rKLA==",
- "optional": true,
- "requires": {
- "punycode": "1.4.1"
- }
- },
- "trim-newlines": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
- "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
- "dev": true
- },
- "tunnel-agent": {
- "version": "0.6.0",
- "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
- "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
- "optional": true,
- "requires": {
- "safe-buffer": "5.1.2"
- }
- },
- "tweetnacl": {
- "version": "0.14.5",
- "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
- "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
- "optional": true
- },
- "underscore.string": {
- "version": "3.2.3",
- "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-3.2.3.tgz",
- "integrity": "sha1-gGmSYzZl1eX8tNsfs6hi62jp5to=",
- "dev": true
- },
- "uuid": {
- "version": "3.2.1",
- "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.2.1.tgz",
- "integrity": "sha512-jZnMwlb9Iku/O3smGWvZhauCf6cvvpKi4BKRiliS3cxnI+Gz9j5MEpTz2UFuXiKPJocb7gnsLHwiS05ige5BEA==",
+ "license": "0BSD",
"optional": true
},
- "validate-npm-package-license": {
- "version": "3.0.3",
- "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.3.tgz",
- "integrity": "sha512-63ZOUnL4SIXj4L0NixR3L1lcjO38crAbgrTpl28t8jjrfuiOBL5Iygm+60qPs/KsZGzPNg6Smnc/oY16QTjF0g==",
+ "node_modules/typescript": {
+ "version": "5.9.3",
+ "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+ "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
"dev": true,
- "requires": {
- "spdx-correct": "3.0.0",
- "spdx-expression-parse": "3.0.0"
+ "license": "Apache-2.0",
+ "bin": {
+ "tsc": "bin/tsc",
+ "tsserver": "bin/tsserver"
+ },
+ "engines": {
+ "node": ">=14.17"
}
},
- "verror": {
- "version": "1.10.0",
- "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
- "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
- "optional": true,
- "requires": {
- "assert-plus": "1.0.0",
- "core-util-is": "1.0.2",
- "extsprintf": "1.3.0"
- },
+ "node_modules/vite": {
+ "version": "8.0.5",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.5.tgz",
+ "integrity": "sha512-nmu43Qvq9UopTRfMx2jOYW5l16pb3iDC1JH6yMuPkpVbzK0k+L7dfsEDH4jRgYFmsg0sTAqkojoZgzLMlwHsCQ==",
+ "dev": true,
+ "license": "MIT",
"dependencies": {
- "assert-plus": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
- "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+ "lightningcss": "^1.32.0",
+ "picomatch": "^4.0.4",
+ "postcss": "^8.5.8",
+ "rolldown": "1.0.0-rc.12",
+ "tinyglobby": "^0.2.15"
+ },
+ "bin": {
+ "vite": "bin/vite.js"
+ },
+ "engines": {
+ "node": "^20.19.0 || >=22.12.0"
+ },
+ "funding": {
+ "url": "https://github.com/vitejs/vite?sponsor=1"
+ },
+ "optionalDependencies": {
+ "fsevents": "~2.3.3"
+ },
+ "peerDependencies": {
+ "@types/node": "^20.19.0 || >=22.12.0",
+ "@vitejs/devtools": "^0.1.0",
+ "esbuild": "^0.27.0 || ^0.28.0",
+ "jiti": ">=1.21.0",
+ "less": "^4.0.0",
+ "sass": "^1.70.0",
+ "sass-embedded": "^1.70.0",
+ "stylus": ">=0.54.8",
+ "sugarss": "^5.0.0",
+ "terser": "^5.16.0",
+ "tsx": "^4.8.1",
+ "yaml": "^2.4.2"
+ },
+ "peerDependenciesMeta": {
+ "@types/node": {
+ "optional": true
+ },
+ "@vitejs/devtools": {
+ "optional": true
+ },
+ "esbuild": {
+ "optional": true
+ },
+ "jiti": {
+ "optional": true
+ },
+ "less": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ },
+ "sass-embedded": {
+ "optional": true
+ },
+ "stylus": {
+ "optional": true
+ },
+ "sugarss": {
+ "optional": true
+ },
+ "terser": {
+ "optional": true
+ },
+ "tsx": {
+ "optional": true
+ },
+ "yaml": {
"optional": true
}
}
- },
- "websocket-driver": {
- "version": "0.7.0",
- "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.0.tgz",
- "integrity": "sha1-DK+dLXVdk67gSdS90NP+LMoqJOs=",
- "requires": {
- "http-parser-js": "0.4.13",
- "websocket-extensions": "0.1.3"
- }
- },
- "websocket-extensions": {
- "version": "0.1.3",
- "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz",
- "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg=="
- },
- "which": {
- "version": "1.2.14",
- "resolved": "https://registry.npmjs.org/which/-/which-1.2.14.tgz",
- "integrity": "sha1-mofEN48D6CfOyvGs31bHNsAcFOU=",
- "dev": true,
- "requires": {
- "isexe": "2.0.0"
- }
- },
- "wrappy": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
- "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
- },
- "xtend": {
- "version": "4.0.1",
- "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz",
- "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68="
}
}
}
diff --git a/package.json b/package.json
index 3e478c0..d9a6c9d 100644
--- a/package.json
+++ b/package.json
@@ -1,28 +1,17 @@
{
- "name": "webdraft",
- "version": "2.3.3",
- "description": "Web application for drawing.",
- "main": "js/start.js",
+ "name": "webdraft-v3",
+ "version": "0.1.0",
+ "private": true,
+ "type": "module",
"scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
+ "dev": "vite --host 127.0.0.1",
+ "test": "node tests/layer-transforms.test.mjs && node tests/editor-geometry.test.mjs && node tests/history-manager.test.mjs && node tests/flood-fill.test.mjs",
+ "check": "npm test && npm run build",
+ "build": "tsc && vite build",
+ "preview": "vite preview --host 127.0.0.1"
},
- "repository": {
- "type": "git",
- "url": "git+https://github.com/rtcoder/WebDraft.git"
- },
- "author": "Dawid Jeż (rtcoder)",
- "license": "MIT",
- "bugs": {
- "url": "https://github.com/rtcoder/WebDraft/issues"
- },
- "homepage": "https://github.com/rtcoder/WebDraft#readme",
"devDependencies": {
- "grunt": "^1.0.2"
- },
- "dependencies": {
- "grunt-contrib-concat": "^1.0.1",
- "grunt-contrib-cssmin": "^2.2.1",
- "grunt-contrib-less": "^1.4.1",
- "grunt-contrib-watch": "^1.1.0"
+ "typescript": "^5.5.4",
+ "vite": "8.0.5"
}
}
diff --git a/parts/buttons.part.html b/parts/buttons.part.html
deleted file mode 100644
index 9d25fbd..0000000
--- a/parts/buttons.part.html
+++ /dev/null
@@ -1,42 +0,0 @@
-
- ![]()
-
-
-
-
-
- Tools
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/parts/camera.part.html b/parts/camera.part.html
deleted file mode 100644
index f35cc39..0000000
--- a/parts/camera.part.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/parts/color-picker.part.html b/parts/color-picker.part.html
deleted file mode 100644
index 027df72..0000000
--- a/parts/color-picker.part.html
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/parts/info.part.html b/parts/info.part.html
deleted file mode 100644
index b4d3dfe..0000000
--- a/parts/info.part.html
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
-
- Color
-
-
-
- Shadow color
-
-
-
- Fill color
-
-General
-
-
-
- CTRL + I
-
- Show/hide this info
-
-
-
- CTRL + S
-
- Save image
-
-
-
- CTRL + O
-
- Upload image
-
-
-
- CTRL + DEL
-
- Clear image
-
-
-
- CTRL + Scroll
-
- Pencil size
- Selection
-
-
-
- CTRL + X
-
- Cut
-
-
-
- CTRL + C
-
- Copy
-
-
-
- CTRL + V
-
- Paste
-
-
-
- DEL
-
- Delete selection
-
-
- Layers
-
-
-
-
\ No newline at end of file
diff --git a/parts/resizer.part.html b/parts/resizer.part.html
deleted file mode 100644
index 16bc7dc..0000000
--- a/parts/resizer.part.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
-
-
-
-
-
-
Cancel (Esc)
-OK (Enter)
\ No newline at end of file
diff --git a/parts/sliders.part.html b/parts/sliders.part.html
deleted file mode 100644
index 45b1bd0..0000000
--- a/parts/sliders.part.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
-
-
-
\ No newline at end of file
diff --git a/parts/text-options.part.html b/parts/text-options.part.html
deleted file mode 100644
index 780d52a..0000000
--- a/parts/text-options.part.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/pic/transparent.png b/pic/transparent.png
deleted file mode 100644
index 01dc43d..0000000
Binary files a/pic/transparent.png and /dev/null differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..759b9c0
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,30 @@
+
diff --git a/src/core/canvas-drawing.ts b/src/core/canvas-drawing.ts
new file mode 100644
index 0000000..b6aaece
--- /dev/null
+++ b/src/core/canvas-drawing.ts
@@ -0,0 +1,146 @@
+import type {EditorState, Point, SizeWithPosition} from '../types';
+import {Tool} from '../types';
+
+export {drawRichText} from './rich-text-renderer';
+
+export function drawShape(
+ context: CanvasRenderingContext2D,
+ bounds: SizeWithPosition,
+ state: EditorState,
+): void {
+ if (bounds.width < 1 || bounds.height < 1) {
+ return;
+ }
+
+ applyStroke(context, state);
+ context.beginPath();
+
+ if (state.activeTool === Tool.Rectangle) {
+ context.rect(bounds.x, bounds.y, bounds.width, bounds.height);
+ }
+
+ if (state.activeTool === Tool.Ellipse) {
+ context.ellipse(
+ bounds.x + bounds.width / 2,
+ bounds.y + bounds.height / 2,
+ bounds.width / 2,
+ bounds.height / 2,
+ 0,
+ 0,
+ Math.PI * 2,
+ );
+ }
+
+ if (state.fillEnabled) {
+ context.fill();
+ }
+
+ context.stroke();
+}
+
+export function drawPoint(context: CanvasRenderingContext2D, point: Point, state: EditorState): void {
+ applyBrush(context, state);
+
+ context.beginPath();
+ context.arc(point.x, point.y, state.size / 2, 0, Math.PI * 2);
+ context.fill();
+}
+
+export function drawLine(context: CanvasRenderingContext2D, start: Point, end: Point, state: EditorState): void {
+ applyBrush(context, state);
+
+ context.beginPath();
+ context.moveTo(start.x, start.y);
+ context.lineTo(end.x, end.y);
+ context.stroke();
+}
+
+export function drawWebLine(
+ context: CanvasRenderingContext2D,
+ point: Point,
+ points: Point[],
+ state: EditorState,
+): Point[] {
+ const previousPoint = points[points.length - 1];
+
+ if (!previousPoint) {
+ return [...points, point];
+ }
+
+ applyBrush(context, state);
+ context.beginPath();
+ context.moveTo(previousPoint.x, previousPoint.y);
+ context.lineTo(point.x, point.y);
+ context.stroke();
+
+ const sensitivitySquared = state.webSensitivity * state.webSensitivity;
+
+ for (const pastPoint of points) {
+ const dx = pastPoint.x - point.x;
+ const dy = pastPoint.y - point.y;
+ const distanceSquared = dx * dx + dy * dy;
+
+ if (distanceSquared > 0 && distanceSquared < sensitivitySquared) {
+ context.beginPath();
+ context.moveTo(point.x + dx * 0.2, point.y + dy * 0.2);
+ context.lineTo(pastPoint.x - dx * 0.2, pastPoint.y - dy * 0.2);
+ context.stroke();
+ }
+ }
+
+ return [...points, point];
+}
+
+export function applyBrush(context: CanvasRenderingContext2D, state: EditorState): void {
+ context.lineCap = 'round';
+ context.lineJoin = 'round';
+ context.lineWidth = state.size;
+
+ if (state.activeTool === Tool.Eraser) {
+ context.globalCompositeOperation = 'destination-out';
+ context.shadowBlur = 0;
+ context.shadowOffsetX = 0;
+ context.shadowOffsetY = 0;
+ context.strokeStyle = '#000000';
+ context.fillStyle = '#000000';
+ return;
+ }
+
+ context.globalCompositeOperation = 'source-over';
+ context.strokeStyle = state.color;
+ context.fillStyle = state.color;
+ applyShadow(context, state);
+}
+
+export function applyStroke(context: CanvasRenderingContext2D, state: EditorState): void {
+ context.globalCompositeOperation = 'source-over';
+ context.lineCap = 'round';
+ context.lineJoin = 'round';
+ context.lineWidth = state.size;
+ context.strokeStyle = state.color;
+ context.fillStyle = hexToRgba(state.fillColor, state.fillOpacity / 100);
+ applyShadow(context, state);
+}
+
+export function applyShadow(context: CanvasRenderingContext2D, state: EditorState): void {
+ if (!state.shadowEnabled) {
+ context.shadowBlur = 0;
+ context.shadowOffsetX = 0;
+ context.shadowOffsetY = 0;
+ return;
+ }
+
+ context.shadowColor = state.shadowColor;
+ context.shadowBlur = state.shadowBlur;
+ context.shadowOffsetX = state.shadowOffsetX;
+ context.shadowOffsetY = state.shadowOffsetY;
+}
+
+function hexToRgba(hex: string, alpha: number): string {
+ const normalized = hex.replace('#', '');
+ const red = Number.parseInt(normalized.slice(0, 2), 16);
+ const green = Number.parseInt(normalized.slice(2, 4), 16);
+ const blue = Number.parseInt(normalized.slice(4, 6), 16);
+
+ return `rgb(${red} ${green} ${blue} / ${alpha})`;
+}
diff --git a/src/core/editor-geometry.ts b/src/core/editor-geometry.ts
new file mode 100644
index 0000000..454957c
--- /dev/null
+++ b/src/core/editor-geometry.ts
@@ -0,0 +1,66 @@
+import type {ClippedPasteBounds, NaturalSize, Point, Size, SizeWithPosition} from '../types';
+
+export function getBounds(start: Point, end: Point): SizeWithPosition {
+ const x = Math.min(start.x, end.x);
+ const y = Math.min(start.y, end.y);
+ const width = Math.abs(end.x - start.x);
+ const height = Math.abs(end.y - start.y);
+
+ return {x, y, width, height};
+}
+
+export function fitNaturalSizeToCanvas(source: NaturalSize, canvasSize: Size): SizeWithPosition {
+ const ratio = Math.min(canvasSize.width / source.naturalWidth, canvasSize.height / source.naturalHeight, 1);
+ const width = source.naturalWidth * ratio;
+ const height = source.naturalHeight * ratio;
+
+ return {
+ x: (canvasSize.width - width) / 2,
+ y: (canvasSize.height - height) / 2,
+ width,
+ height,
+ };
+}
+
+export function normalizeCanvasBounds(bounds: SizeWithPosition, canvasSize: Size): SizeWithPosition | null {
+ const x = Math.max(0, Math.round(bounds.x));
+ const y = Math.max(0, Math.round(bounds.y));
+ const right = Math.min(canvasSize.width, Math.round(bounds.x + bounds.width));
+ const bottom = Math.min(canvasSize.height, Math.round(bounds.y + bounds.height));
+ const width = right - x;
+ const height = bottom - y;
+
+ if (width < 1 || height < 1) {
+ return null;
+ }
+
+ return {x, y, width, height};
+}
+
+export function normalizeTextBounds(bounds: SizeWithPosition, canvasSize: Size): SizeWithPosition {
+ const x = Math.max(0, Math.round(bounds.x));
+ const y = Math.max(0, Math.round(bounds.y));
+ const width = Math.max(160, Math.min(canvasSize.width - x, Math.round(bounds.width)));
+ const height = Math.max(48, Math.min(canvasSize.height - y, Math.round(bounds.height)));
+
+ return {x, y, width, height};
+}
+
+export function getClippedPasteBounds(target: Point, imageSize: Size, canvasSize: Size): ClippedPasteBounds | null {
+ const x = Math.round(target.x);
+ const y = Math.round(target.y);
+ const sourceX = Math.max(0, -x);
+ const sourceY = Math.max(0, -y);
+ const targetX = Math.max(0, x);
+ const targetY = Math.max(0, y);
+ const right = Math.min(canvasSize.width, x + imageSize.width);
+ const bottom = Math.min(canvasSize.height, y + imageSize.height);
+ const width = right - targetX;
+ const height = bottom - targetY;
+
+ if (width < 1 || height < 1) {
+ return null;
+ }
+
+ return {targetX, targetY, sourceX, sourceY, width, height};
+}
diff --git a/src/core/flood-fill.ts b/src/core/flood-fill.ts
new file mode 100644
index 0000000..0b7b10e
--- /dev/null
+++ b/src/core/flood-fill.ts
@@ -0,0 +1,103 @@
+import type {RgbaColor} from '../types';
+
+export function floodFillImageData(
+ imageData: ImageData,
+ x: number,
+ y: number,
+ color: RgbaColor,
+ tolerance = 0,
+): boolean {
+ const startX = Math.floor(x);
+ const startY = Math.floor(y);
+
+ if (startX < 0 || startY < 0 || startX >= imageData.width || startY >= imageData.height) {
+ return false;
+ }
+
+ const target = getPixel(imageData, startX, startY);
+
+ if (colorsMatch(target, color, 0)) {
+ return false;
+ }
+
+ const stack: Array<[number, number]> = [[startX, startY]];
+ const visited = new Uint8Array(imageData.width * imageData.height);
+
+ while (stack.length > 0) {
+ const [currentX, currentY] = stack.pop() as [number, number];
+
+ if (currentX < 0 || currentY < 0 || currentX >= imageData.width || currentY >= imageData.height) {
+ continue;
+ }
+
+ const visitIndex = currentY * imageData.width + currentX;
+
+ if (visited[visitIndex]) {
+ continue;
+ }
+
+ visited[visitIndex] = 1;
+
+ if (!colorsMatch(getPixel(imageData, currentX, currentY), target, tolerance)) {
+ continue;
+ }
+
+ setPixel(imageData, currentX, currentY, color);
+ stack.push(
+ [currentX + 1, currentY],
+ [currentX - 1, currentY],
+ [currentX, currentY + 1],
+ [currentX, currentY - 1],
+ );
+ }
+
+ return true;
+}
+
+export function hexToRgbaColor(hex: string, opacity: number): RgbaColor {
+ const normalized = hex.replace('#', '');
+
+ return {
+ red: Number.parseInt(normalized.slice(0, 2), 16),
+ green: Number.parseInt(normalized.slice(2, 4), 16),
+ blue: Number.parseInt(normalized.slice(4, 6), 16),
+ alpha: Math.round(Math.min(Math.max(opacity, 0), 1) * 255),
+ };
+}
+
+function getPixel(imageData: ImageData, x: number, y: number): RgbaColor {
+ const index = getPixelIndex(imageData.width, x, y);
+ const {data} = imageData;
+
+ return {
+ red: data[index],
+ green: data[index + 1],
+ blue: data[index + 2],
+ alpha: data[index + 3],
+ };
+}
+
+function setPixel(imageData: ImageData, x: number, y: number, color: RgbaColor): void {
+ const index = getPixelIndex(imageData.width, x, y);
+ const {data} = imageData;
+
+ data[index] = color.red;
+ data[index + 1] = color.green;
+ data[index + 2] = color.blue;
+ data[index + 3] = color.alpha;
+}
+
+function colorsMatch(first: RgbaColor, second: RgbaColor, tolerance: number): boolean {
+ const threshold = Math.min(Math.max(tolerance, 0), 255);
+
+ return (
+ Math.abs(first.red - second.red) <= threshold &&
+ Math.abs(first.green - second.green) <= threshold &&
+ Math.abs(first.blue - second.blue) <= threshold &&
+ Math.abs(first.alpha - second.alpha) <= threshold
+ );
+}
+
+function getPixelIndex(width: number, x: number, y: number): number {
+ return (y * width + x) * 4;
+}
diff --git a/src/core/history-manager.ts b/src/core/history-manager.ts
new file mode 100644
index 0000000..4f6d00f
--- /dev/null
+++ b/src/core/history-manager.ts
@@ -0,0 +1,58 @@
+import {HistoryEntry} from '../types';
+
+export class HistoryManager
-
-
-
-
'); + return { + html, + bounds: obj.bounds as TextLayerData['bounds'], + defaultFontSize: 16, + defaultFontFamily: 'sans-serif', + defaultColor: '#000000', + defaultAlign: 'left', + }; + } + + return undefined; +} + +export function parseWdraftBinary(buffer: ArrayBuffer): ParsedWdraftFile { + const view = new DataView(buffer); + const bytes = new Uint8Array(buffer); + + if (buffer.byteLength < 5) { + throw new Error('Invalid .wdraft file: too short.'); + } + + for (let i = 0; i < WDRAFT_MAGIC.length; i++) { + if (bytes[i] !== WDRAFT_MAGIC[i]) { + throw new Error('Invalid .wdraft file: wrong magic bytes.'); + } + } + + let offset = 4; + + const version = bytes[offset++]; + if (version !== 2 && version !== WDRAFT_VERSION) { + throw new Error(`Unsupported .wdraft version: ${version}. Expected ${WDRAFT_VERSION}.`); + } + + const canvasWidth = view.getUint32(offset, true); + offset += 4; + const canvasHeight = view.getUint32(offset, true); + offset += 4; + const layerCount = view.getUint32(offset, true); + offset += 4; + + const activeLayerIdLen = view.getUint16(offset, true); + offset += 2; + const activeLayerId = dec.decode(bytes.subarray(offset, offset + activeLayerIdLen)); + offset += activeLayerIdLen; + + const layerEntries = view.getUint16(offset, true); + offset += 2; + + if (layerEntries === 0) { + throw new Error('Invalid .wdraft file: no layers.'); + } + + const layers: WdraftLayerMeta[] = []; + const pngBuffers: Uint8Array[] = []; + + for (let i = 0; i < layerEntries; i++) { + const idLen = view.getUint16(offset, true); + offset += 2; + const id = dec.decode(bytes.subarray(offset, offset + idLen)); + offset += idLen; + + const nameLen = view.getUint16(offset, true); + offset += 2; + const name = dec.decode(bytes.subarray(offset, offset + nameLen)); + offset += nameLen; + + const visible = bytes[offset++] !== 0; + + const width = view.getUint32(offset, true); + offset += 4; + const height = view.getUint32(offset, true); + offset += 4; + + const pngLen = view.getUint32(offset, true); + offset += 4; + const png = bytes.slice(offset, offset + pngLen); + offset += pngLen; + + let textData: TextLayerData | undefined; + if (version >= 3) { + const tdLen = view.getUint16(offset, true); + offset += 2; + if (tdLen > 0) { + try { + textData = migrateTextData(JSON.parse(dec.decode(bytes.subarray(offset, offset + tdLen)))); + } catch { + // malformed textData — ignore + } + offset += tdLen; + } + } + + layers.push({id, name, visible, width, height, textData}); + pngBuffers.push(png); + } + + return { + meta: {version, canvasWidth, canvasHeight, activeLayerId, layerCount, layers}, + pngBuffers, + }; +} diff --git a/src/core/rich-text-renderer.ts b/src/core/rich-text-renderer.ts new file mode 100644 index 0000000..86a6101 --- /dev/null +++ b/src/core/rich-text-renderer.ts @@ -0,0 +1,204 @@ +import type {SizeWithPosition, TextLayerData, StyledRun} from '../types'; + +export function drawRichText( + context: CanvasRenderingContext2D, + textData: TextLayerData, + drawBounds: SizeWithPosition, +): void { + const htmlLines = parseHtmlToLines(textData.html, textData); + + context.save(); + context.globalCompositeOperation = 'source-over'; + context.textBaseline = 'top'; + + let y = drawBounds.y; + + for (const htmlLine of htmlLines) { + const displayLines = wrapRuns(context, htmlLine, drawBounds.width); + for (const displayLine of displayLines) { + if (y >= drawBounds.y + drawBounds.height) break; + const lineH = maxFontSize(displayLine, textData.defaultFontSize) * 1.4; + if (displayLine.length > 0) drawRichLine(context, displayLine, drawBounds, y, textData.defaultAlign); + y += lineH; + } + } + + context.restore(); +} + +function wrapRuns(ctx: CanvasRenderingContext2D, runs: StyledRun[], maxWidth: number): StyledRun[][] { + if (runs.length === 0) return [[]]; + + const displayLines: StyledRun[][] = [[]]; + let lineWidth = 0; + + for (const run of runs) { + const words = run.text.split(/(\s+)/); + for (const word of words) { + if (word === '') continue; + const isSpace = /^\s+$/.test(word); + ctx.font = runToFont(run); + const w = ctx.measureText(word).width; + + if (!isSpace && lineWidth > 0 && lineWidth + w > maxWidth) { + displayLines.push([]); + lineWidth = 0; + } + if (isSpace && lineWidth === 0) continue; + + const currentLine = displayLines[displayLines.length - 1]; + const last = currentLine[currentLine.length - 1]; + if (last && sameStyle(last, run)) { + last.text += word; + } else { + currentLine.push({...run, text: word}); + } + lineWidth += w; + } + } + + return displayLines; +} + +function sameStyle(a: StyledRun, b: StyledRun): boolean { + return ( + a.bold === b.bold && + a.italic === b.italic && + a.underline === b.underline && + a.color === b.color && + a.fontSize === b.fontSize && + a.fontFamily === b.fontFamily + ); +} + +function maxFontSize(runs: StyledRun[], fallback: number): number { + return runs.length === 0 ? fallback : Math.max(fallback, ...runs.map((r) => r.fontSize)); +} + +function drawRichLine( + ctx: CanvasRenderingContext2D, + runs: StyledRun[], + bounds: SizeWithPosition, + y: number, + align: CanvasTextAlign, +): void { + let totalWidth = 0; + const widths: number[] = []; + for (const run of runs) { + ctx.font = runToFont(run); + const w = ctx.measureText(run.text).width; + widths.push(w); + totalWidth += w; + } + + let x: number; + if (align === 'center') { + x = bounds.x + (bounds.width - totalWidth) / 2; + } else if (align === 'right' || align === 'end') { + x = bounds.x + bounds.width - totalWidth; + } else { + x = bounds.x; + } + + for (let i = 0; i < runs.length; i++) { + const run = runs[i]; + ctx.font = runToFont(run); + ctx.fillStyle = run.color; + ctx.fillText(run.text, x, y); + if (run.underline) { + ctx.save(); + ctx.strokeStyle = run.color; + ctx.lineWidth = Math.max(1, run.fontSize / 16); + ctx.beginPath(); + ctx.moveTo(x, y + run.fontSize + 2); + ctx.lineTo(x + widths[i], y + run.fontSize + 2); + ctx.stroke(); + ctx.restore(); + } + x += widths[i]; + } +} + +function runToFont(run: StyledRun): string { + return `${run.italic ? 'italic' : 'normal'} ${run.bold ? '700' : '400'} ${run.fontSize}px ${run.fontFamily}`; +} + +function parseHtmlToLines( + html: string, + defaults: {defaultFontSize: number; defaultFontFamily: string; defaultColor: string}, +): StyledRun[][] { + const container = document.createElement('div'); + container.innerHTML = html; + + const allLines: StyledRun[][] = [[]]; + + const currentLine = (): StyledRun[] => allLines[allLines.length - 1]; + const flush = (): void => { + allLines.push([]); + }; + + type RunStyle = { + bold: boolean; + italic: boolean; + underline: boolean; + color: string; + fontSize: number; + fontFamily: string; + }; + + function walk(node: Node, style: RunStyle): void { + if (node.nodeType === Node.TEXT_NODE) { + const text = node.textContent ?? ''; + if (text) currentLine().push({text, ...style}); + return; + } + if (node.nodeType !== Node.ELEMENT_NODE) return; + + const el = node as HTMLElement; + const tag = el.tagName.toLowerCase(); + + if (tag === 'br') { + flush(); + return; + } + + const isBlock = tag === 'div' || tag === 'p'; + if (isBlock && currentLine().length > 0) flush(); + + const next: RunStyle = {...style}; + if (tag === 'b' || tag === 'strong') next.bold = true; + if (tag === 'i' || tag === 'em') next.italic = true; + if (tag === 'u') next.underline = true; + + const s = el.style; + if (s) { + if (['bold', '600', '700', '800', '900'].includes(s.fontWeight)) next.bold = true; + if (s.fontStyle === 'italic') next.italic = true; + const td = s.textDecorationLine || s.textDecoration; + if (td?.includes('underline')) next.underline = true; + if (s.color) next.color = s.color; + const px = parseFloat(s.fontSize); + if (px > 0) next.fontSize = px; + if (s.fontFamily) next.fontFamily = s.fontFamily.replace(/['"]/g, '').trim(); + } + + for (const child of Array.from(el.childNodes)) walk(child, next); + + if (isBlock) flush(); + } + + const base: RunStyle = { + bold: false, + italic: false, + underline: false, + color: defaults.defaultColor, + fontSize: defaults.defaultFontSize, + fontFamily: defaults.defaultFontFamily, + }; + + for (const child of Array.from(container.childNodes)) walk(child, base); + + while (allLines.length > 1 && allLines[allLines.length - 1].length === 0) allLines.pop(); + + return allLines; +} diff --git a/src/core/selection-controller.ts b/src/core/selection-controller.ts new file mode 100644 index 0000000..0821428 --- /dev/null +++ b/src/core/selection-controller.ts @@ -0,0 +1,127 @@ +import type {EditorServices, Point, SizeWithPosition, ClipboardSnapshot} from '../types'; +import {getBounds, getClippedPasteBounds, normalizeCanvasBounds} from './editor-geometry'; + +export class SelectionController { + private startPoint: Point | null = null; + private _bounds: SizeWithPosition | null = null; + private clipboard: ClipboardSnapshot | null = null; + + constructor(private readonly svc: EditorServices) { + } + + get hasBounds(): boolean { + return this._bounds !== null; + } + + get bounds(): SizeWithPosition | null { + return this._bounds; + } + + get canPaste(): boolean { + return this.clipboard !== null; + } + + onPointerDown(point: Point): void { + this.startPoint = point; + this._bounds = null; + this.svc.clearPreview(); + } + + onPointerMove(point: Point): void { + if (!this.startPoint) return; + this._bounds = getBounds(this.startPoint, point); + this.renderFrame(); + } + + onPointerUp(point: Point): void { + if (!this.startPoint) return; + this._bounds = getBounds(this.startPoint, point); + if (!normalizeCanvasBounds(this._bounds, this.canvasSize)) { + this.clear(); + return; + } + this.renderFrame(); + this.svc.dispatchChange(); + } + + copy(): void { + if (!this._bounds) return; + const bounds = normalizeCanvasBounds(this._bounds, this.canvasSize); + if (!bounds) return; + const {context} = this.svc.layerManager.activeLayer; + this.clipboard = { + bounds, + imageData: context.getImageData(bounds.x, bounds.y, bounds.width, bounds.height), + }; + this.svc.dispatchChange(); + } + + cut(): void { + if (!this._bounds) return; + const bounds = normalizeCanvasBounds(this._bounds, this.canvasSize); + if (!bounds) return; + const before = this.svc.captureSnapshot(); + const {context} = this.svc.layerManager.activeLayer; + this.clipboard = { + bounds, + imageData: context.getImageData(bounds.x, bounds.y, bounds.width, bounds.height), + }; + context.clearRect(bounds.x, bounds.y, bounds.width, bounds.height); + this.svc.pushHistory(before, this.svc.captureSnapshot()); + this.svc.dispatchChange(); + } + + paste(): void { + if (!this.clipboard) return; + const before = this.svc.captureSnapshot(); + const {context} = this.svc.layerManager.activeLayer; + const target = this._bounds ?? this.clipboard.bounds; + const pasteBounds = getClippedPasteBounds(target, this.clipboard.bounds, this.canvasSize); + if (!pasteBounds) return; + context.putImageData( + this.clipboard.imageData, + pasteBounds.targetX - pasteBounds.sourceX, + pasteBounds.targetY - pasteBounds.sourceY, + pasteBounds.sourceX, + pasteBounds.sourceY, + pasteBounds.width, + pasteBounds.height, + ); + this._bounds = { + x: pasteBounds.targetX, + y: pasteBounds.targetY, + width: this.clipboard.bounds.width, + height: this.clipboard.bounds.height, + }; + this.renderFrame(); + this.svc.pushHistory(before, this.svc.captureSnapshot()); + this.svc.dispatchChange(); + } + + clear(): void { + this.startPoint = null; + this._bounds = null; + this.svc.clearPreview(); + } + + private get canvasSize(): { width: number; height: number } { + return {width: this.svc.state.canvasWidth, height: this.svc.state.canvasHeight}; + } + + private renderFrame(): void { + if (!this._bounds) return; + const bounds = normalizeCanvasBounds(this._bounds, this.canvasSize); + if (!bounds) { + this.svc.clearPreview(); + return; + } + this.svc.clearPreview(); + const ctx = this.svc.previewContext; + ctx.save(); + ctx.setLineDash([6, 4]); + ctx.lineWidth = 1; + ctx.strokeStyle = '#1b6cff'; + ctx.strokeRect(bounds.x + 0.5, bounds.y + 0.5, bounds.width, bounds.height); + ctx.restore(); + } +} diff --git a/src/core/text-edit-controller.ts b/src/core/text-edit-controller.ts new file mode 100644 index 0000000..9a1d682 --- /dev/null +++ b/src/core/text-edit-controller.ts @@ -0,0 +1,279 @@ +import type {EditorServices, Layer, Point, SizeWithPosition, TextToolbarDefaults} from '../types'; +import {createTextToolbar} from '../ui/text-toolbar'; +import {getBounds, normalizeTextBounds} from './editor-geometry'; +import {drawRichText} from './rich-text-renderer'; + +export class TextEditController { + private startPoint: Point | null = null; + private _bounds: SizeWithPosition | null = null; + private inputEl: HTMLElement | null = null; + private toolbarEl: HTMLElement | null = null; + private toolbarCleanup: (() => void) | null = null; + private inputDefaults: TextToolbarDefaults | null = null; + private skipNextPointerDown = false; + private pendingLayerEdit: Layer | null = null; + private editingLayer: Layer | null = null; + private editSnapshot: ImageData | null = null; + + constructor(private readonly svc: EditorServices) { + } + + get isActive(): boolean { + return this.inputEl !== null; + } + + /** + * Returns true if the pointer down was fully handled (caller should not start a draw stroke). + */ + onPointerDown(point: Point): boolean { + if (this.inputEl) { + this.commit(); + return true; + } + + const textLayerAtPoint = this.findTextLayerAt(point); + + if (this.skipNextPointerDown) { + this.skipNextPointerDown = false; + if (!textLayerAtPoint) return true; + } + + this.commit(); + + if (textLayerAtPoint) { + this.pendingLayerEdit = textLayerAtPoint; + return true; + } + + this.startPoint = point; + this._bounds = null; + this.svc.clearPreview(); + return false; + } + + onPointerMove(point: Point): void { + if (!this.startPoint) return; + this._bounds = getBounds(this.startPoint, point); + this.renderFrame(); + } + + onPointerUp(point: Point): void { + if (this.pendingLayerEdit) { + this.enterEditMode(this.pendingLayerEdit); + this.pendingLayerEdit = null; + return; + } + if (!this.startPoint) return; + const bounds = normalizeTextBounds( + getBounds(this.startPoint, point), + this.canvasSize, + ); + this._bounds = bounds; + this.svc.clearPreview(); + this.createInput(bounds, { + fontSize: 16, + fontFamily: 'sans-serif', + color: this.svc.state.color, + align: 'left', + }); + this.startPoint = null; + } + + commit(options: { skipNextPointerDown?: boolean } = {}): void { + if (!this.inputEl || !this._bounds) return; + + const html = this.inputEl.innerHTML; + const bounds = this._bounds; + const editingLayer = this.editingLayer; + const snapshot = this.editSnapshot; + const defaults = this.inputDefaults ?? { + fontSize: 16, + fontFamily: 'sans-serif', + color: '#000000', + align: 'left' as CanvasTextAlign, + }; + + this.removeInput(); + this.svc.clearPreview(); + this.skipNextPointerDown = options.skipNextPointerDown ?? false; + this._bounds = null; + this.editingLayer = null; + this.editSnapshot = null; + + const plainText = htmlToPlainText(html); + if (!plainText.trim()) { + if (editingLayer && snapshot) editingLayer.context.putImageData(snapshot, 0, 0); + return; + } + + const textData = { + html, + bounds, + defaultFontSize: defaults.fontSize, + defaultFontFamily: defaults.fontFamily, + defaultColor: defaults.color, + defaultAlign: defaults.align, + }; + + const before = this.svc.captureSnapshot(); + + if (editingLayer) { + const {context, x: lx, y: ly} = editingLayer; + drawRichText(context, textData, { + x: bounds.x - lx, + y: bounds.y - ly, + width: bounds.width, + height: bounds.height, + }); + editingLayer.textData = textData; + editingLayer.name = `T: ${plainText.slice(0, 18)}`; + } else { + const newLayer = this.svc.layerManager.createLayer( + this.svc.state.canvasWidth, + this.svc.state.canvasHeight, + ); + drawRichText(newLayer.context, textData, bounds); + newLayer.textData = textData; + newLayer.name = `T: ${plainText.slice(0, 18)}`; + } + + this.svc.pushHistory(before, this.svc.captureSnapshot()); + this.svc.dispatchChange(); + } + + private enterEditMode(layer: Layer): void { + if (!layer.textData) return; + if (layer.id !== this.svc.layerManager.activeLayer.id) { + this.svc.layerManager.selectLayer(layer.id); + this.svc.dispatchChange(); + } + this.editSnapshot = layer.context.getImageData(0, 0, layer.canvas.width, layer.canvas.height); + layer.context.clearRect(0, 0, layer.canvas.width, layer.canvas.height); + this._bounds = layer.textData.bounds; + this.editingLayer = layer; + this.createInput(layer.textData.bounds, { + fontSize: layer.textData.defaultFontSize, + fontFamily: layer.textData.defaultFontFamily, + color: layer.textData.defaultColor, + align: layer.textData.defaultAlign, + }); + if (this.inputEl) { + this.inputEl.innerHTML = layer.textData.html; + } + } + + private findTextLayerAt(point: Point): Layer | null { + const layers = this.svc.layerManager.allLayers; + for (let i = layers.length - 1; i >= 0; i--) { + const layer = layers[i]; + if (!layer.visible) continue; + if (layer.textData) { + const b = layer.textData.bounds; + if ( + point.x >= b.x && + point.x < b.x + b.width && + point.y >= b.y && + point.y < b.y + b.height + ) { + return layer; + } + } + const lx = Math.floor(point.x - layer.x); + const ly = Math.floor(point.y - layer.y); + if (lx >= 0 && ly >= 0 && lx < layer.canvas.width && ly < layer.canvas.height) { + if (layer.context.getImageData(lx, ly, 1, 1).data[3] > 10) { + return null; + } + } + } + return null; + } + + private createInput(bounds: SizeWithPosition, defaults: TextToolbarDefaults): void { + this.removeInput(); + + const input = document.createElement('div'); + input.className = 'text-input-layer'; + input.contentEditable = 'true'; + input.style.left = `${bounds.x}px`; + input.style.top = `${bounds.y}px`; + input.style.width = `${bounds.width}px`; + input.style.height = `${bounds.height}px`; + input.style.color = defaults.color; + input.style.fontSize = `${defaults.fontSize}px`; + input.style.fontFamily = defaults.fontFamily; + input.style.textAlign = defaults.align; + + input.addEventListener('keydown', (event) => { + if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') { + event.preventDefault(); + this.commit(); + } + if (event.key === 'Escape') { + event.preventDefault(); + const cancelLayer = this.editingLayer; + const cancelSnapshot = this.editSnapshot; + this.editingLayer = null; + this.editSnapshot = null; + this._bounds = null; + if (cancelLayer && cancelSnapshot) { + cancelLayer.context.putImageData(cancelSnapshot, 0, 0); + } + this.removeInput(); + this.svc.clearPreview(); + } + }); + + input.addEventListener('blur', (event) => { + const related = (event as FocusEvent).relatedTarget as Node | null; + if (this.toolbarEl?.contains(related)) return; + this.commit({skipNextPointerDown: true}); + }); + + this.inputEl = input; + this.inputDefaults = defaults; + + const {element: toolbar, cleanup} = createTextToolbar(input, bounds, defaults, (align) => { + if (this.inputDefaults) this.inputDefaults.align = align; + }); + this.toolbarEl = toolbar; + this.toolbarCleanup = cleanup; + + this.svc.root.append(input); + this.svc.root.append(toolbar); + input.focus(); + } + + private removeInput(): void { + this.toolbarCleanup?.(); + this.toolbarCleanup = null; + this.toolbarEl?.remove(); + this.toolbarEl = null; + this.inputEl?.remove(); + this.inputEl = null; + this.inputDefaults = null; + } + + private renderFrame(): void { + if (!this._bounds) return; + const bounds = normalizeTextBounds(this._bounds, this.canvasSize); + this.svc.clearPreview(); + const ctx = this.svc.previewContext; + ctx.save(); + ctx.setLineDash([4, 4]); + ctx.lineWidth = 1; + ctx.strokeStyle = '#6b9dff'; + ctx.strokeRect(bounds.x + 0.5, bounds.y + 0.5, bounds.width, bounds.height); + ctx.restore(); + } + + private get canvasSize(): { width: number; height: number } { + return {width: this.svc.state.canvasWidth, height: this.svc.state.canvasHeight}; + } +} + +function htmlToPlainText(html: string): string { + const tmp = document.createElement('div'); + tmp.innerHTML = html; + return tmp.textContent ?? ''; +} diff --git a/src/core/webdraft-editor.ts b/src/core/webdraft-editor.ts new file mode 100644 index 0000000..83046cc --- /dev/null +++ b/src/core/webdraft-editor.ts @@ -0,0 +1,864 @@ +import type { + EditorOptions, + EditorServices, + EditorState, + HistorySnapshot, + LayerSummary, + ParsedWdraftFile, + Point, + WdraftFileMeta, +} from '../types'; +import {Tool} from '../types'; +import {drawLine, drawPoint, drawShape, drawWebLine} from './canvas-drawing'; +import {fitNaturalSizeToCanvas, getBounds} from './editor-geometry'; +import {floodFillImageData, hexToRgbaColor} from './flood-fill'; +import {HistoryManager} from './history-manager'; +import {LayerManager} from './layer-manager'; +import {invertPixelBuffer, mirrorPixelBuffer, rotatePixelBuffer} from './layer-transforms'; +import {serializeWdraftBinary, WDRAFT_VERSION} from './project-file'; +import {SelectionController} from './selection-controller'; +import {TextEditController} from './text-edit-controller'; + +const ZOOM_STEPS = [0.1, 0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4, 6, 8]; + +export class WebDraftEditor extends EventTarget { + private readonly root: HTMLElement; + private readonly layerManager: LayerManager; + private readonly previewCanvas: HTMLCanvasElement; + private readonly previewContext: CanvasRenderingContext2D; + private readonly eventLayer: HTMLDivElement; + private readonly selection: SelectionController; + private readonly text: TextEditController; + private isDrawing = false; + private lastPoint: Point | null = null; + private shapeStartPoint: Point | null = null; + private webPoints: Point[] = []; + private pendingHistorySnapshot: HistorySnapshot | null = null; + private readonly history = new HistoryManager
",options:{classes:{},disabled:!1,create:null},_createWidget:function(e,i){i=t(i||this.defaultElement||this)[0],this.element=t(i),this.uuid=h++,this.eventNamespace="."+this.widgetName+this.uuid,this.bindings=t(),this.hoverable=t(),this.focusable=t(),this.classesElementLookup={},i!==this&&(t.data(i,this.widgetFullName,this),this._on(!0,this.element,{remove:function(t){t.target===i&&this.destroy()}}),this.document=t(i.style?i.ownerDocument:i.document||i),this.window=t(this.document[0].defaultView||this.document[0].parentWindow)),this.options=t.widget.extend({},this.options,this._getCreateOptions(),e),this._create(),this.options.disabled&&this._setOptionDisabled(this.options.disabled),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:function(){return{}},_getCreateEventData:t.noop,_create:t.noop,_init:t.noop,destroy:function(){var e=this;this._destroy(),t.each(this.classesElementLookup,function(t,i){e._removeClass(i,t)}),this.element.off(this.eventNamespace).removeData(this.widgetFullName),this.widget().off(this.eventNamespace).removeAttr("aria-disabled"),this.bindings.off(this.eventNamespace)},_destroy:t.noop,widget:function(){return this.element},option:function(e,i){var s,n,o,a=e;if(0===arguments.length)return t.widget.extend({},this.options);if("string"==typeof e)if(a={},s=e.split("."),e=s.shift(),s.length){for(n=a[e]=t.widget.extend({},this.options[e]),o=0;s.length-1>o;o++)n[s[o]]=n[s[o]]||{},n=n[s[o]];if(e=s.pop(),1===arguments.length)return void 0===n[e]?null:n[e];n[e]=i}else{if(1===arguments.length)return void 0===this.options[e]?null:this.options[e];a[e]=i}return this._setOptions(a),this},_setOptions:function(t){var e;for(e in t)this._setOption(e,t[e]);return this},_setOption:function(t,e){return"classes"===t&&this._setOptionClasses(e),this.options[t]=e,"disabled"===t&&this._setOptionDisabled(e),this},_setOptionClasses:function(e){var i,s,n;for(i in e)n=this.classesElementLookup[i],e[i]!==this.options.classes[i]&&n&&n.length&&(s=t(n.get()),this._removeClass(n,i),s.addClass(this._classes({element:s,keys:i,classes:e,add:!0})))},_setOptionDisabled:function(t){this._toggleClass(this.widget(),this.widgetFullName+"-disabled",null,!!t),t&&(this._removeClass(this.hoverable,null,"ui-state-hover"),this._removeClass(this.focusable,null,"ui-state-focus"))},enable:function(){return this._setOptions({disabled:!1})},disable:function(){return this._setOptions({disabled:!0})},_classes:function(e){function i(i,o){var a,r;for(r=0;i.length>r;r++)a=n.classesElementLookup[i[r]]||t(),a=e.add?t(t.unique(a.get().concat(e.element.get()))):t(a.not(e.element).get()),n.classesElementLookup[i[r]]=a,s.push(i[r]),o&&e.classes[i[r]]&&s.push(e.classes[i[r]])}var s=[],n=this;return e=t.extend({element:this.element,classes:this.options.classes||{}},e),this._on(e.element,{remove:"_untrackClassesElement"}),e.keys&&i(e.keys.match(/\S+/g)||[],!0),e.extra&&i(e.extra.match(/\S+/g)||[]),s.join(" ")},_untrackClassesElement:function(e){var i=this;t.each(i.classesElementLookup,function(s,n){-1!==t.inArray(e.target,n)&&(i.classesElementLookup[s]=t(n.not(e.target).get()))})},_removeClass:function(t,e,i){return this._toggleClass(t,e,i,!1)},_addClass:function(t,e,i){return this._toggleClass(t,e,i,!0)},_toggleClass:function(t,e,i,s){s="boolean"==typeof s?s:i;var n="string"==typeof t||null===t,o={extra:n?e:i,keys:n?t:e,element:n?this.element:t,add:s};return o.element.toggleClass(this._classes(o),s),this},_on:function(e,i,s){var n,o=this;"boolean"!=typeof e&&(s=i,i=e,e=!1),s?(i=n=t(i),this.bindings=this.bindings.add(i)):(s=i,i=this.element,n=this.widget()),t.each(s,function(s,a){function r(){return e||o.options.disabled!==!0&&!t(this).hasClass("ui-state-disabled")?("string"==typeof a?o[a]:a).apply(o,arguments):void 0}"string"!=typeof a&&(r.guid=a.guid=a.guid||r.guid||t.guid++);var h=s.match(/^([\w:-]*)\s*(.*)$/),l=h[1]+o.eventNamespace,c=h[2];c?n.on(l,c,r):i.on(l,r)})},_off:function(e,i){i=(i||"").split(" ").join(this.eventNamespace+" ")+this.eventNamespace,e.off(i).off(i),this.bindings=t(this.bindings.not(e).get()),this.focusable=t(this.focusable.not(e).get()),this.hoverable=t(this.hoverable.not(e).get())},_delay:function(t,e){function i(){return("string"==typeof t?s[t]:t).apply(s,arguments)}var s=this;return setTimeout(i,e||0)},_hoverable:function(e){this.hoverable=this.hoverable.add(e),this._on(e,{mouseenter:function(e){this._addClass(t(e.currentTarget),null,"ui-state-hover")},mouseleave:function(e){this._removeClass(t(e.currentTarget),null,"ui-state-hover")}})},_focusable:function(e){this.focusable=this.focusable.add(e),this._on(e,{focusin:function(e){this._addClass(t(e.currentTarget),null,"ui-state-focus")},focusout:function(e){this._removeClass(t(e.currentTarget),null,"ui-state-focus")}})},_trigger:function(e,i,s){var n,o,a=this.options[e];if(s=s||{},i=t.Event(i),i.type=(e===this.widgetEventPrefix?e:this.widgetEventPrefix+e).toLowerCase(),i.target=this.element[0],o=i.originalEvent)for(n in o)n in i||(i[n]=o[n]);return this.element.trigger(i,s),!(t.isFunction(a)&&a.apply(this.element[0],[i].concat(s))===!1||i.isDefaultPrevented())}},t.each({show:"fadeIn",hide:"fadeOut"},function(e,i){t.Widget.prototype["_"+e]=function(s,n,o){"string"==typeof n&&(n={effect:n});var a,r=n?n===!0||"number"==typeof n?i:n.effect||i:e;n=n||{},"number"==typeof n&&(n={duration:n}),a=!t.isEmptyObject(n),n.complete=o,n.delay&&s.delay(n.delay),a&&t.effects&&t.effects.effect[r]?s[e](n):r!==e&&s[r]?s[r](n.duration,n.easing,o):s.queue(function(i){t(this)[e](),o&&o.call(s[0]),i()})}}),t.widget,function(){function e(t,e,i){return[parseFloat(t[0])*(u.test(t[0])?e/100:1),parseFloat(t[1])*(u.test(t[1])?i/100:1)]}function i(e,i){return parseInt(t.css(e,i),10)||0}function s(e){var i=e[0];return 9===i.nodeType?{width:e.width(),height:e.height(),offset:{top:0,left:0}}:t.isWindow(i)?{width:e.width(),height:e.height(),offset:{top:e.scrollTop(),left:e.scrollLeft()}}:i.preventDefault?{width:0,height:0,offset:{top:i.pageY,left:i.pageX}}:{width:e.outerWidth(),height:e.outerHeight(),offset:e.offset()}}var n,o=Math.max,a=Math.abs,r=/left|center|right/,h=/top|center|bottom/,l=/[\+\-]\d+(\.[\d]+)?%?/,c=/^\w+/,u=/%$/,d=t.fn.position;t.position={scrollbarWidth:function(){if(void 0!==n)return n;var e,i,s=t(""),o=s.children()[0];return t("body").append(s),e=o.offsetWidth,s.css("overflow","scroll"),i=o.offsetWidth,e===i&&(i=s[0].clientWidth),s.remove(),n=e-i},getScrollInfo:function(e){var i=e.isWindow||e.isDocument?"":e.element.css("overflow-x"),s=e.isWindow||e.isDocument?"":e.element.css("overflow-y"),n="scroll"===i||"auto"===i&&e.widthi?"left":e>0?"right":"center",vertical:0>r?"top":s>0?"bottom":"middle"};l>p&&p>a(e+i)&&(u.horizontal="center"),c>f&&f>a(s+r)&&(u.vertical="middle"),u.important=o(a(e),a(i))>o(a(s),a(r))?"horizontal":"vertical",n.using.call(this,t,u)}),h.offset(t.extend(D,{using:r}))})},t.ui.position={fit:{left:function(t,e){var i,s=e.within,n=s.isWindow?s.scrollLeft:s.offset.left,a=s.width,r=t.left-e.collisionPosition.marginLeft,h=n-r,l=r+e.collisionWidth-a-n;e.collisionWidth>a?h>0&&0>=l?(i=t.left+h+e.collisionWidth-a-n,t.left+=h-i):t.left=l>0&&0>=h?n:h>l?n+a-e.collisionWidth:n:h>0?t.left+=h:l>0?t.left-=l:t.left=o(t.left-r,t.left)},top:function(t,e){var i,s=e.within,n=s.isWindow?s.scrollTop:s.offset.top,a=e.within.height,r=t.top-e.collisionPosition.marginTop,h=n-r,l=r+e.collisionHeight-a-n;e.collisionHeight>a?h>0&&0>=l?(i=t.top+h+e.collisionHeight-a-n,t.top+=h-i):t.top=l>0&&0>=h?n:h>l?n+a-e.collisionHeight:n:h>0?t.top+=h:l>0?t.top-=l:t.top=o(t.top-r,t.top)}},flip:{left:function(t,e){var i,s,n=e.within,o=n.offset.left+n.scrollLeft,r=n.width,h=n.isWindow?n.scrollLeft:n.offset.left,l=t.left-e.collisionPosition.marginLeft,c=l-h,u=l+e.collisionWidth-r-h,d="left"===e.my[0]?-e.elemWidth:"right"===e.my[0]?e.elemWidth:0,p="left"===e.at[0]?e.targetWidth:"right"===e.at[0]?-e.targetWidth:0,f=-2*e.offset[0];0>c?(i=t.left+d+p+f+e.collisionWidth-r-o,(0>i||a(c)>i)&&(t.left+=d+p+f)):u>0&&(s=t.left-e.collisionPosition.marginLeft+d+p+f-h,(s>0||u>a(s))&&(t.left+=d+p+f))},top:function(t,e){var i,s,n=e.within,o=n.offset.top+n.scrollTop,r=n.height,h=n.isWindow?n.scrollTop:n.offset.top,l=t.top-e.collisionPosition.marginTop,c=l-h,u=l+e.collisionHeight-r-h,d="top"===e.my[1],p=d?-e.elemHeight:"bottom"===e.my[1]?e.elemHeight:0,f="top"===e.at[1]?e.targetHeight:"bottom"===e.at[1]?-e.targetHeight:0,g=-2*e.offset[1];0>c?(s=t.top+p+f+g+e.collisionHeight-r-o,(0>s||a(c)>s)&&(t.top+=p+f+g)):u>0&&(i=t.top-e.collisionPosition.marginTop+p+f+g-h,(i>0||u>a(i))&&(t.top+=p+f+g))}},flipfit:{left:function(){t.ui.position.flip.left.apply(this,arguments),t.ui.position.fit.left.apply(this,arguments)},top:function(){t.ui.position.flip.top.apply(this,arguments),t.ui.position.fit.top.apply(this,arguments)}}}}(),t.ui.position,t.extend(t.expr[":"],{data:t.expr.createPseudo?t.expr.createPseudo(function(e){return function(i){return!!t.data(i,e)}}):function(e,i,s){return!!t.data(e,s[3])}}),t.fn.extend({disableSelection:function(){var t="onselectstart"in document.createElement("div")?"selectstart":"mousedown";return function(){return this.on(t+".ui-disableSelection",function(t){t.preventDefault()})}}(),enableSelection:function(){return this.off(".ui-disableSelection")}});var c="ui-effects-",u="ui-effects-style",d="ui-effects-animated",p=t;t.effects={effect:{}},function(t,e){function i(t,e,i){var s=u[e.type]||{};return null==t?i||!e.def?null:e.def:(t=s.floor?~~t:parseFloat(t),isNaN(t)?e.def:s.mod?(t+s.mod)%s.mod:0>t?0:t>s.max?s.max:t)}function s(i){var s=l(),n=s._rgba=[];return i=i.toLowerCase(),f(h,function(t,o){var a,r=o.re.exec(i),h=r&&o.parse(r),l=o.space||"rgba";return h?(a=s[l](h),s[c[l].cache]=a[c[l].cache],n=s._rgba=a._rgba,!1):e}),n.length?("0,0,0,0"===n.join()&&t.extend(n,o.transparent),s):o[i]}function n(t,e,i){return i=(i+1)%1,1>6*i?t+6*(e-t)*i:1>2*i?e:2>3*i?t+6*(e-t)*(2/3-i):t}var o,a="backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",r=/^([\-+])=\s*(\d+\.?\d*)/,h=[{re:/rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,parse:function(t){return[t[1],t[2],t[3],t[4]]}},{re:/rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,parse:function(t){return[2.55*t[1],2.55*t[2],2.55*t[3],t[4]]}},{re:/#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,parse:function(t){return[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)]}},{re:/#([a-f0-9])([a-f0-9])([a-f0-9])/,parse:function(t){return[parseInt(t[1]+t[1],16),parseInt(t[2]+t[2],16),parseInt(t[3]+t[3],16)]}},{re:/hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,space:"hsla",parse:function(t){return[t[1],t[2]/100,t[3]/100,t[4]]}}],l=t.Color=function(e,i,s,n){return new t.Color.fn.parse(e,i,s,n)},c={rgba:{props:{red:{idx:0,type:"byte"},green:{idx:1,type:"byte"},blue:{idx:2,type:"byte"}}},hsla:{props:{hue:{idx:0,type:"degrees"},saturation:{idx:1,type:"percent"},lightness:{idx:2,type:"percent"}}}},u={"byte":{floor:!0,max:255},percent:{max:1},degrees:{mod:360,floor:!0}},d=l.support={},p=t("",delay:300,options:{icons:{submenu:"ui-icon-caret-1-e"},items:"> *",menus:"ul",position:{my:"left top",at:"right top"},role:"menu",blur:null,focus:null,select:null},_create:function(){this.activeMenu=this.element,this.mouseHandled=!1,this.element.uniqueId().attr({role:this.options.role,tabIndex:0}),this._addClass("ui-menu","ui-widget ui-widget-content"),this._on({"mousedown .ui-menu-item":function(t){t.preventDefault()},"click .ui-menu-item":function(e){var i=t(e.target),s=t(t.ui.safeActiveElement(this.document[0]));!this.mouseHandled&&i.not(".ui-state-disabled").length&&(this.select(e),e.isPropagationStopped()||(this.mouseHandled=!0),i.has(".ui-menu").length?this.expand(e):!this.element.is(":focus")&&s.closest(".ui-menu").length&&(this.element.trigger("focus",[!0]),this.active&&1===this.active.parents(".ui-menu").length&&clearTimeout(this.timer)))},"mouseenter .ui-menu-item":function(e){if(!this.previousFilter){var i=t(e.target).closest(".ui-menu-item"),s=t(e.currentTarget);i[0]===s[0]&&(this._removeClass(s.siblings().children(".ui-state-active"),null,"ui-state-active"),this.focus(e,s))}},mouseleave:"collapseAll","mouseleave .ui-menu":"collapseAll",focus:function(t,e){var i=this.active||this.element.find(this.options.items).eq(0);e||this.focus(t,i)},blur:function(e){this._delay(function(){var i=!t.contains(this.element[0],t.ui.safeActiveElement(this.document[0]));i&&this.collapseAll(e)})},keydown:"_keydown"}),this.refresh(),this._on(this.document,{click:function(t){this._closeOnDocumentClick(t)&&this.collapseAll(t),this.mouseHandled=!1}})},_destroy:function(){var e=this.element.find(".ui-menu-item").removeAttr("role aria-disabled"),i=e.children(".ui-menu-item-wrapper").removeUniqueId().removeAttr("tabIndex role aria-haspopup");this.element.removeAttr("aria-activedescendant").find(".ui-menu").addBack().removeAttr("role aria-labelledby aria-expanded aria-hidden aria-disabled tabIndex").removeUniqueId().show(),i.children().each(function(){var e=t(this);e.data("ui-menu-submenu-caret")&&e.remove()})},_keydown:function(e){var i,s,n,o,a=!0;switch(e.keyCode){case t.ui.keyCode.PAGE_UP:this.previousPage(e);break;case t.ui.keyCode.PAGE_DOWN:this.nextPage(e);break;case t.ui.keyCode.HOME:this._move("first","first",e);break;case t.ui.keyCode.END:this._move("last","last",e);break;case t.ui.keyCode.UP:this.previous(e);break;case t.ui.keyCode.DOWN:this.next(e);break;case t.ui.keyCode.LEFT:this.collapse(e);break;case t.ui.keyCode.RIGHT:this.active&&!this.active.is(".ui-state-disabled")&&this.expand(e);break;case t.ui.keyCode.ENTER:case t.ui.keyCode.SPACE:this._activate(e);break;case t.ui.keyCode.ESCAPE:this.collapse(e);break;default:a=!1,s=this.previousFilter||"",o=!1,n=e.keyCode>=96&&105>=e.keyCode?""+(e.keyCode-96):String.fromCharCode(e.keyCode),clearTimeout(this.filterTimer),n===s?o=!0:n=s+n,i=this._filterMenuItems(n),i=o&&-1!==i.index(this.active.next())?this.active.nextAll(".ui-menu-item"):i,i.length||(n=String.fromCharCode(e.keyCode),i=this._filterMenuItems(n)),i.length?(this.focus(e,i),this.previousFilter=n,this.filterTimer=this._delay(function(){delete this.previousFilter},1e3)):delete this.previousFilter}a&&e.preventDefault()},_activate:function(t){this.active&&!this.active.is(".ui-state-disabled")&&(this.active.children("[aria-haspopup='true']").length?this.expand(t):this.select(t))},refresh:function(){var e,i,s,n,o,a=this,r=this.options.icons.submenu,h=this.element.find(this.options.menus);this._toggleClass("ui-menu-icons",null,!!this.element.find(".ui-icon").length),s=h.filter(":not(.ui-menu)").hide().attr({role:this.options.role,"aria-hidden":"true","aria-expanded":"false"}).each(function(){var e=t(this),i=e.prev(),s=t("").data("ui-menu-submenu-caret",!0);a._addClass(s,"ui-menu-icon","ui-icon "+r),i.attr("aria-haspopup","true").prepend(s),e.attr("aria-labelledby",i.attr("id"))}),this._addClass(s,"ui-menu","ui-widget ui-widget-content ui-front"),e=h.add(this.element),i=e.find(this.options.items),i.not(".ui-menu-item").each(function(){var e=t(this);a._isDivider(e)&&a._addClass(e,"ui-menu-divider","ui-widget-content")}),n=i.not(".ui-menu-item, .ui-menu-divider"),o=n.children().not(".ui-menu").uniqueId().attr({tabIndex:-1,role:this._itemRole()}),this._addClass(n,"ui-menu-item")._addClass(o,"ui-menu-item-wrapper"),i.filter(".ui-state-disabled").attr("aria-disabled","true"),this.active&&!t.contains(this.element[0],this.active[0])&&this.blur()},_itemRole:function(){return{menu:"menuitem",listbox:"option"}[this.options.role]},_setOption:function(t,e){if("icons"===t){var i=this.element.find(".ui-menu-icon");this._removeClass(i,null,this.options.icons.submenu)._addClass(i,null,e.submenu)}this._super(t,e)},_setOptionDisabled:function(t){this._super(t),this.element.attr("aria-disabled",t+""),this._toggleClass(null,"ui-state-disabled",!!t)},focus:function(t,e){var i,s,n;this.blur(t,t&&"focus"===t.type),this._scrollIntoView(e),this.active=e.first(),s=this.active.children(".ui-menu-item-wrapper"),this._addClass(s,null,"ui-state-active"),this.options.role&&this.element.attr("aria-activedescendant",s.attr("id")),n=this.active.parent().closest(".ui-menu-item").children(".ui-menu-item-wrapper"),this._addClass(n,null,"ui-state-active"),t&&"keydown"===t.type?this._close():this.timer=this._delay(function(){this._close()},this.delay),i=e.children(".ui-menu"),i.length&&t&&/^mouse/.test(t.type)&&this._startOpening(i),this.activeMenu=e.parent(),this._trigger("focus",t,{item:e})},_scrollIntoView:function(e){var i,s,n,o,a,r;this._hasScroll()&&(i=parseFloat(t.css(this.activeMenu[0],"borderTopWidth"))||0,s=parseFloat(t.css(this.activeMenu[0],"paddingTop"))||0,n=e.offset().top-this.activeMenu.offset().top-i-s,o=this.activeMenu.scrollTop(),a=this.activeMenu.height(),r=e.outerHeight(),0>n?this.activeMenu.scrollTop(o+n):n+r>a&&this.activeMenu.scrollTop(o+n-a+r))},blur:function(t,e){e||clearTimeout(this.timer),this.active&&(this._removeClass(this.active.children(".ui-menu-item-wrapper"),null,"ui-state-active"),this._trigger("blur",t,{item:this.active}),this.active=null)},_startOpening:function(t){clearTimeout(this.timer),"true"===t.attr("aria-hidden")&&(this.timer=this._delay(function(){this._close(),this._open(t)},this.delay))},_open:function(e){var i=t.extend({of:this.active},this.options.position);clearTimeout(this.timer),this.element.find(".ui-menu").not(e.parents(".ui-menu")).hide().attr("aria-hidden","true"),e.show().removeAttr("aria-hidden").attr("aria-expanded","true").position(i)},collapseAll:function(e,i){clearTimeout(this.timer),this.timer=this._delay(function(){var s=i?this.element:t(e&&e.target).closest(this.element.find(".ui-menu"));s.length||(s=this.element),this._close(s),this.blur(e),this._removeClass(s.find(".ui-state-active"),null,"ui-state-active"),this.activeMenu=s},this.delay)},_close:function(t){t||(t=this.active?this.active.parent():this.element),t.find(".ui-menu").hide().attr("aria-hidden","true").attr("aria-expanded","false")},_closeOnDocumentClick:function(e){return!t(e.target).closest(".ui-menu").length},_isDivider:function(t){return!/[^\-\u2014\u2013\s]/.test(t.text())},collapse:function(t){var e=this.active&&this.active.parent().closest(".ui-menu-item",this.element);e&&e.length&&(this._close(),this.focus(t,e))},expand:function(t){var e=this.active&&this.active.children(".ui-menu ").find(this.options.items).first();e&&e.length&&(this._open(e.parent()),this._delay(function(){this.focus(t,e)}))},next:function(t){this._move("next","first",t)},previous:function(t){this._move("prev","last",t)},isFirstItem:function(){return this.active&&!this.active.prevAll(".ui-menu-item").length},isLastItem:function(){return this.active&&!this.active.nextAll(".ui-menu-item").length},_move:function(t,e,i){var s;this.active&&(s="first"===t||"last"===t?this.active["first"===t?"prevAll":"nextAll"](".ui-menu-item").eq(-1):this.active[t+"All"](".ui-menu-item").eq(0)),s&&s.length&&this.active||(s=this.activeMenu.find(this.options.items)[e]()),this.focus(i,s)},nextPage:function(e){var i,s,n;return this.active?(this.isLastItem()||(this._hasScroll()?(s=this.active.offset().top,n=this.element.height(),this.active.nextAll(".ui-menu-item").each(function(){return i=t(this),0>i.offset().top-s-n}),this.focus(e,i)):this.focus(e,this.activeMenu.find(this.options.items)[this.active?"last":"first"]())),void 0):(this.next(e),void 0)},previousPage:function(e){var i,s,n;return this.active?(this.isFirstItem()||(this._hasScroll()?(s=this.active.offset().top,n=this.element.height(),this.active.prevAll(".ui-menu-item").each(function(){return i=t(this),i.offset().top-s+n>0}),this.focus(e,i)):this.focus(e,this.activeMenu.find(this.options.items).first())),void 0):(this.next(e),void 0)},_hasScroll:function(){return this.element.outerHeight()",options:{appendTo:null,autoFocus:!1,delay:300,minLength:1,position:{my:"left top",at:"left bottom",collision:"none"},source:null,change:null,close:null,focus:null,open:null,response:null,search:null,select:null},requestIndex:0,pending:0,_create:function(){var e,i,s,n=this.element[0].nodeName.toLowerCase(),o="textarea"===n,a="input"===n;
-this.isMultiLine=o||!a&&this._isContentEditable(this.element),this.valueMethod=this.element[o||a?"val":"text"],this.isNewMenu=!0,this._addClass("ui-autocomplete-input"),this.element.attr("autocomplete","off"),this._on(this.element,{keydown:function(n){if(this.element.prop("readOnly"))return e=!0,s=!0,i=!0,void 0;e=!1,s=!1,i=!1;var o=t.ui.keyCode;switch(n.keyCode){case o.PAGE_UP:e=!0,this._move("previousPage",n);break;case o.PAGE_DOWN:e=!0,this._move("nextPage",n);break;case o.UP:e=!0,this._keyEvent("previous",n);break;case o.DOWN:e=!0,this._keyEvent("next",n);break;case o.ENTER:this.menu.active&&(e=!0,n.preventDefault(),this.menu.select(n));break;case o.TAB:this.menu.active&&this.menu.select(n);break;case o.ESCAPE:this.menu.element.is(":visible")&&(this.isMultiLine||this._value(this.term),this.close(n),n.preventDefault());break;default:i=!0,this._searchTimeout(n)}},keypress:function(s){if(e)return e=!1,(!this.isMultiLine||this.menu.element.is(":visible"))&&s.preventDefault(),void 0;if(!i){var n=t.ui.keyCode;switch(s.keyCode){case n.PAGE_UP:this._move("previousPage",s);break;case n.PAGE_DOWN:this._move("nextPage",s);break;case n.UP:this._keyEvent("previous",s);break;case n.DOWN:this._keyEvent("next",s)}}},input:function(t){return s?(s=!1,t.preventDefault(),void 0):(this._searchTimeout(t),void 0)},focus:function(){this.selectedItem=null,this.previous=this._value()},blur:function(t){return this.cancelBlur?(delete this.cancelBlur,void 0):(clearTimeout(this.searching),this.close(t),this._change(t),void 0)}}),this._initSource(),this.menu=t("
")[0],f=t.each;p.style.cssText="background-color:rgba(1,1,1,.5)",d.rgba=p.style.backgroundColor.indexOf("rgba")>-1,f(c,function(t,e){e.cache="_"+t,e.props.alpha={idx:3,type:"percent",def:1}}),l.fn=t.extend(l.prototype,{parse:function(n,a,r,h){if(n===e)return this._rgba=[null,null,null,null],this;(n.jquery||n.nodeType)&&(n=t(n).css(a),a=e);var u=this,d=t.type(n),p=this._rgba=[];return a!==e&&(n=[n,a,r,h],d="array"),"string"===d?this.parse(s(n)||o._default):"array"===d?(f(c.rgba.props,function(t,e){p[e.idx]=i(n[e.idx],e)}),this):"object"===d?(n instanceof l?f(c,function(t,e){n[e.cache]&&(u[e.cache]=n[e.cache].slice())}):f(c,function(e,s){var o=s.cache;f(s.props,function(t,e){if(!u[o]&&s.to){if("alpha"===t||null==n[t])return;u[o]=s.to(u._rgba)}u[o][e.idx]=i(n[t],e,!0)}),u[o]&&0>t.inArray(null,u[o].slice(0,3))&&(u[o][3]=1,s.from&&(u._rgba=s.from(u[o])))}),this):e},is:function(t){var i=l(t),s=!0,n=this;return f(c,function(t,o){var a,r=i[o.cache];return r&&(a=n[o.cache]||o.to&&o.to(n._rgba)||[],f(o.props,function(t,i){return null!=r[i.idx]?s=r[i.idx]===a[i.idx]:e})),s}),s},_space:function(){var t=[],e=this;return f(c,function(i,s){e[s.cache]&&t.push(i)}),t.pop()},transition:function(t,e){var s=l(t),n=s._space(),o=c[n],a=0===this.alpha()?l("transparent"):this,r=a[o.cache]||o.to(a._rgba),h=r.slice();return s=s[o.cache],f(o.props,function(t,n){var o=n.idx,a=r[o],l=s[o],c=u[n.type]||{};null!==l&&(null===a?h[o]=l:(c.mod&&(l-a>c.mod/2?a+=c.mod:a-l>c.mod/2&&(a-=c.mod)),h[o]=i((l-a)*e+a,n)))}),this[n](h)},blend:function(e){if(1===this._rgba[3])return this;var i=this._rgba.slice(),s=i.pop(),n=l(e)._rgba;return l(t.map(i,function(t,e){return(1-s)*n[e]+s*t}))},toRgbaString:function(){var e="rgba(",i=t.map(this._rgba,function(t,e){return null==t?e>2?1:0:t});return 1===i[3]&&(i.pop(),e="rgb("),e+i.join()+")"},toHslaString:function(){var e="hsla(",i=t.map(this.hsla(),function(t,e){return null==t&&(t=e>2?1:0),e&&3>e&&(t=Math.round(100*t)+"%"),t});return 1===i[3]&&(i.pop(),e="hsl("),e+i.join()+")"},toHexString:function(e){var i=this._rgba.slice(),s=i.pop();return e&&i.push(~~(255*s)),"#"+t.map(i,function(t){return t=(t||0).toString(16),1===t.length?"0"+t:t}).join("")},toString:function(){return 0===this._rgba[3]?"transparent":this.toRgbaString()}}),l.fn.parse.prototype=l.fn,c.hsla.to=function(t){if(null==t[0]||null==t[1]||null==t[2])return[null,null,null,t[3]];var e,i,s=t[0]/255,n=t[1]/255,o=t[2]/255,a=t[3],r=Math.max(s,n,o),h=Math.min(s,n,o),l=r-h,c=r+h,u=.5*c;return e=h===r?0:s===r?60*(n-o)/l+360:n===r?60*(o-s)/l+120:60*(s-n)/l+240,i=0===l?0:.5>=u?l/c:l/(2-c),[Math.round(e)%360,i,u,null==a?1:a]},c.hsla.from=function(t){if(null==t[0]||null==t[1]||null==t[2])return[null,null,null,t[3]];var e=t[0]/360,i=t[1],s=t[2],o=t[3],a=.5>=s?s*(1+i):s+i-s*i,r=2*s-a;return[Math.round(255*n(r,a,e+1/3)),Math.round(255*n(r,a,e)),Math.round(255*n(r,a,e-1/3)),o]},f(c,function(s,n){var o=n.props,a=n.cache,h=n.to,c=n.from;l.fn[s]=function(s){if(h&&!this[a]&&(this[a]=h(this._rgba)),s===e)return this[a].slice();var n,r=t.type(s),u="array"===r||"object"===r?s:arguments,d=this[a].slice();return f(o,function(t,e){var s=u["object"===r?t:e.idx];null==s&&(s=d[e.idx]),d[e.idx]=i(s,e)}),c?(n=l(c(d)),n[a]=d,n):l(d)},f(o,function(e,i){l.fn[e]||(l.fn[e]=function(n){var o,a=t.type(n),h="alpha"===e?this._hsla?"hsla":"rgba":s,l=this[h](),c=l[i.idx];return"undefined"===a?c:("function"===a&&(n=n.call(this,c),a=t.type(n)),null==n&&i.empty?this:("string"===a&&(o=r.exec(n),o&&(n=c+parseFloat(o[2])*("+"===o[1]?1:-1))),l[i.idx]=n,this[h](l)))})})}),l.hook=function(e){var i=e.split(" ");f(i,function(e,i){t.cssHooks[i]={set:function(e,n){var o,a,r="";if("transparent"!==n&&("string"!==t.type(n)||(o=s(n)))){if(n=l(o||n),!d.rgba&&1!==n._rgba[3]){for(a="backgroundColor"===i?e.parentNode:e;(""===r||"transparent"===r)&&a&&a.style;)try{r=t.css(a,"backgroundColor"),a=a.parentNode}catch(h){}n=n.blend(r&&"transparent"!==r?r:"_default")}n=n.toRgbaString()}try{e.style[i]=n}catch(h){}}},t.fx.step[i]=function(e){e.colorInit||(e.start=l(e.elem,i),e.end=l(e.end),e.colorInit=!0),t.cssHooks[i].set(e.elem,e.start.transition(e.end,e.pos))}})},l.hook(a),t.cssHooks.borderColor={expand:function(t){var e={};return f(["Top","Right","Bottom","Left"],function(i,s){e["border"+s+"Color"]=t}),e}},o=t.Color.names={aqua:"#00ffff",black:"#000000",blue:"#0000ff",fuchsia:"#ff00ff",gray:"#808080",green:"#008000",lime:"#00ff00",maroon:"#800000",navy:"#000080",olive:"#808000",purple:"#800080",red:"#ff0000",silver:"#c0c0c0",teal:"#008080",white:"#ffffff",yellow:"#ffff00",transparent:[null,null,null,0],_default:"#ffffff"}}(p),function(){function e(e){var i,s,n=e.ownerDocument.defaultView?e.ownerDocument.defaultView.getComputedStyle(e,null):e.currentStyle,o={};if(n&&n.length&&n[0]&&n[n[0]])for(s=n.length;s--;)i=n[s],"string"==typeof n[i]&&(o[t.camelCase(i)]=n[i]);else for(i in n)"string"==typeof n[i]&&(o[i]=n[i]);return o}function i(e,i){var s,o,a={};for(s in i)o=i[s],e[s]!==o&&(n[s]||(t.fx.step[s]||!isNaN(parseFloat(o)))&&(a[s]=o));return a}var s=["add","remove","toggle"],n={border:1,borderBottom:1,borderColor:1,borderLeft:1,borderRight:1,borderTop:1,borderWidth:1,margin:1,padding:1};t.each(["borderLeftStyle","borderRightStyle","borderBottomStyle","borderTopStyle"],function(e,i){t.fx.step[i]=function(t){("none"!==t.end&&!t.setAttr||1===t.pos&&!t.setAttr)&&(p.style(t.elem,i,t.end),t.setAttr=!0)}}),t.fn.addBack||(t.fn.addBack=function(t){return this.add(null==t?this.prevObject:this.prevObject.filter(t))}),t.effects.animateClass=function(n,o,a,r){var h=t.speed(o,a,r);return this.queue(function(){var o,a=t(this),r=a.attr("class")||"",l=h.children?a.find("*").addBack():a;l=l.map(function(){var i=t(this);return{el:i,start:e(this)}}),o=function(){t.each(s,function(t,e){n[e]&&a[e+"Class"](n[e])})},o(),l=l.map(function(){return this.end=e(this.el[0]),this.diff=i(this.start,this.end),this}),a.attr("class",r),l=l.map(function(){var e=this,i=t.Deferred(),s=t.extend({},h,{queue:!1,complete:function(){i.resolve(e)}});return this.el.animate(this.diff,s),i.promise()}),t.when.apply(t,l.get()).done(function(){o(),t.each(arguments,function(){var e=this.el;t.each(this.diff,function(t){e.css(t,"")})}),h.complete.call(a[0])})})},t.fn.extend({addClass:function(e){return function(i,s,n,o){return s?t.effects.animateClass.call(this,{add:i},s,n,o):e.apply(this,arguments)}}(t.fn.addClass),removeClass:function(e){return function(i,s,n,o){return arguments.length>1?t.effects.animateClass.call(this,{remove:i},s,n,o):e.apply(this,arguments)}}(t.fn.removeClass),toggleClass:function(e){return function(i,s,n,o,a){return"boolean"==typeof s||void 0===s?n?t.effects.animateClass.call(this,s?{add:i}:{remove:i},n,o,a):e.apply(this,arguments):t.effects.animateClass.call(this,{toggle:i},s,n,o)}}(t.fn.toggleClass),switchClass:function(e,i,s,n,o){return t.effects.animateClass.call(this,{add:i,remove:e},s,n,o)}})}(),function(){function e(e,i,s,n){return t.isPlainObject(e)&&(i=e,e=e.effect),e={effect:e},null==i&&(i={}),t.isFunction(i)&&(n=i,s=null,i={}),("number"==typeof i||t.fx.speeds[i])&&(n=s,s=i,i={}),t.isFunction(s)&&(n=s,s=null),i&&t.extend(e,i),s=s||i.duration,e.duration=t.fx.off?0:"number"==typeof s?s:s in t.fx.speeds?t.fx.speeds[s]:t.fx.speeds._default,e.complete=n||i.complete,e}function i(e){return!e||"number"==typeof e||t.fx.speeds[e]?!0:"string"!=typeof e||t.effects.effect[e]?t.isFunction(e)?!0:"object"!=typeof e||e.effect?!1:!0:!0}function s(t,e){var i=e.outerWidth(),s=e.outerHeight(),n=/^rect\((-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto)\)$/,o=n.exec(t)||["",0,i,s,0];return{top:parseFloat(o[1])||0,right:"auto"===o[2]?i:parseFloat(o[2]),bottom:"auto"===o[3]?s:parseFloat(o[3]),left:parseFloat(o[4])||0}}t.expr&&t.expr.filters&&t.expr.filters.animated&&(t.expr.filters.animated=function(e){return function(i){return!!t(i).data(d)||e(i)}}(t.expr.filters.animated)),t.uiBackCompat!==!1&&t.extend(t.effects,{save:function(t,e){for(var i=0,s=e.length;s>i;i++)null!==e[i]&&t.data(c+e[i],t[0].style[e[i]])},restore:function(t,e){for(var i,s=0,n=e.length;n>s;s++)null!==e[s]&&(i=t.data(c+e[s]),t.css(e[s],i))},setMode:function(t,e){return"toggle"===e&&(e=t.is(":hidden")?"show":"hide"),e},createWrapper:function(e){if(e.parent().is(".ui-effects-wrapper"))return e.parent();var i={width:e.outerWidth(!0),height:e.outerHeight(!0),"float":e.css("float")},s=t("
").addClass("ui-effects-wrapper").css({fontSize:"100%",background:"transparent",border:"none",margin:0,padding:0}),n={width:e.width(),height:e.height()},o=document.activeElement;try{o.id}catch(a){o=document.body}return e.wrap(s),(e[0]===o||t.contains(e[0],o))&&t(o).trigger("focus"),s=e.parent(),"static"===e.css("position")?(s.css({position:"relative"}),e.css({position:"relative"})):(t.extend(i,{position:e.css("position"),zIndex:e.css("z-index")}),t.each(["top","left","bottom","right"],function(t,s){i[s]=e.css(s),isNaN(parseInt(i[s],10))&&(i[s]="auto")}),e.css({position:"relative",top:0,left:0,right:"auto",bottom:"auto"})),e.css(n),s.css(i).show()},removeWrapper:function(e){var i=document.activeElement;return e.parent().is(".ui-effects-wrapper")&&(e.parent().replaceWith(e),(e[0]===i||t.contains(e[0],i))&&t(i).trigger("focus")),e}}),t.extend(t.effects,{version:"1.12.1",define:function(e,i,s){return s||(s=i,i="effect"),t.effects.effect[e]=s,t.effects.effect[e].mode=i,s},scaledDimensions:function(t,e,i){if(0===e)return{height:0,width:0,outerHeight:0,outerWidth:0};var s="horizontal"!==i?(e||100)/100:1,n="vertical"!==i?(e||100)/100:1;return{height:t.height()*n,width:t.width()*s,outerHeight:t.outerHeight()*n,outerWidth:t.outerWidth()*s}},clipToBox:function(t){return{width:t.clip.right-t.clip.left,height:t.clip.bottom-t.clip.top,left:t.clip.left,top:t.clip.top}},unshift:function(t,e,i){var s=t.queue();e>1&&s.splice.apply(s,[1,0].concat(s.splice(e,i))),t.dequeue()},saveStyle:function(t){t.data(u,t[0].style.cssText)},restoreStyle:function(t){t[0].style.cssText=t.data(u)||"",t.removeData(u)},mode:function(t,e){var i=t.is(":hidden");return"toggle"===e&&(e=i?"show":"hide"),(i?"hide"===e:"show"===e)&&(e="none"),e},getBaseline:function(t,e){var i,s;switch(t[0]){case"top":i=0;break;case"middle":i=.5;break;case"bottom":i=1;break;default:i=t[0]/e.height}switch(t[1]){case"left":s=0;break;case"center":s=.5;break;case"right":s=1;break;default:s=t[1]/e.width}return{x:s,y:i}},createPlaceholder:function(e){var i,s=e.css("position"),n=e.position();return e.css({marginTop:e.css("marginTop"),marginBottom:e.css("marginBottom"),marginLeft:e.css("marginLeft"),marginRight:e.css("marginRight")}).outerWidth(e.outerWidth()).outerHeight(e.outerHeight()),/^(static|relative)/.test(s)&&(s="absolute",i=t("<"+e[0].nodeName+">").insertAfter(e).css({display:/^(inline|ruby)/.test(e.css("display"))?"inline-block":"block",visibility:"hidden",marginTop:e.css("marginTop"),marginBottom:e.css("marginBottom"),marginLeft:e.css("marginLeft"),marginRight:e.css("marginRight"),"float":e.css("float")}).outerWidth(e.outerWidth()).outerHeight(e.outerHeight()).addClass("ui-effects-placeholder"),e.data(c+"placeholder",i)),e.css({position:s,left:n.left,top:n.top}),i},removePlaceholder:function(t){var e=c+"placeholder",i=t.data(e);i&&(i.remove(),t.removeData(e))},cleanUp:function(e){t.effects.restoreStyle(e),t.effects.removePlaceholder(e)},setTransition:function(e,i,s,n){return n=n||{},t.each(i,function(t,i){var o=e.cssUnit(i);o[0]>0&&(n[i]=o[0]*s+o[1])}),n}}),t.fn.extend({effect:function(){function i(e){function i(){r.removeData(d),t.effects.cleanUp(r),"hide"===s.mode&&r.hide(),a()}function a(){t.isFunction(h)&&h.call(r[0]),t.isFunction(e)&&e()}var r=t(this);s.mode=c.shift(),t.uiBackCompat===!1||o?"none"===s.mode?(r[l](),a()):n.call(r[0],s,i):(r.is(":hidden")?"hide"===l:"show"===l)?(r[l](),a()):n.call(r[0],s,a)}var s=e.apply(this,arguments),n=t.effects.effect[s.effect],o=n.mode,a=s.queue,r=a||"fx",h=s.complete,l=s.mode,c=[],u=function(e){var i=t(this),s=t.effects.mode(i,l)||o;i.data(d,!0),c.push(s),o&&("show"===s||s===o&&"hide"===s)&&i.show(),o&&"none"===s||t.effects.saveStyle(i),t.isFunction(e)&&e()};return t.fx.off||!n?l?this[l](s.duration,h):this.each(function(){h&&h.call(this)}):a===!1?this.each(u).each(i):this.queue(r,u).queue(r,i)},show:function(t){return function(s){if(i(s))return t.apply(this,arguments);var n=e.apply(this,arguments);return n.mode="show",this.effect.call(this,n) -}}(t.fn.show),hide:function(t){return function(s){if(i(s))return t.apply(this,arguments);var n=e.apply(this,arguments);return n.mode="hide",this.effect.call(this,n)}}(t.fn.hide),toggle:function(t){return function(s){if(i(s)||"boolean"==typeof s)return t.apply(this,arguments);var n=e.apply(this,arguments);return n.mode="toggle",this.effect.call(this,n)}}(t.fn.toggle),cssUnit:function(e){var i=this.css(e),s=[];return t.each(["em","px","%","pt"],function(t,e){i.indexOf(e)>0&&(s=[parseFloat(i),e])}),s},cssClip:function(t){return t?this.css("clip","rect("+t.top+"px "+t.right+"px "+t.bottom+"px "+t.left+"px)"):s(this.css("clip"),this)},transfer:function(e,i){var s=t(this),n=t(e.to),o="fixed"===n.css("position"),a=t("body"),r=o?a.scrollTop():0,h=o?a.scrollLeft():0,l=n.offset(),c={top:l.top-r,left:l.left-h,height:n.innerHeight(),width:n.innerWidth()},u=s.offset(),d=t("").appendTo("body").addClass(e.className).css({top:u.top-r,left:u.left-h,height:s.innerHeight(),width:s.innerWidth(),position:o?"fixed":"absolute"}).animate(c,e.duration,e.easing,function(){d.remove(),t.isFunction(i)&&i()})}}),t.fx.step.clip=function(e){e.clipInit||(e.start=t(e.elem).cssClip(),"string"==typeof e.end&&(e.end=s(e.end,e.elem)),e.clipInit=!0),t(e.elem).cssClip({top:e.pos*(e.end.top-e.start.top)+e.start.top,right:e.pos*(e.end.right-e.start.right)+e.start.right,bottom:e.pos*(e.end.bottom-e.start.bottom)+e.start.bottom,left:e.pos*(e.end.left-e.start.left)+e.start.left})}}(),function(){var e={};t.each(["Quad","Cubic","Quart","Quint","Expo"],function(t,i){e[i]=function(e){return Math.pow(e,t+2)}}),t.extend(e,{Sine:function(t){return 1-Math.cos(t*Math.PI/2)},Circ:function(t){return 1-Math.sqrt(1-t*t)},Elastic:function(t){return 0===t||1===t?t:-Math.pow(2,8*(t-1))*Math.sin((80*(t-1)-7.5)*Math.PI/15)},Back:function(t){return t*t*(3*t-2)},Bounce:function(t){for(var e,i=4;((e=Math.pow(2,--i))-1)/11>t;);return 1/Math.pow(4,3-i)-7.5625*Math.pow((3*e-2)/22-t,2)}}),t.each(e,function(e,i){t.easing["easeIn"+e]=i,t.easing["easeOut"+e]=function(t){return 1-i(1-t)},t.easing["easeInOut"+e]=function(t){return.5>t?i(2*t)/2:1-i(-2*t+2)/2}})}();var f=t.effects;t.effects.define("blind","hide",function(e,i){var s={up:["bottom","top"],vertical:["bottom","top"],down:["top","bottom"],left:["right","left"],horizontal:["right","left"],right:["left","right"]},n=t(this),o=e.direction||"up",a=n.cssClip(),r={clip:t.extend({},a)},h=t.effects.createPlaceholder(n);r.clip[s[o][0]]=r.clip[s[o][1]],"show"===e.mode&&(n.cssClip(r.clip),h&&h.css(t.effects.clipToBox(r)),r.clip=a),h&&h.animate(t.effects.clipToBox(r),e.duration,e.easing),n.animate(r,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("bounce",function(e,i){var s,n,o,a=t(this),r=e.mode,h="hide"===r,l="show"===r,c=e.direction||"up",u=e.distance,d=e.times||5,p=2*d+(l||h?1:0),f=e.duration/p,g=e.easing,m="up"===c||"down"===c?"top":"left",_="up"===c||"left"===c,v=0,b=a.queue().length;for(t.effects.createPlaceholder(a),o=a.css(m),u||(u=a["top"===m?"outerHeight":"outerWidth"]()/3),l&&(n={opacity:1},n[m]=o,a.css("opacity",0).css(m,_?2*-u:2*u).animate(n,f,g)),h&&(u/=Math.pow(2,d-1)),n={},n[m]=o;d>v;v++)s={},s[m]=(_?"-=":"+=")+u,a.animate(s,f,g).animate(n,f,g),u=h?2*u:u/2;h&&(s={opacity:0},s[m]=(_?"-=":"+=")+u,a.animate(s,f,g)),a.queue(i),t.effects.unshift(a,b,p+1)}),t.effects.define("clip","hide",function(e,i){var s,n={},o=t(this),a=e.direction||"vertical",r="both"===a,h=r||"horizontal"===a,l=r||"vertical"===a;s=o.cssClip(),n.clip={top:l?(s.bottom-s.top)/2:s.top,right:h?(s.right-s.left)/2:s.right,bottom:l?(s.bottom-s.top)/2:s.bottom,left:h?(s.right-s.left)/2:s.left},t.effects.createPlaceholder(o),"show"===e.mode&&(o.cssClip(n.clip),n.clip=s),o.animate(n,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("drop","hide",function(e,i){var s,n=t(this),o=e.mode,a="show"===o,r=e.direction||"left",h="up"===r||"down"===r?"top":"left",l="up"===r||"left"===r?"-=":"+=",c="+="===l?"-=":"+=",u={opacity:0};t.effects.createPlaceholder(n),s=e.distance||n["top"===h?"outerHeight":"outerWidth"](!0)/2,u[h]=l+s,a&&(n.css(u),u[h]=c+s,u.opacity=1),n.animate(u,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("explode","hide",function(e,i){function s(){b.push(this),b.length===u*d&&n()}function n(){p.css({visibility:"visible"}),t(b).remove(),i()}var o,a,r,h,l,c,u=e.pieces?Math.round(Math.sqrt(e.pieces)):3,d=u,p=t(this),f=e.mode,g="show"===f,m=p.show().css("visibility","hidden").offset(),_=Math.ceil(p.outerWidth()/d),v=Math.ceil(p.outerHeight()/u),b=[];for(o=0;u>o;o++)for(h=m.top+o*v,c=o-(u-1)/2,a=0;d>a;a++)r=m.left+a*_,l=a-(d-1)/2,p.clone().appendTo("body").wrap("").css({position:"absolute",visibility:"visible",left:-a*_,top:-o*v}).parent().addClass("ui-effects-explode").css({position:"absolute",overflow:"hidden",width:_,height:v,left:r+(g?l*_:0),top:h+(g?c*v:0),opacity:g?0:1}).animate({left:r+(g?0:l*_),top:h+(g?0:c*v),opacity:g?1:0},e.duration||500,e.easing,s)}),t.effects.define("fade","toggle",function(e,i){var s="show"===e.mode;t(this).css("opacity",s?0:1).animate({opacity:s?1:0},{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("fold","hide",function(e,i){var s=t(this),n=e.mode,o="show"===n,a="hide"===n,r=e.size||15,h=/([0-9]+)%/.exec(r),l=!!e.horizFirst,c=l?["right","bottom"]:["bottom","right"],u=e.duration/2,d=t.effects.createPlaceholder(s),p=s.cssClip(),f={clip:t.extend({},p)},g={clip:t.extend({},p)},m=[p[c[0]],p[c[1]]],_=s.queue().length;h&&(r=parseInt(h[1],10)/100*m[a?0:1]),f.clip[c[0]]=r,g.clip[c[0]]=r,g.clip[c[1]]=0,o&&(s.cssClip(g.clip),d&&d.css(t.effects.clipToBox(g)),g.clip=p),s.queue(function(i){d&&d.animate(t.effects.clipToBox(f),u,e.easing).animate(t.effects.clipToBox(g),u,e.easing),i()}).animate(f,u,e.easing).animate(g,u,e.easing).queue(i),t.effects.unshift(s,_,4)}),t.effects.define("highlight","show",function(e,i){var s=t(this),n={backgroundColor:s.css("backgroundColor")};"hide"===e.mode&&(n.opacity=0),t.effects.saveStyle(s),s.css({backgroundImage:"none",backgroundColor:e.color||"#ffff99"}).animate(n,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define("size",function(e,i){var s,n,o,a=t(this),r=["fontSize"],h=["borderTopWidth","borderBottomWidth","paddingTop","paddingBottom"],l=["borderLeftWidth","borderRightWidth","paddingLeft","paddingRight"],c=e.mode,u="effect"!==c,d=e.scale||"both",p=e.origin||["middle","center"],f=a.css("position"),g=a.position(),m=t.effects.scaledDimensions(a),_=e.from||m,v=e.to||t.effects.scaledDimensions(a,0);t.effects.createPlaceholder(a),"show"===c&&(o=_,_=v,v=o),n={from:{y:_.height/m.height,x:_.width/m.width},to:{y:v.height/m.height,x:v.width/m.width}},("box"===d||"both"===d)&&(n.from.y!==n.to.y&&(_=t.effects.setTransition(a,h,n.from.y,_),v=t.effects.setTransition(a,h,n.to.y,v)),n.from.x!==n.to.x&&(_=t.effects.setTransition(a,l,n.from.x,_),v=t.effects.setTransition(a,l,n.to.x,v))),("content"===d||"both"===d)&&n.from.y!==n.to.y&&(_=t.effects.setTransition(a,r,n.from.y,_),v=t.effects.setTransition(a,r,n.to.y,v)),p&&(s=t.effects.getBaseline(p,m),_.top=(m.outerHeight-_.outerHeight)*s.y+g.top,_.left=(m.outerWidth-_.outerWidth)*s.x+g.left,v.top=(m.outerHeight-v.outerHeight)*s.y+g.top,v.left=(m.outerWidth-v.outerWidth)*s.x+g.left),a.css(_),("content"===d||"both"===d)&&(h=h.concat(["marginTop","marginBottom"]).concat(r),l=l.concat(["marginLeft","marginRight"]),a.find("*[width]").each(function(){var i=t(this),s=t.effects.scaledDimensions(i),o={height:s.height*n.from.y,width:s.width*n.from.x,outerHeight:s.outerHeight*n.from.y,outerWidth:s.outerWidth*n.from.x},a={height:s.height*n.to.y,width:s.width*n.to.x,outerHeight:s.height*n.to.y,outerWidth:s.width*n.to.x};n.from.y!==n.to.y&&(o=t.effects.setTransition(i,h,n.from.y,o),a=t.effects.setTransition(i,h,n.to.y,a)),n.from.x!==n.to.x&&(o=t.effects.setTransition(i,l,n.from.x,o),a=t.effects.setTransition(i,l,n.to.x,a)),u&&t.effects.saveStyle(i),i.css(o),i.animate(a,e.duration,e.easing,function(){u&&t.effects.restoreStyle(i)})})),a.animate(v,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){var e=a.offset();0===v.opacity&&a.css("opacity",_.opacity),u||(a.css("position","static"===f?"relative":f).offset(e),t.effects.saveStyle(a)),i()}})}),t.effects.define("scale",function(e,i){var s=t(this),n=e.mode,o=parseInt(e.percent,10)||(0===parseInt(e.percent,10)?0:"effect"!==n?0:100),a=t.extend(!0,{from:t.effects.scaledDimensions(s),to:t.effects.scaledDimensions(s,o,e.direction||"both"),origin:e.origin||["middle","center"]},e);e.fade&&(a.from.opacity=1,a.to.opacity=0),t.effects.effect.size.call(this,a,i)}),t.effects.define("puff","hide",function(e,i){var s=t.extend(!0,{},e,{fade:!0,percent:parseInt(e.percent,10)||150});t.effects.effect.scale.call(this,s,i)}),t.effects.define("pulsate","show",function(e,i){var s=t(this),n=e.mode,o="show"===n,a="hide"===n,r=o||a,h=2*(e.times||5)+(r?1:0),l=e.duration/h,c=0,u=1,d=s.queue().length;for((o||!s.is(":visible"))&&(s.css("opacity",0).show(),c=1);h>u;u++)s.animate({opacity:c},l,e.easing),c=1-c;s.animate({opacity:c},l,e.easing),s.queue(i),t.effects.unshift(s,d,h+1)}),t.effects.define("shake",function(e,i){var s=1,n=t(this),o=e.direction||"left",a=e.distance||20,r=e.times||3,h=2*r+1,l=Math.round(e.duration/h),c="up"===o||"down"===o?"top":"left",u="up"===o||"left"===o,d={},p={},f={},g=n.queue().length;for(t.effects.createPlaceholder(n),d[c]=(u?"-=":"+=")+a,p[c]=(u?"+=":"-=")+2*a,f[c]=(u?"-=":"+=")+2*a,n.animate(d,l,e.easing);r>s;s++)n.animate(p,l,e.easing).animate(f,l,e.easing);n.animate(p,l,e.easing).animate(d,l/2,e.easing).queue(i),t.effects.unshift(n,g,h+1)}),t.effects.define("slide","show",function(e,i){var s,n,o=t(this),a={up:["bottom","top"],down:["top","bottom"],left:["right","left"],right:["left","right"]},r=e.mode,h=e.direction||"left",l="up"===h||"down"===h?"top":"left",c="up"===h||"left"===h,u=e.distance||o["top"===l?"outerHeight":"outerWidth"](!0),d={};t.effects.createPlaceholder(o),s=o.cssClip(),n=o.position()[l],d[l]=(c?-1:1)*u+n,d.clip=o.cssClip(),d.clip[a[h][1]]=d.clip[a[h][0]],"show"===r&&(o.cssClip(d.clip),o.css(l,d[l]),d.clip=s,d[l]=n),o.animate(d,{queue:!1,duration:e.duration,easing:e.easing,complete:i})});var f;t.uiBackCompat!==!1&&(f=t.effects.define("transfer",function(e,i){t(this).transfer(e,i)})),t.ui.focusable=function(i,s){var n,o,a,r,h,l=i.nodeName.toLowerCase();return"area"===l?(n=i.parentNode,o=n.name,i.href&&o&&"map"===n.nodeName.toLowerCase()?(a=t("img[usemap='#"+o+"']"),a.length>0&&a.is(":visible")):!1):(/^(input|select|textarea|button|object)$/.test(l)?(r=!i.disabled,r&&(h=t(i).closest("fieldset")[0],h&&(r=!h.disabled))):r="a"===l?i.href||s:s,r&&t(i).is(":visible")&&e(t(i)))},t.extend(t.expr[":"],{focusable:function(e){return t.ui.focusable(e,null!=t.attr(e,"tabindex"))}}),t.ui.focusable,t.fn.form=function(){return"string"==typeof this[0].form?this.closest("form"):t(this[0].form)},t.ui.formResetMixin={_formResetHandler:function(){var e=t(this);setTimeout(function(){var i=e.data("ui-form-reset-instances");t.each(i,function(){this.refresh()})})},_bindFormResetHandler:function(){if(this.form=this.element.form(),this.form.length){var t=this.form.data("ui-form-reset-instances")||[];t.length||this.form.on("reset.ui-form-reset",this._formResetHandler),t.push(this),this.form.data("ui-form-reset-instances",t)}},_unbindFormResetHandler:function(){if(this.form.length){var e=this.form.data("ui-form-reset-instances");e.splice(t.inArray(this,e),1),e.length?this.form.data("ui-form-reset-instances",e):this.form.removeData("ui-form-reset-instances").off("reset.ui-form-reset")}}},"1.7"===t.fn.jquery.substring(0,3)&&(t.each(["Width","Height"],function(e,i){function s(e,i,s,o){return t.each(n,function(){i-=parseFloat(t.css(e,"padding"+this))||0,s&&(i-=parseFloat(t.css(e,"border"+this+"Width"))||0),o&&(i-=parseFloat(t.css(e,"margin"+this))||0)}),i}var n="Width"===i?["Left","Right"]:["Top","Bottom"],o=i.toLowerCase(),a={innerWidth:t.fn.innerWidth,innerHeight:t.fn.innerHeight,outerWidth:t.fn.outerWidth,outerHeight:t.fn.outerHeight};t.fn["inner"+i]=function(e){return void 0===e?a["inner"+i].call(this):this.each(function(){t(this).css(o,s(this,e)+"px")})},t.fn["outer"+i]=function(e,n){return"number"!=typeof e?a["outer"+i].call(this,e):this.each(function(){t(this).css(o,s(this,e,!0,n)+"px")})}}),t.fn.addBack=function(t){return this.add(null==t?this.prevObject:this.prevObject.filter(t))}),t.ui.keyCode={BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SPACE:32,TAB:9,UP:38},t.ui.escapeSelector=function(){var t=/([!"#$%&'()*+,.\/:;<=>?@[\]^`{|}~])/g;return function(e){return e.replace(t,"\\$1")}}(),t.fn.labels=function(){var e,i,s,n,o;return this[0].labels&&this[0].labels.length?this.pushStack(this[0].labels):(n=this.eq(0).parents("label"),s=this.attr("id"),s&&(e=this.eq(0).parents().last(),o=e.add(e.length?e.siblings():this.siblings()),i="label[for='"+t.ui.escapeSelector(s)+"']",n=n.add(o.find(i).addBack(i))),this.pushStack(n))},t.fn.scrollParent=function(e){var i=this.css("position"),s="absolute"===i,n=e?/(auto|scroll|hidden)/:/(auto|scroll)/,o=this.parents().filter(function(){var e=t(this);return s&&"static"===e.css("position")?!1:n.test(e.css("overflow")+e.css("overflow-y")+e.css("overflow-x"))}).eq(0);return"fixed"!==i&&o.length?o:t(this[0].ownerDocument||document)},t.extend(t.expr[":"],{tabbable:function(e){var i=t.attr(e,"tabindex"),s=null!=i;return(!s||i>=0)&&t.ui.focusable(e,s)}}),t.fn.extend({uniqueId:function(){var t=0;return function(){return this.each(function(){this.id||(this.id="ui-id-"+ ++t)})}}(),removeUniqueId:function(){return this.each(function(){/^ui-id-\d+$/.test(this.id)&&t(this).removeAttr("id")})}}),t.widget("ui.accordion",{version:"1.12.1",options:{active:0,animate:{},classes:{"ui-accordion-header":"ui-corner-top","ui-accordion-header-collapsed":"ui-corner-all","ui-accordion-content":"ui-corner-bottom"},collapsible:!1,event:"click",header:"> li > :first-child, > :not(li):even",heightStyle:"auto",icons:{activeHeader:"ui-icon-triangle-1-s",header:"ui-icon-triangle-1-e"},activate:null,beforeActivate:null},hideProps:{borderTopWidth:"hide",borderBottomWidth:"hide",paddingTop:"hide",paddingBottom:"hide",height:"hide"},showProps:{borderTopWidth:"show",borderBottomWidth:"show",paddingTop:"show",paddingBottom:"show",height:"show"},_create:function(){var e=this.options;this.prevShow=this.prevHide=t(),this._addClass("ui-accordion","ui-widget ui-helper-reset"),this.element.attr("role","tablist"),e.collapsible||e.active!==!1&&null!=e.active||(e.active=0),this._processPanels(),0>e.active&&(e.active+=this.headers.length),this._refresh()},_getCreateEventData:function(){return{header:this.active,panel:this.active.length?this.active.next():t()}},_createIcons:function(){var e,i,s=this.options.icons;s&&(e=t(""),this._addClass(e,"ui-accordion-header-icon","ui-icon "+s.header),e.prependTo(this.headers),i=this.active.children(".ui-accordion-header-icon"),this._removeClass(i,s.header)._addClass(i,null,s.activeHeader)._addClass(this.headers,"ui-accordion-icons"))},_destroyIcons:function(){this._removeClass(this.headers,"ui-accordion-icons"),this.headers.children(".ui-accordion-header-icon").remove()},_destroy:function(){var t;this.element.removeAttr("role"),this.headers.removeAttr("role aria-expanded aria-selected aria-controls tabIndex").removeUniqueId(),this._destroyIcons(),t=this.headers.next().css("display","").removeAttr("role aria-hidden aria-labelledby").removeUniqueId(),"content"!==this.options.heightStyle&&t.css("height","")},_setOption:function(t,e){return"active"===t?(this._activate(e),void 0):("event"===t&&(this.options.event&&this._off(this.headers,this.options.event),this._setupEvents(e)),this._super(t,e),"collapsible"!==t||e||this.options.active!==!1||this._activate(0),"icons"===t&&(this._destroyIcons(),e&&this._createIcons()),void 0)},_setOptionDisabled:function(t){this._super(t),this.element.attr("aria-disabled",t),this._toggleClass(null,"ui-state-disabled",!!t),this._toggleClass(this.headers.add(this.headers.next()),null,"ui-state-disabled",!!t)},_keydown:function(e){if(!e.altKey&&!e.ctrlKey){var i=t.ui.keyCode,s=this.headers.length,n=this.headers.index(e.target),o=!1;switch(e.keyCode){case i.RIGHT:case i.DOWN:o=this.headers[(n+1)%s];break;case i.LEFT:case i.UP:o=this.headers[(n-1+s)%s];break;case i.SPACE:case i.ENTER:this._eventHandler(e);break;case i.HOME:o=this.headers[0];break;case i.END:o=this.headers[s-1]}o&&(t(e.target).attr("tabIndex",-1),t(o).attr("tabIndex",0),t(o).trigger("focus"),e.preventDefault())}},_panelKeyDown:function(e){e.keyCode===t.ui.keyCode.UP&&e.ctrlKey&&t(e.currentTarget).prev().trigger("focus")},refresh:function(){var e=this.options;this._processPanels(),e.active===!1&&e.collapsible===!0||!this.headers.length?(e.active=!1,this.active=t()):e.active===!1?this._activate(0):this.active.length&&!t.contains(this.element[0],this.active[0])?this.headers.length===this.headers.find(".ui-state-disabled").length?(e.active=!1,this.active=t()):this._activate(Math.max(0,e.active-1)):e.active=this.headers.index(this.active),this._destroyIcons(),this._refresh()},_processPanels:function(){var t=this.headers,e=this.panels;this.headers=this.element.find(this.options.header),this._addClass(this.headers,"ui-accordion-header ui-accordion-header-collapsed","ui-state-default"),this.panels=this.headers.next().filter(":not(.ui-accordion-content-active)").hide(),this._addClass(this.panels,"ui-accordion-content","ui-helper-reset ui-widget-content"),e&&(this._off(t.not(this.headers)),this._off(e.not(this.panels)))},_refresh:function(){var e,i=this.options,s=i.heightStyle,n=this.element.parent();this.active=this._findActive(i.active),this._addClass(this.active,"ui-accordion-header-active","ui-state-active")._removeClass(this.active,"ui-accordion-header-collapsed"),this._addClass(this.active.next(),"ui-accordion-content-active"),this.active.next().show(),this.headers.attr("role","tab").each(function(){var e=t(this),i=e.uniqueId().attr("id"),s=e.next(),n=s.uniqueId().attr("id");e.attr("aria-controls",n),s.attr("aria-labelledby",i)}).next().attr("role","tabpanel"),this.headers.not(this.active).attr({"aria-selected":"false","aria-expanded":"false",tabIndex:-1}).next().attr({"aria-hidden":"true"}).hide(),this.active.length?this.active.attr({"aria-selected":"true","aria-expanded":"true",tabIndex:0}).next().attr({"aria-hidden":"false"}):this.headers.eq(0).attr("tabIndex",0),this._createIcons(),this._setupEvents(i.event),"fill"===s?(e=n.height(),this.element.siblings(":visible").each(function(){var i=t(this),s=i.css("position");"absolute"!==s&&"fixed"!==s&&(e-=i.outerHeight(!0))}),this.headers.each(function(){e-=t(this).outerHeight(!0)}),this.headers.next().each(function(){t(this).height(Math.max(0,e-t(this).innerHeight()+t(this).height()))}).css("overflow","auto")):"auto"===s&&(e=0,this.headers.next().each(function(){var i=t(this).is(":visible");i||t(this).show(),e=Math.max(e,t(this).css("height","").height()),i||t(this).hide()}).height(e))},_activate:function(e){var i=this._findActive(e)[0];i!==this.active[0]&&(i=i||this.active[0],this._eventHandler({target:i,currentTarget:i,preventDefault:t.noop}))},_findActive:function(e){return"number"==typeof e?this.headers.eq(e):t()},_setupEvents:function(e){var i={keydown:"_keydown"};e&&t.each(e.split(" "),function(t,e){i[e]="_eventHandler"}),this._off(this.headers.add(this.headers.next())),this._on(this.headers,i),this._on(this.headers.next(),{keydown:"_panelKeyDown"}),this._hoverable(this.headers),this._focusable(this.headers)},_eventHandler:function(e){var i,s,n=this.options,o=this.active,a=t(e.currentTarget),r=a[0]===o[0],h=r&&n.collapsible,l=h?t():a.next(),c=o.next(),u={oldHeader:o,oldPanel:c,newHeader:h?t():a,newPanel:l};e.preventDefault(),r&&!n.collapsible||this._trigger("beforeActivate",e,u)===!1||(n.active=h?!1:this.headers.index(a),this.active=r?t():a,this._toggle(u),this._removeClass(o,"ui-accordion-header-active","ui-state-active"),n.icons&&(i=o.children(".ui-accordion-header-icon"),this._removeClass(i,null,n.icons.activeHeader)._addClass(i,null,n.icons.header)),r||(this._removeClass(a,"ui-accordion-header-collapsed")._addClass(a,"ui-accordion-header-active","ui-state-active"),n.icons&&(s=a.children(".ui-accordion-header-icon"),this._removeClass(s,null,n.icons.header)._addClass(s,null,n.icons.activeHeader)),this._addClass(a.next(),"ui-accordion-content-active")))},_toggle:function(e){var i=e.newPanel,s=this.prevShow.length?this.prevShow:e.oldPanel;this.prevShow.add(this.prevHide).stop(!0,!0),this.prevShow=i,this.prevHide=s,this.options.animate?this._animate(i,s,e):(s.hide(),i.show(),this._toggleComplete(e)),s.attr({"aria-hidden":"true"}),s.prev().attr({"aria-selected":"false","aria-expanded":"false"}),i.length&&s.length?s.prev().attr({tabIndex:-1,"aria-expanded":"false"}):i.length&&this.headers.filter(function(){return 0===parseInt(t(this).attr("tabIndex"),10)}).attr("tabIndex",-1),i.attr("aria-hidden","false").prev().attr({"aria-selected":"true","aria-expanded":"true",tabIndex:0})},_animate:function(t,e,i){var s,n,o,a=this,r=0,h=t.css("box-sizing"),l=t.length&&(!e.length||t.index()- ").appendTo(this._appendTo()).menu({role:null}).hide().menu("instance"),this._addClass(this.menu.element,"ui-autocomplete","ui-front"),this._on(this.menu.element,{mousedown:function(e){e.preventDefault(),this.cancelBlur=!0,this._delay(function(){delete this.cancelBlur,this.element[0]!==t.ui.safeActiveElement(this.document[0])&&this.element.trigger("focus")})},menufocus:function(e,i){var s,n;return this.isNewMenu&&(this.isNewMenu=!1,e.originalEvent&&/^mouse/.test(e.originalEvent.type))?(this.menu.blur(),this.document.one("mousemove",function(){t(e.target).trigger(e.originalEvent)}),void 0):(n=i.item.data("ui-autocomplete-item"),!1!==this._trigger("focus",e,{item:n})&&e.originalEvent&&/^key/.test(e.originalEvent.type)&&this._value(n.value),s=i.item.attr("aria-label")||n.value,s&&t.trim(s).length&&(this.liveRegion.children().hide(),t("
").text(s).appendTo(this.liveRegion)),void 0)},menuselect:function(e,i){var s=i.item.data("ui-autocomplete-item"),n=this.previous;this.element[0]!==t.ui.safeActiveElement(this.document[0])&&(this.element.trigger("focus"),this.previous=n,this._delay(function(){this.previous=n,this.selectedItem=s})),!1!==this._trigger("select",e,{item:s})&&this._value(s.value),this.term=this._value(),this.close(e),this.selectedItem=s}}),this.liveRegion=t("
",{role:"status","aria-live":"assertive","aria-relevant":"additions"}).appendTo(this.document[0].body),this._addClass(this.liveRegion,null,"ui-helper-hidden-accessible"),this._on(this.window,{beforeunload:function(){this.element.removeAttr("autocomplete")}})},_destroy:function(){clearTimeout(this.searching),this.element.removeAttr("autocomplete"),this.menu.element.remove(),this.liveRegion.remove()},_setOption:function(t,e){this._super(t,e),"source"===t&&this._initSource(),"appendTo"===t&&this.menu.element.appendTo(this._appendTo()),"disabled"===t&&e&&this.xhr&&this.xhr.abort()},_isEventTargetInWidget:function(e){var i=this.menu.element[0];return e.target===this.element[0]||e.target===i||t.contains(i,e.target)},_closeOnClickOutside:function(t){this._isEventTargetInWidget(t)||this.close()},_appendTo:function(){var e=this.options.appendTo;return e&&(e=e.jquery||e.nodeType?t(e):this.document.find(e).eq(0)),e&&e[0]||(e=this.element.closest(".ui-front, dialog")),e.length||(e=this.document[0].body),e},_initSource:function(){var e,i,s=this;t.isArray(this.options.source)?(e=this.options.source,this.source=function(i,s){s(t.ui.autocomplete.filter(e,i.term))}):"string"==typeof this.options.source?(i=this.options.source,this.source=function(e,n){s.xhr&&s.xhr.abort(),s.xhr=t.ajax({url:i,data:e,dataType:"json",success:function(t){n(t)},error:function(){n([])}})}):this.source=this.options.source},_searchTimeout:function(t){clearTimeout(this.searching),this.searching=this._delay(function(){var e=this.term===this._value(),i=this.menu.element.is(":visible"),s=t.altKey||t.ctrlKey||t.metaKey||t.shiftKey;(!e||e&&!i&&!s)&&(this.selectedItem=null,this.search(null,t))},this.options.delay)},search:function(t,e){return t=null!=t?t:this._value(),this.term=this._value(),t.length").append(t("
").text(i.label)).appendTo(e)},_move:function(t,e){return this.menu.element.is(":visible")?this.menu.isFirstItem()&&/^previous/.test(t)||this.menu.isLastItem()&&/^next/.test(t)?(this.isMultiLine||this._value(this.term),this.menu.blur(),void 0):(this.menu[t](e),void 0):(this.search(null,e),void 0)},widget:function(){return this.menu.element},_value:function(){return this.valueMethod.apply(this.element,arguments)},_keyEvent:function(t,e){(!this.isMultiLine||this.menu.element.is(":visible"))&&(this._move(t,e),e.preventDefault())},_isContentEditable:function(t){if(!t.length)return!1;var e=t.prop("contentEditable");return"inherit"===e?this._isContentEditable(t.parent()):"true"===e}}),t.extend(t.ui.autocomplete,{escapeRegex:function(t){return t.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")},filter:function(e,i){var s=RegExp(t.ui.autocomplete.escapeRegex(i),"i");return t.grep(e,function(t){return s.test(t.label||t.value||t)})}}),t.widget("ui.autocomplete",t.ui.autocomplete,{options:{messages:{noResults:"No search results.",results:function(t){return t+(t>1?" results are":" result is")+" available, use up and down arrow keys to navigate."}}},__response:function(e){var i;this._superApply(arguments),this.options.disabled||this.cancelSearch||(i=e&&e.length?this.options.messages.results(e.length):this.options.messages.noResults,this.liveRegion.children().hide(),t("
").text(i).appendTo(this.liveRegion))}}),t.ui.autocomplete;var g=/ui-corner-([a-z]){2,6}/g;t.widget("ui.controlgroup",{version:"1.12.1",defaultElement:"
",options:{direction:"horizontal",disabled:null,onlyVisible:!0,items:{button:"input[type=button], input[type=submit], input[type=reset], button, a",controlgroupLabel:".ui-controlgroup-label",checkboxradio:"input[type='checkbox'], input[type='radio']",selectmenu:"select",spinner:".ui-spinner-input"}},_create:function(){this._enhance()},_enhance:function(){this.element.attr("role","toolbar"),this.refresh()},_destroy:function(){this._callChildMethod("destroy"),this.childWidgets.removeData("ui-controlgroup-data"),this.element.removeAttr("role"),this.options.items.controlgroupLabel&&this.element.find(this.options.items.controlgroupLabel).find(".ui-controlgroup-label-contents").contents().unwrap()},_initWidgets:function(){var e=this,i=[];t.each(this.options.items,function(s,n){var o,a={};return n?"controlgroupLabel"===s?(o=e.element.find(n),o.each(function(){var e=t(this);e.children(".ui-controlgroup-label-contents").length||e.contents().wrapAll("")}),e._addClass(o,null,"ui-widget ui-widget-content ui-state-default"),i=i.concat(o.get()),void 0):(t.fn[s]&&(a=e["_"+s+"Options"]?e["_"+s+"Options"]("middle"):{classes:{}},e.element.find(n).each(function(){var n=t(this),o=n[s]("instance"),r=t.widget.extend({},a);if("button"!==s||!n.parent(".ui-spinner").length){o||(o=n[s]()[s]("instance")),o&&(r.classes=e._resolveClassesValues(r.classes,o)),n[s](r);var h=n[s]("widget");t.data(h[0],"ui-controlgroup-data",o?o:n[s]("instance")),i.push(h[0])}})),void 0):void 0}),this.childWidgets=t(t.unique(i)),this._addClass(this.childWidgets,"ui-controlgroup-item")},_callChildMethod:function(e){this.childWidgets.each(function(){var i=t(this),s=i.data("ui-controlgroup-data");s&&s[e]&&s[e]()})},_updateCornerClass:function(t,e){var i="ui-corner-top ui-corner-bottom ui-corner-left ui-corner-right ui-corner-all",s=this._buildSimpleOptions(e,"label").classes.label;this._removeClass(t,null,i),this._addClass(t,null,s)},_buildSimpleOptions:function(t,e){var i="vertical"===this.options.direction,s={classes:{}};return s.classes[e]={middle:"",first:"ui-corner-"+(i?"top":"left"),last:"ui-corner-"+(i?"bottom":"right"),only:"ui-corner-all"}[t],s},_spinnerOptions:function(t){var e=this._buildSimpleOptions(t,"ui-spinner");return e.classes["ui-spinner-up"]="",e.classes["ui-spinner-down"]="",e},_buttonOptions:function(t){return this._buildSimpleOptions(t,"ui-button")},_checkboxradioOptions:function(t){return this._buildSimpleOptions(t,"ui-checkboxradio-label")},_selectmenuOptions:function(t){var e="vertical"===this.options.direction;return{width:e?"auto":!1,classes:{middle:{"ui-selectmenu-button-open":"","ui-selectmenu-button-closed":""},first:{"ui-selectmenu-button-open":"ui-corner-"+(e?"top":"tl"),"ui-selectmenu-button-closed":"ui-corner-"+(e?"top":"left")},last:{"ui-selectmenu-button-open":e?"":"ui-corner-tr","ui-selectmenu-button-closed":"ui-corner-"+(e?"bottom":"right")},only:{"ui-selectmenu-button-open":"ui-corner-top","ui-selectmenu-button-closed":"ui-corner-all"}}[t]}},_resolveClassesValues:function(e,i){var s={};return t.each(e,function(n){var o=i.options.classes[n]||"";o=t.trim(o.replace(g,"")),s[n]=(o+" "+e[n]).replace(/\s+/g," ")}),s},_setOption:function(t,e){return"direction"===t&&this._removeClass("ui-controlgroup-"+this.options.direction),this._super(t,e),"disabled"===t?(this._callChildMethod(e?"disable":"enable"),void 0):(this.refresh(),void 0)},refresh:function(){var e,i=this;this._addClass("ui-controlgroup ui-controlgroup-"+this.options.direction),"horizontal"===this.options.direction&&this._addClass(null,"ui-helper-clearfix"),this._initWidgets(),e=this.childWidgets,this.options.onlyVisible&&(e=e.filter(":visible")),e.length&&(t.each(["first","last"],function(t,s){var n=e[s]().data("ui-controlgroup-data");if(n&&i["_"+n.widgetName+"Options"]){var o=i["_"+n.widgetName+"Options"](1===e.length?"only":s);o.classes=i._resolveClassesValues(o.classes,n),n.element[n.widgetName](o)}else i._updateCornerClass(e[s](),s)}),this._callChildMethod("refresh"))}}),t.widget("ui.checkboxradio",[t.ui.formResetMixin,{version:"1.12.1",options:{disabled:null,label:null,icon:!0,classes:{"ui-checkboxradio-label":"ui-corner-all","ui-checkboxradio-icon":"ui-corner-all"}},_getCreateOptions:function(){var e,i,s=this,n=this._super()||{};return this._readType(),i=this.element.labels(),this.label=t(i[i.length-1]),this.label.length||t.error("No label found for checkboxradio widget"),this.originalLabel="",this.label.contents().not(this.element[0]).each(function(){s.originalLabel+=3===this.nodeType?t(this).text():this.outerHTML}),this.originalLabel&&(n.label=this.originalLabel),e=this.element[0].disabled,null!=e&&(n.disabled=e),n},_create:function(){var t=this.element[0].checked;this._bindFormResetHandler(),null==this.options.disabled&&(this.options.disabled=this.element[0].disabled),this._setOption("disabled",this.options.disabled),this._addClass("ui-checkboxradio","ui-helper-hidden-accessible"),this._addClass(this.label,"ui-checkboxradio-label","ui-button ui-widget"),"radio"===this.type&&this._addClass(this.label,"ui-checkboxradio-radio-label"),this.options.label&&this.options.label!==this.originalLabel?this._updateLabel():this.originalLabel&&(this.options.label=this.originalLabel),this._enhance(),t&&(this._addClass(this.label,"ui-checkboxradio-checked","ui-state-active"),this.icon&&this._addClass(this.icon,null,"ui-state-hover")),this._on({change:"_toggleClasses",focus:function(){this._addClass(this.label,null,"ui-state-focus ui-visual-focus")},blur:function(){this._removeClass(this.label,null,"ui-state-focus ui-visual-focus")}})},_readType:function(){var e=this.element[0].nodeName.toLowerCase();this.type=this.element[0].type,"input"===e&&/radio|checkbox/.test(this.type)||t.error("Can't create checkboxradio on element.nodeName="+e+" and element.type="+this.type)},_enhance:function(){this._updateIcon(this.element[0].checked)},widget:function(){return this.label},_getRadioGroup:function(){var e,i=this.element[0].name,s="input[name='"+t.ui.escapeSelector(i)+"']";return i?(e=this.form.length?t(this.form[0].elements).filter(s):t(s).filter(function(){return 0===t(this).form().length}),e.not(this.element)):t([])},_toggleClasses:function(){var e=this.element[0].checked;this._toggleClass(this.label,"ui-checkboxradio-checked","ui-state-active",e),this.options.icon&&"checkbox"===this.type&&this._toggleClass(this.icon,null,"ui-icon-check ui-state-checked",e)._toggleClass(this.icon,null,"ui-icon-blank",!e),"radio"===this.type&&this._getRadioGroup().each(function(){var e=t(this).checkboxradio("instance");e&&e._removeClass(e.label,"ui-checkboxradio-checked","ui-state-active")})},_destroy:function(){this._unbindFormResetHandler(),this.icon&&(this.icon.remove(),this.iconSpace.remove())},_setOption:function(t,e){return"label"!==t||e?(this._super(t,e),"disabled"===t?(this._toggleClass(this.label,null,"ui-state-disabled",e),this.element[0].disabled=e,void 0):(this.refresh(),void 0)):void 0},_updateIcon:function(e){var i="ui-icon ui-icon-background ";this.options.icon?(this.icon||(this.icon=t(""),this.iconSpace=t(" "),this._addClass(this.iconSpace,"ui-checkboxradio-icon-space")),"checkbox"===this.type?(i+=e?"ui-icon-check ui-state-checked":"ui-icon-blank",this._removeClass(this.icon,null,e?"ui-icon-blank":"ui-icon-check")):i+="ui-icon-blank",this._addClass(this.icon,"ui-checkboxradio-icon",i),e||this._removeClass(this.icon,null,"ui-icon-check ui-state-checked"),this.icon.prependTo(this.label).after(this.iconSpace)):void 0!==this.icon&&(this.icon.remove(),this.iconSpace.remove(),delete this.icon)},_updateLabel:function(){var t=this.label.contents().not(this.element[0]);this.icon&&(t=t.not(this.icon[0])),this.iconSpace&&(t=t.not(this.iconSpace[0])),t.remove(),this.label.append(this.options.label)},refresh:function(){var t=this.element[0].checked,e=this.element[0].disabled;this._updateIcon(t),this._toggleClass(this.label,"ui-checkboxradio-checked","ui-state-active",t),null!==this.options.label&&this._updateLabel(),e!==this.options.disabled&&this._setOptions({disabled:e})}}]),t.ui.checkboxradio,t.widget("ui.button",{version:"1.12.1",defaultElement:"