${common._pattern(obj.value)}`;
- return common.$renderInput(obj, html, id);
- }
- else
- return html+common.$renderInput(obj);
- },
- highlight: text => template.escape(text),
- type:"text"
- },
- $init:function(config){
- const type = config.type || this.defaults.type;
- this._viewobj.className += " webix_el_" + type;
-
- if(type == "textarea"){
- delete config.clear;
- config.height = config.height || 0;
- config.minHeight = config.minHeight || 60;
- this._skipSubmit = true;
- }
- else {
- //input hasn't scroll event
- this.scrollEv = event(document, "selectionchange", ()=> {
- if(this.$view.contains(document.getSelection().focusNode))
- this._syncText();
- });
- this.attachEvent("onDestruct", ()=> {
- eventRemove(this.scrollEv);
- });
- }
-
- //setValue
- this.attachEvent("onChange", ()=> this._syncText());
-
- this.attachEvent("onAfterRender", ()=> {
- this._updatePos();
-
- const evs = ["scroll", "focus", "blur", "paste", "cut", "keyup", "input"];
- evs.forEach((ev) => _event(this.getInputNode(), ev, ()=> this._syncText()));
-
- this._handleInput(true);
- });
- },
- $setSize:function(){
- text.api.$setSize.apply(this, arguments);
- this._updatePos();
- },
- $renderIcon:function(c){
- if (c.type == "text")
- return text.api.$renderIcon.apply(this, arguments);
- return "";
- },
- _getLabelHeight:function(top){
- if(this._settings.type == "textarea")
- return top ? this._labelTopHeight-this._settings.inputPadding : "";
-
- return text.api._getLabelHeight.apply(this, arguments);
- },
- getInputNode: function() {
- return this._dataobj.querySelector(this._settings.type == "text" ? "input" : "textarea");
- },
- _getHighlightNode: function(){
- return this._dataobj.querySelector(".webix_text_highlight");
- },
- _handleInput: function(init){
- const highlight = this._getHighlightNode().firstElementChild;
- let text = this.getValue();
-
- if(init || text != (this._lastText||"")){
- this._lastText = text;
-
- //add at the end because div ignores last empty line + it gives better positioning
- highlight.innerHTML = this._settings.highlight.apply(this, [text]) + " ";
- }
- },
- _handleScroll: function(){
- let highlight = this._getHighlightNode();
- if(this._settings.type == "text")
- highlight = highlight.firstElementChild;
-
- const text = this.getInputNode();
-
- highlight.scrollTop = text.scrollTop;
- highlight.scrollLeft = text.scrollLeft;
- },
- _updatePos: function(){
- if(this._rendered_input && this.isVisible()){
- const input = this.getInputNode();
- const highlightStyles = this._getHighlightNode().style;
-
- highlightStyles.left = input.offsetLeft+"px";
- highlightStyles.top = input.offsetTop+"px";
- highlightStyles.height = input.getBoundingClientRect().height+"px";
- }
- },
- _syncText: function(){
- delay(function(){
- if (this.$destructed) return;
-
- this._handleInput();
- this._handleScroll();
- }, this);
- }
-};
-
-const view = protoUI(api, text.view);
-export default {api, view};
\ No newline at end of file
diff --git a/v3/js/libs/webix/sources/views/timeboard.js b/v3/js/libs/webix/sources/views/timeboard.js
deleted file mode 100644
index 6d9899b..0000000
--- a/v3/js/libs/webix/sources/views/timeboard.js
+++ /dev/null
@@ -1,261 +0,0 @@
-import { protoUI } from "../ui/core";
-import i18n from "../webix/i18n";
-import layout from "../views/layout";
-import { isUndefined, copy } from "../webix/helpers";
-import wDate from "../core/date";
-import { $active } from "../webix/skin";
-import { getTextSize } from "../webix/html";
-
-const api = {
- name:"timeboard",
- defaults: {
- width: 260,
- hours: true,
- seconds: false,
- twelve: /%([a,A])/.test(i18n.timeFormat)
- },
-
- $skin:function(){
- layout.api.$skin.call(this);
-
- this.defaults.margin = $active.layoutMargin.form;
- this.defaults.padding = $active.layoutPadding.space;
- },
-
- $init: function(config) {
- this.$view.className += " webix_timeboard";
-
- let rows = [];
- const twelve = !isUndefined(config.twelve) ? config.twelve: this.defaults.twelve;
- const hours = !isUndefined(config.hours) ? config.hours : this.defaults.hours;
- const seconds = config.seconds || this.defaults.seconds;
-
- if (isUndefined(config.height)){
- const nrows = (1 + hours*1 + 1 + seconds*1 + (!!config.button)*1);
- config.height = $active.inputHeight * nrows + (config.margin||this.defaults.margin) * (nrows - 1) + (config.padding||this.defaults.padding) * 2;
- }
-
- rows.push(this._getClock(hours, seconds, twelve));
- rows.push(...this._getSliders(hours, seconds, twelve));
- if (config.button)
- rows.push(this._getDoneButton());
-
- config.rows = [{
- view:"form",
- elements:rows, padding:0, borderless:true,
- on:{
- onChange:(v,o,c) => this._recollectValues(c)
- }
- }];
-
- this.$ready.push(function(){
- this._form = this.queryView("form");
- const value = this._settings.value;
- if(value) this.setValue(value, "auto");
- });
- },
-
- // accepts strings and Dates
- setValue: function(value, config) {
- value = this.$prepareValue(value);
- const oldvalue = this._settings.value;
-
- if(!wDate.equal(value, oldvalue)) {
- this._settings.value = value;
- this.$setValue(value);
- this.callEvent("onChange", [value, oldvalue, config]);
- }
- },
-
- $prepareValue:function(value){
- if (typeof value === "string")
- value = i18n.parseTimeFormatDate(value);
- return value || wDate.datePart(new Date());
- },
-
- $setValue:function(value){
- const obj = {};
-
- obj.minutes = obj.sminutes = value.getMinutes();
- if (this._settings.hours)
- obj.shours = obj.hours = value.getHours();
- if (this._settings.seconds)
- obj.sseconds = obj.seconds = value.getSeconds();
-
- if (this._settings.twelve){
- if (!isUndefined(obj.hours)) {
- obj.day_part = obj.hours > 11 ? i18n.pm[1] : i18n.am[1];
- obj.hours = !obj.hours || obj.hours == 12 ? 12 : obj.hours % 12;
- obj.shours = obj.hours == 12 ? 0 : obj.hours;
- }
- }
-
- this._form.setValues(obj, false, "auto");
- },
-
- _recollectValues(config){
- const values = this.$getValue();
-
- const date = this._settings.value ? wDate.copy(this._settings.value) : new Date();
- date.setHours(values.hours || 0);
- date.setMinutes(values.minutes);
- if(this._settings.seconds)
- date.setSeconds(values.seconds);
-
- this.setValue(date, config);
- },
-
- $getValue:function(){
- const values = this._form.getValues();
- if (this._settings.twelve && this._settings.hours){
- if(values.day_part == i18n.pm[1] && values.hours < 12)
- values.hours = (values.hours * 1 + 12).toString();
- else if(values.day_part == i18n.am[1] && values.hours == 12)
- values.hours = 0;
- }
- return values;
- },
-
- getValue: function() {
- if(this._settings.stringResult){
- const values = this.$getValue();
- const res = [];
- if(values.hours) res.push(values.hours);
- if(values.minutes) res.push(values.minutes);
- if(values.seconds) res.push(values.seconds);
- return res.join(":");
- }
- else
- return this._settings.value;
- },
-
- _getClock: function(hours, seconds, twelve) {
- const inputs = [
- {}, this._getText("minutes"), {}
- ];
-
- const separator = {
- css: "webix_colon_template", template: ":",
- borderless: true, width: 16
- };
-
- if (hours)
- inputs.splice(1, 0, this._getText("hours", twelve), copy(separator));
- if (seconds)
- inputs.splice(-1, 0, copy(separator), this._getText("seconds"));
-
- if (twelve && hours){
- const am = i18n.am[1];
- const pm = i18n.pm[1];
-
- const control = {
- view: "label",
- name: "day_part",
- css: "webix_day_part",
- template:"
#label#
",
- inputWidth: 30,
- on: {
- onItemClick:function(){
- this.setValue(this.getValue() == am ? pm : am, "user");
- },
- onKeyPress:function(code, e){
- this._onKeyPress(code, e);
- }
- }
- };
-
- inputs.splice(-1, 1, control);
- }
-
- return {
- type: "clean",
- cols: inputs
- };
- },
-
- _getText: function(name, twelve) {
- const max = name === "hours" ? (twelve ? 11 : 23) : 59;
-
- return {
- view: "text",
- width: getTextSize("00").width + 2*$active.dataPadding + 2*$active.inputPadding,
- name: name,
- format: {
- parse: a => {
- if (a == 12 && name === "hours" && twelve) a = "00";
- return (a.length > 1) ? a.replace(/^0/, "") : a || 0;
- },
- edit: a => {
- if (a <= 0 && name === "hours" && twelve) a = 12;
- else if (a < 0) a = 0;
- else if (a > max) a = max;
- return (a + "").length === 1 ? "0" + a : a + "" || "00";
- }
- },
- on: {
- onChange:(nv) => {
- const v = (twelve && name === "hours" && (!nv || nv == 12) ? 0 : nv) * 1;
- this._form.elements["s"+name].setValue(v, "auto");
- },
- },
- };
- },
-
- _getSliders: function(hours, seconds, twelve) {
- const sliders = [
- this._getSlider("minutes", i18n.calendar.minutes, 59)
- ];
-
- if (hours) {
- sliders.unshift(this._getSlider(
- "hours",
- i18n.calendar.hours, twelve ? 11 : 23
- ));
- }
-
- if (seconds)
- sliders.push(this._getSlider("seconds", i18n.timeboard.seconds, 59, twelve));
-
- return sliders;
- },
-
- _getSlider: function(name, title, max, twelve) {
- const enLocale = name === "hours" && twelve;
-
- const config = {
- view: "slider",
- name: "s" + name,
- title: title,
- moveTitle: false,
- min: 0, max: max,
- on: {
- onChange:(nv) => {
- this._form.elements[name].setValue((enLocale ? (!nv || nv == 12 ? 12 : nv%12) : nv) + "", "auto");
- },
- onSliderDrag:function(){
- const nv = this.getValue();
- const form = this.getFormView();
- form.blockEvent();
- form.elements[name].setValue((enLocale ? (!nv || nv == 12 ? 12 : nv%12) : nv) + "", "auto");
- form.unblockEvent();
- }
- }
- };
-
- return config;
- },
-
- _getDoneButton: function() {
- return {
- view: "button",
- value: i18n.calendar.done,
- css: "webix_primary",
- click: () => {
- this.callEvent("onTimeSelect", [ this._settings.value ]);
- }
- };
- }
-};
-
-const view = protoUI(api, layout.view);
-export default { api, view };
diff --git a/v3/js/libs/webix/sources/views/timeline.js b/v3/js/libs/webix/sources/views/timeline.js
deleted file mode 100644
index 40230c7..0000000
--- a/v3/js/libs/webix/sources/views/timeline.js
+++ /dev/null
@@ -1,271 +0,0 @@
-import {protoUI} from "../ui/core";
-import {insertBefore, create, remove, createCss} from "../webix/html";
-import {$active} from "../webix/skin";
-import {isUndefined} from "../webix/helpers";
-
-import base from "../views/baseview";
-import template from "../webix/template";
-
-import AutoTooltip from "../core/autotooltip";
-import DataLoader from "../core/dataloader";
-import EventSystem from "../core/eventsystem";
-import MouseEvents from "../core/mouseevents";
-import Scrollable from "../core/scrollable";
-import RenderStack from "../core/renderstack";
-
-import env from "../webix/env";
-import DateHelper from "../core/date";
-
-
-const api = {
- name:"timeline",
- defaults:{
- scroll:"auto"
- },
- $init:function(config){
- const isHorizontal = config.layout === "x";
-
- if(isHorizontal){
- const common = config.type;
- this.type.type = common && common.type || "top";
- if (isUndefined(config.scroll)) config.scroll = "x";
- }
-
- this._viewobj.className += isHorizontal ? " webix_timeline_horizontal" : " webix_timeline";
- this.$blockRender = true;
-
- this.data.provideApi(this,true);
- this.data.attachEvent("onStoreUpdated", (id,data,type) => this.render(id,data,type));
- },
- _id:/*@attr*/"webix_tl_id",
- on_click:{},
- $setSize: function(x, y) {
- this.$blockRender = false;
- if (base.api.$setSize.call(this, x, y)){
- this.refresh();
- }
- },
- render:function(id,data,type){
- if (!this.isVisible(this._settings.id) || this.$blockRender)
- return;
-
- if(type == "update"){
- const node = this.getItemNode(id); //get html element of updated item
-
- const t = this._htmlmap[id] = this._toHTMLObject(data);
- insertBefore(t, node);
- remove(node);
- return true;
- }
- else{
- //full reset
- if (this.callEvent("onBeforeRender",[this.data])){
- this._htmlmap = null;
- this._dataobj.innerHTML = this.data.getRange().map(this._toHTML,this).join("");
- this.callEvent("onAfterRender",[]);
- }
- }
- return true;
- },
- _toHTML:function(obj){
- this.callEvent("onItemRender",[obj]);
- const index = this.getIndexById(obj.id);
- return this.type.templateStart.call(this,obj,this.type, index)+this.type.template.call(this, obj,this.type, index)+this.type.templateEnd.call(this);
- },
- type:{
- type:"left",
- classname:function(obj, common, index){
- let css = "webix_timeline_item";
-
- if(common.type !== "alternate")
- css += " webix_timeline_"+common.type;
- else {
- if (this._settings.layout == "x")
- css += " webix_timeline_"+(index%2?"bottom":"top");
- else
- css += " webix_timeline_"+(index%2?"right":"left");
- }
-
- if (common.css) css += " "+common.css;
- if (obj.$css){
- if (typeof obj.$css == "object")
- obj.$css = createCss(obj.$css);
- css += " "+obj.$css;
- }
-
- return css;
- },
- lineColor:(obj) => obj.color,
- templateValue:template("#value#"),
- templateDetails:(obj) => obj.details || "",
- templateDate:(obj) => {
- const format = DateHelper.dateToStr("%d %M, %Y");
- return format(obj.date);
- },
- template:function(obj, common, index) {
- const padding = $active.dataPadding;
- const radius = 6, stroke = 2;
-
- const lineColor = typeof common.lineColor == "string" ? common.lineColor : common.lineColor(obj, common);
- const commonStyle = `stroke-width:${stroke}px; stroke:${lineColor || $active.timelineColor};`;
-
- const type = common.type;
- const last = index+1 == this.count();
- const circleCenter = radius + stroke/2;
- const circleSize = radius*2+stroke;
- const innerPadding = circleSize/2 + 7;
-
- // common properties for HTML markup, values are different for layouts
- let svgStyle = "position:relative;",
- dateStyle = "",
- eventStyle = "",
- svgWidth, svgHeight,
- x1, y1, x2, y2,
- cx, cy;
-
- const date = common.templateDate(obj,common);
- const details = common.templateDetails(obj, common);
- const eventText = `
${common.templateValue(obj, common)}
- ${details?`
${details}
`:""}`;
-
- if(this._settings.layout == "x"){
- const height = this.$height - (padding*2);
- let center = $active.listItemHeight;
- let top = padding,
- theight = height-center-innerPadding,
- eventOffset = center+innerPadding+padding,
- eventPos = "top";
-
- if (type == "bottom"){
- center = height-center;
- top = center+innerPadding+padding;
- eventOffset = height-center+padding+innerPadding;
- eventPos = "bottom";
- } else if(type == "alternate"){
- center = Math.round(height*0.5);
- theight = center-innerPadding;
- top = center-innerPadding+padding-20,
- eventOffset = center+innerPadding+padding;
- if(index%2){
- top = eventOffset;
- eventPos = "bottom";
- }
- }
-
- let itemWidth = obj.$width || common.width;
- if (itemWidth == "auto")
- itemWidth = this._getTextSize([
- { text:eventText, css:"webix_timeline_event", height:theight},
- { text:date, css:"webix_timeline_date"}
- ]).width + padding;
-
- dateStyle = `top:${top}px;`;
- eventStyle = `${eventPos}:${eventOffset}px; height:auto; max-height:${theight}px; width:inherit;`;
- svgWidth = itemWidth;
- svgHeight = center + circleSize;
- svgStyle += "left:1px;";
- y1 = center; x1 = circleCenter + radius;
- y2 = center; x2 = "100%";
- cy = center; cx = circleCenter;
- } else {
- const scrollSize = this._settings.scroll ? env.scrollSize : 0;
- const width = this.$width - (padding*2) - scrollSize;
- let center = Math.floor(width*0.35);
- let left = padding, rwidth = Math.floor(width*0.65)-innerPadding;
- let right = center+innerPadding+padding, lwidth = center-innerPadding;
-
- if(type == "right"){
- center = width-right+innerPadding+padding;
- left = center+innerPadding+padding;
- right = padding;
- }
- else if(type == "alternate"){
- center = Math.floor(width*0.5);
- right = center+innerPadding+padding;
- lwidth = rwidth = center-innerPadding;
- if(index%2){
- left = right;
- right = padding;
- }
- }
-
- let itemHeight = obj.$height || common.height;
- if (itemHeight == "auto")
- itemHeight = this._getTextSize([
- { text:eventText, css:"webix_timeline_event", width:rwidth},
- { text:date, css:"webix_timeline_date", width:lwidth}
- ]).height + padding;
-
- dateStyle = `left:${left}px; width:${lwidth}px;`;
- eventStyle = `left:${right}px; width:${rwidth}px; height:${itemHeight-padding}px;`;
- svgWidth = center + circleSize;
- svgHeight = itemHeight;
- svgStyle += "top:3px;";
- x1 = center; y1 = circleCenter + radius;
- x2 = center; y2 = "100%";
- cx = center; cy = circleCenter;
- }
-
- return `
${date}
-
- ${(!last) ? `
-
- ${eventText}
-
`;
- },
- widthSize:function(obj, common){
- const width = obj.$width || common.width;
- return width + (width>-1?"px":"");
- },
- heightSize:function(obj, common){
- const height = obj.$height || common.height;
- return height + (height>-1?"px":"");
- },
- templateStart:function(obj, common, index){
- // horizontal layout
- if (this._settings.layout == "x"){
- return `
`;
- }
- return `
`;
- },
- templateEnd:template("
")
- },
- _getTextSize:function(c){
- const d = create("DIV");
- d.style.cssText = "visibility:hidden;position:absolute;top:0px;left:0px;overflow:hidden;";
- document.body.appendChild(d);
-
- let width = 0;
- let height = 0;
- for (let i=0; i
"+obj.label+"";
- },
- $setValue:function(value){
- const input = this.getInputNode();
- const obj = this._settings;
- const isPressed = (value && value != "0");
- const text = (isPressed ? obj.onLabel : obj.offLabel) || obj.label;
-
- const children = input.children;
-
- //icon or image button
- if(this._types[obj.type]){
- const icon = children[0];
-
- if(icon.nodeName == "SPAN" && obj.onIcon && obj.offIcon && obj.onIcon != obj.offIcon)
- icon.className = icon.className.replace((isPressed?obj.offIcon:obj.onIcon), (isPressed?obj.onIcon:obj.offIcon));
-
- if(obj.type == "imageTop" || obj.type == "iconTop")
- children[1].innerHTML = text;
- else{
- input.innerHTML = text;
- input.insertBefore(icon, input.firstChild);
- }
- }
- else
- input.innerHTML = text;
-
- input.setAttribute("aria-pressed", isPressed?"true":"false");
-
- const changeCss = isPressed ? addCss : removeCss;
- changeCss(input.parentNode, "webix_pressed");
- },
- toggle:function(config){
- this.setValue(!this.getValue(), config);
- },
- getValue:function(){
- var value = this._settings.value;
- return (!value||value=="0")?0:1;
- },
- defaults:{
- template:function(obj, common){
- var isPressed = (obj.value && obj.value != "0");
- var css = isPressed ? " webix_pressed" : "";
-
- obj.label = (isPressed ? obj.onLabel : obj.offLabel) || obj.label;
- obj.icon = (isPressed ? obj.onIcon : obj.offIcon) || obj.icon;
-
- var html = ""+common.$renderInput(obj, common)+"
";
- html = html.replace(/(button)\s*(?=\w)/, "$1"+(" aria-pressed='"+(isPressed?"true":"false")+"' "));
- if (obj.badge||obj.badge===0)
- html = html.replace(/<\/div>$/, ""+obj.badge+" ");
-
- return html;
- }
- },
- _set_inner_size:false
-};
-
-
-const view = protoUI(api, button.view);
-export default {api, view};
\ No newline at end of file
diff --git a/v3/js/libs/webix/sources/views/toolbar.js b/v3/js/libs/webix/sources/views/toolbar.js
deleted file mode 100644
index 70950c0..0000000
--- a/v3/js/libs/webix/sources/views/toolbar.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import {protoUI} from "../ui/core";
-
-import {_each} from "../ui/helpers";
-import {extend} from "../webix/helpers";
-import {debug_size_box} from "../webix/debug";
-
-import layout from "../views/layout";
-
-import Scrollable from "../core/scrollable";
-import AtomDataLoader from "../core/atomdataloader";
-import Values from "../core/values";
-import ValidateData from "../core/validatedata";
-
-
-const api = {
- name:"toolbar",
- defaults:{
- type:"toolbar"
- },
- _render_borders:true,
- _form_classname:"webix_toolbar",
- _form_vertical:false,
- $init:function(config){
- if (!config.borderless){
- this._contentobj.style.borderWidth="1px";
- this._settings._inner = {top:false, left:false, right:false, bottom:false };
- }
-
- this._contentobj.className+=" "+this._form_classname;
- this._viewobj.setAttribute("role", "toolbar");
- },
- _recollect_elements:function(){
- var form = this;
- form.elements = {};
- _each(this, function(view){
- if (view._settings.name && view.getValue && view.setValue){
- form.elements[view._settings.name] = view;
- if (view.mapEvent)
- view.mapEvent({
- onbeforetabclick:form,
- onaftertabclick:form,
- onitemclick:form,
- onchange:form
- });
- }
-
- if (view.setValues || view._fill_data) return false;
- });
- var old = this._values;
- this.setDirty(false);
- if (old) {
- //restore dirty state after form reconstructing
- var now = this._values;
- for (var key in form.elements)
- if (old[key] && now[key] != old[key]){
- now[key] = old[key];
- this.setDirty(true);
- }
- }
- },
- _parse_cells_ext_end:function(){
- this._recollect_elements();
- },
- _parse_cells_ext:function(collection){
- var config = this._settings;
- if (config.elements && !collection){
- this._collection = collection = config.elements;
- this._vertical_orientation = this._form_vertical;
- delete config.elements;
- }
-
- if (this._settings.elementsConfig)
- this._rec_apply_settings(this._collection, config.elementsConfig);
-
- return collection;
- },
- _rec_apply_settings:function(col, settings){
- for (var i=0; i
this._contentobj.offsetWidth)
- positionX = pos.x;
- else {
- positionX = (pos.x - (this._settings.dx * 2)) - this._contentobj.offsetWidth;
- if (positionX < 0) positionX = 0;
- }
-
- if (positionY - this._settings.dy > this._contentobj.offsetHeight)
- positionY = pos.y;
- else {
- positionY = (pos.y - (this._settings.dy * 2)) - this._contentobj.offsetHeight;
- if (positionY < 0) positionY = 0;
- }
- this._contentobj.style.left = positionX+this._settings.dx+"px";
- this._contentobj.style.top = positionY+this._settings.dy+"px";
- } else this.hide();
- },
- //hide tooltip
- hide:function(){
- if (this._visible){
- this.data = null; //nulify, to be sure that on next show it will be fresh-rendered
- this._contentobj.style.display = "none";
- this._visible = false;
- }
- },
- disable:function(){
- this._disabled = true;
- },
- enable:function(){
- this._disabled = false;
- },
- type:{
- template:template("{obj.value}"),
- templateStart:template.empty,
- templateEnd:template.empty
- }
-
-};
-
-
-const view = protoUI(api, SingleRender, Settings, EventSystem, base.view);
-export default {api, view};
\ No newline at end of file
diff --git a/v3/js/libs/webix/sources/views/tree.js b/v3/js/libs/webix/sources/views/tree.js
deleted file mode 100644
index 7a983cc..0000000
--- a/v3/js/libs/webix/sources/views/tree.js
+++ /dev/null
@@ -1,227 +0,0 @@
-import proto from "../views/proto";
-import Group from "../core/group";
-import TreeAPI from "../core/treeapi";
-import DragItem from "../core/dragitem";
-import TreeDataMove from "../core/treedatamove";
-import SelectionModel from "../core/selectionmodel";
-import KeysNavigation from "../core/keysnavigation";
-import MouseEvents from "../core/mouseevents";
-import Scrollable from "../core/scrollable";
-import TreeDataLoader from "../core/treedataloader";
-import TreeRenderStack from "../core/treerenderstack";
-import CopyPaste from "../core/copypaste";
-import EventSystem from "../core/eventsystem";
-import type from "../webix/type";
-import template from "../webix/template";
-import TreeStore from "../core/treestore";
-import TreeClick from "../core/treeclick";
-import TreeType from "../core/treetype";
-import TreeStateCheckbox from "../core/treestatecheckbox";
-
-import {createCss} from "../webix/html";
-import {protoUI} from "../ui/core";
-import {extend, isArray} from "../webix/helpers";
-import DragControl from "../core/dragcontrol";
-
-
-const api = {
- name:"tree",
- defaults:{
- scroll:"auto",
- navigation:true
- },
- $init:function(){
- this._viewobj.className += " webix_tree";
-
- //map API of DataStore on self
- extend(this.data, TreeStore, true);
- extend(this.on_click, TreeClick);
- this.data.provideApi(this,true);
- this._viewobj.setAttribute("role", "tree");
- },
- //attribute , which will be used for ID storing
- _id:/*@attr*/"webix_tm_id",
- //supports custom context menu
- on_context:{},
- on_dblclick:{
- webix_tree_checkbox:function(){
- if(this.on_click.webix_tree_checkbox)
- return this.on_click.webix_tree_checkbox.apply(this,arguments);
- }
- },
- $fixEditor: function(editor) {
- var item = this.getItemNode(editor.id).querySelector("span");
- if (item){
- if (item.innerHTML === "") item.innerHTML =" ";
- var padding = 10;
- var pos = item.offsetLeft;
- editor.node.style.width = this.$view.scrollWidth - pos - padding + "px";
- editor.node.style.marginLeft = pos + "px";
- editor.node.style.left = "0px";
- }
- },
- //css class to action map, for onclick event
- on_click:{
- webix_tree_item:function(e, id){
- if(this._settings.activeTitle){
- var item = this.getItem(id);
- if(item.open)
- this.close(id);
- else
- this.open(id);
- }
- if (this._settings.select){
- if (this._settings.select=="multiselect" || this._settings.multiselect){
- var multimode = (e.ctrlKey || e.metaKey || (this._settings.multiselect == "touch"));
- if (this._settings.multiselect == "level" && (multimode || e.shiftKey)){
- //allow only selection on the same level
- var select = this.getSelectedId(true)[0];
- if (select && this.getParentId(id) != this.getParentId(select))
- return;
- }
- this.select(id, false, multimode, e.shiftKey); //multiselection
- } else
- this.select(id);
- }
- }
- },
- _paste: {
- // insert new item with pasted value
- insert: function(text) {
- var parent = this.getSelectedId() ||"0" ;
- this.add({ value: text }, null, parent);
- },
- // change value of each selected item
- modify: function(text) {
- var sel = this.getSelectedId(true);
- for (var i = 0; i < sel.length; i++) {
- this.getItem(sel[i]).value = text;
- this.refresh(sel[i]);
- }
- },
- // do nothing
- custom: function() {}
- },
- _drag_order_complex:true,
- $dragHTML:function(obj,e,context){
- let html = ""+this.type.template(obj, this.type)+"
";
- if ( isArray(context.source) && context.source.length > 1 )
- html = this._toMultipleHTML(html, context.source.length);
- return html;
- },
- _close_branches:function(context){
- let source = context.source;
- for (let i=0; i#value#"),
- templateStart:template(""),
- templateEnd:template("
"),
- templateCopy: template("#value#")
- }, TreeType)
-};
-
-
-const view = protoUI(api, TreeStateCheckbox, Group, TreeAPI, DragItem, TreeDataMove, SelectionModel, KeysNavigation, MouseEvents, Scrollable, TreeDataLoader, proto.view, TreeRenderStack, CopyPaste, EventSystem);
-export default {api, view};
-
-type(view, {
- name:"lineTree",
- css:"webixLineTree",
- icon:function(obj, common){
- var html = "";
- var open = "";
- for (var i=1; i<=obj.$level; i++){
- if (i==obj.$level)
- open = (obj.$count?(obj.open?"webix_tree_open ":"webix_tree_close "):"webix_tree_none ");
-
- var icon = common._icon_src(obj, common, i);
- if (icon)
- html+="
";
- }
- return html;
- },
- _icon_src:function(obj, common, level){
- var lines = common._tree_branch_render_state;
- var tree = TreeRenderStack._obj;
-
- if (lines === 0 && tree){
- //we are in standalone rendering
- //need to reconstruct rendering state
- var lines_level = obj.$level;
- var branch_id = obj.id;
-
- lines = [];
- while (lines_level){
- var parent_id = tree.getParentId(branch_id);
- var pbranch = tree.data.branch[parent_id];
- if (pbranch[pbranch.length-1] == branch_id)
- lines[lines_level] = true;
-
- branch_id = parent_id;
- lines_level--;
- }
-
- //store for next round
- common._tree_branch_render_state = lines;
- }
- if (!lines)
- return 0;
- //need to be replaced with image urls
- if (level == obj.$level){
- var mode = 3; //3-way line
- if (!obj.$parent){ //top level
- if (obj.$index === 0)
- mode = 4; //firts top item
- }
-
- if (lines[obj.$level])
- mode = 2;
-
- if (obj.$count){
- if (obj.open)
- return "minus"+mode;
- else
- return "plus"+mode;
- } else
- return "line"+mode;
- } else {
- if (!lines[level])
- return "line1";
- return "blank";
- }
- }
-});
\ No newline at end of file
diff --git a/v3/js/libs/webix/sources/views/treemap.js b/v3/js/libs/webix/sources/views/treemap.js
deleted file mode 100644
index 1db6f2c..0000000
--- a/v3/js/libs/webix/sources/views/treemap.js
+++ /dev/null
@@ -1,348 +0,0 @@
-import proto from "../views/proto";
-import Group from "../core/group";
-import TreeAPI from "../core/treeapi";
-import SelectionModel from "../core/selectionmodel";
-import KeysNavigation from "../core/keysnavigation";
-import MouseEvents from "../core/mouseevents";
-import Scrollable from "../core/scrollable";
-import TreeDataLoader from "../core/treedataloader";
-import TreeRenderStack from "../core/treerenderstack";
-import CopyPaste from "../core/copypaste";
-import EventSystem from "../core/eventsystem";
-import {insertBefore, remove, locate, createCss} from "../webix/html";
-import {protoUI} from "../ui/core";
-import template from "../webix/template";
-import {extend, bind, copy} from "../webix/helpers";
-import i18n from "../webix/i18n";
-import TreeStore from "../core/treestore";
-
-
-const api = {
- name: "treemap",
- defaults: {
- activeItem: false,
- subRender: true,
- header: true,
- headerHeight: 35,
- value: template("#value#"),
- headerTemplate: "",
- navigation:true
- },
- value_setter: template,
- headerTemplate_setter: template,
- header_setter: function(value){
- if(value && value !== true){
- this.type.header = value;
- }
- return value;
- },
- $init: function(){
- this.$view.className += " webix_treemap";
- this._viewobj.setAttribute("role", "tree");
-
- this._htmlElement = document.createElement("DIV");
-
- extend(this.data, TreeStore, true);
- this.data.provideApi(this,true);
-
- this.data.attachEvent("onClearAll", bind(function(){
- this._html = "";
- this.$values = {};
- this.$xy = {};
- },this));
-
- this.attachEvent("onKeyPress", this._onKeyPress);
- },
- _toHTMLItem:function(obj){
- var mark = this.data._marks[obj.id];
- this.callEvent("onItemRender",[obj]);
- var template = (obj.$template?this.type["template"+obj.$template].call(this,obj,this.type,mark):this.type.template.call(this,obj,this.type,mark));
- return this.type.templateStart.call(this,obj,this.type,mark) + template + this.type.templateEnd.call(this);
- },
- _renderHeader: function(id){
- var item = this.getItem(id);
- var height = this._settings.headerHeight;
- var html = "";
- return html;
- },
- _renderBranch:function(pId){
- var sizes, row, value, sum,
- leaves = [];
-
- if(!this.$width || !this.count()){
- this._html = "";
- return false;
- }
-
- if(!pId){
- pId = this.config.branch||0;
- this._html = "";
- this.$values = {};
- this.$xy = {};
- this.$xy[pId] = {
- width: this.$width,
- height: this.$height,
- top: 0,
- left: 0
- };
- // header
- if(pId && this._settings.header){
- this.$xy[pId].height -= this._settings.headerHeight;
- this.$xy[pId].top = this._settings.headerHeight;
- this._html += this._renderHeader(pId);
- }
-
- // values calculation
- sum = 0;
- this.data.each(function(item){
- var parentId = this.getParentId(item.id);
- if(!this.data.branch[item.id]){
- value = this.config.value.call(this,item)*1;
- if(!isNaN(value) && value){
- this.$values[item.id] = value;
- sum += value;
- while(parentId){
- if(!this.$values[parentId])
- this.$values[parentId] = 0;
- this.$values[parentId] += value;
- parentId = this.getParentId(parentId);
- }
-
- }
- }
- }, this, false, pId);
- }
-
- this.data.eachChild(pId, function(item){
- if(this.$values[item.id])
- leaves.push(copy(item));
- }, this);
-
- sum = sum || this.$values[pId];
-
- if(leaves.length && sum){
- sizes = this.$xy[pId];
- row ={ top: sizes.top, left:sizes.left, dx: sizes.width, dy: sizes.height, set:[], sum:0 };
- row.dim = Math.min(row.dx,row.dy);
- let delta = row.dx*row.dy/sum; //total area
- for (let i=0; i< leaves.length; i++)
- leaves[i].$value = this.$values[leaves[i].id]*delta; //normalized value
-
-
- leaves.sort(function(a,b){
- return a.$value >b.$value?-1:1;
- });
-
- var bad = Infinity;
- let i = 0;
- while(leaves[i]){
- var check=this._worst(row, leaves[i]);
- if (check row.dy){
- r.left += delta;
- r.dx -= delta;
- } else {
- r.top += delta;
- r.dy -= delta;
- }
- row=r;
- row.dim = Math.min(row.dx,row.dy);
- bad=Infinity;
- }
- }
- }
- if(row)
- this._renderRow(row);
- },
- _renderRow:function(row){
- var i, id, x, y,
- top=row.top,
- left=row.left;
-
- row.mode=(row.dy1?a:(1/a);
- },
- _toHTMLObject:function(obj){
- this._htmlElement.innerHTML = this._toHTMLItem(obj);
- return this._htmlElement.firstChild;
- },
- showBranch: function(id){
- this._settings.branch = id;
- this.refresh();
- },
- render:function(id,data,type){
- if (!this.isVisible(this._settings.id) || this.$blockRender)
- return;
-
- if(type == "update"){
- var cont = this.getItemNode(id); //get html element of updated item
- if(cont){
- var t = this._htmlmap[id] = this._toHTMLObject(data);
- insertBefore(t, cont);
- remove(cont);
- }
- }
- else if(this.data.branch && (!this._settings.branch || this.data.branch[this._settings.branch])){
- this._htmlmap = null;
- this.callEvent("onBeforeRender",[]);
- this._renderBranch();
- this._dataobj.innerHTML = this._html;
- this.callEvent("onAfterRender",[]);
- }
- return true;
- },
- _id:/*@attr*/"webix_dm_id",
- on_click:{
- webix_treemap_item:function(e,id){
- if (this._settings.select){
- if (this._settings.select=="multiselect" || this._settings.multiselect)
- this.select(id, false, (e.ctrlKey || e.metaKey || (this._settings.multiselect == "touch")), e.shiftKey);
- else
- this.select(id);
- }
- if(this._settings.activeItem && this.isBranch(id)){
- this.showBranch(id);
- }
- },
- webix_treemap_header_item: function(e){
- var id = locate(e, /*@attr*/"webix_dm_header_id");
- this.define("branch", id);
- this.refresh();
- },
- webix_treemap_reset: function(){
- this.define("branch", 0);
- this.refresh();
- }
- },
- on_dblclick:{
- },
- on_mouse_move:{
- },
- _getCssText: function(style){
- var css = "";
- for(var property in style){
- css += property+":"+style[property]+";";
- }
- return css;
- },
- type:{
- //normal state of item
- template:template("#value#"),
- header: function(obj, common){
- var id = obj.id;
- var resetIcon = "
";
- var arr = [];
- while(id){
- obj = this.getItem(id);
- arr.push(common.headerItem.call(this, obj, common));
- id = this.getParentId(id);
- }
- arr.reverse();
- return resetIcon + arr.join("";
- },
- templateEnd:template("
")
- }
-};
-
-
-const view = protoUI(api, Group, TreeAPI, SelectionModel, KeysNavigation, MouseEvents, Scrollable, TreeDataLoader, proto.view, TreeRenderStack, CopyPaste, EventSystem);
-export default {api, view};
\ No newline at end of file
diff --git a/v3/js/libs/webix/sources/views/treetable.js b/v3/js/libs/webix/sources/views/treetable.js
deleted file mode 100644
index 427b60a..0000000
--- a/v3/js/libs/webix/sources/views/treetable.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import datatable from "../views/datatable";
-import TreeAPI from "../core/treeapi";
-import TreeStateCheckbox from "../core/treestatecheckbox";
-import TreeDataLoader from "../core/treedataloader";
-import {protoUI} from "../ui/core";
-import template from "../webix/template";
-import {extend} from "../webix/helpers";
-import TreeStore from "../core/treestore";
-import TreeType from "../core/treetype";
-import TreeDataMove from "../core/treedatamove";
-import TreeClick from "../core/treeclick";
-import DataState from "../core/datastate";
-import TreeTablePaste from "../core/treetablepaste";
-import TablePaste from "../core/tablepaste";
-
-
-const api = {
- name:"treetable",
- $init:function(){
- extend(this.data, TreeStore, true);
- extend(this.type, TreeType);
- extend(this, TreeDataMove, true);
-
- for (var key in TreeClick)
- if (!this.on_click[key])
- this.on_click[key] = this._unwrap_id(TreeClick[key]);
-
- this.type.treetable = template("{common.space()}{common.icon()} {common.folder()}");
- this.type.treecheckbox = function(obj){
- if (obj.indeterminate && !obj.nocheckbox)
- return "
";
- else
- return TreeType.checkbox.apply(this, arguments);
- };
-
- this.data.provideApi(this,true);
-
- this._viewobj.setAttribute("role", "treegrid");
-
- },
- _drag_order_complex:false,
- _unwrap_id:function(original){
- return function (e,id){
- id = id.row;
- return original.call(this,e,id);
- };
- },
- _close_branches:function(context){
- let source = !this._settings.prerender ? [context.start] : context.source;
- for (let i=0; i