u2ui 1.0.0

package/js/rte/old/Rte/htmlparser.mjs

@@ -0,0 +1,178 @@
+let startTag = /^<([\w\:\-]+)((?:\s+[\w\:\-]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,
+    endTag = /^<\/([\w\:\-]+)[^>]*>/,
+    attr = /([\w\:\-]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;
+// Empty Elements - HTML 4.01
+let empty = makeMap("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed");
+
+// Block Elements - HTML 4.01
+let block = makeMap("address,applet,blockquote,button,center,dd,del,dir,div,dl,dt,fieldset,form,frameset,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,p,pre,script,table,tbody,td,tfoot,th,thead,tr,ul");
+
+// Inline Elements - HTML 4.01
+let inline = makeMap("a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var");
+
+// Elements that you can, intentionally, leave open
+// (and which close themselves)
+let closeSelf = makeMap("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr");
+
+// Attributes that have their values filled in disabled="disabled"
+let fillAttrs = makeMap("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected");
+
+// Special Elements (can contain anything)
+let special = makeMap("script,style");
+
+let HTMLParser  = function(html, handler) {
+	let index, chars, match, stack = [], last = html;
+	stack.last = function() {
+		return this[ this.length - 1 ];
+	};
+
+	while (html) {
+		chars = true;
+
+		// Make sure we're not in a script or style element
+		if (!stack.last() || !special[ stack.last() ]) {
+
+			// Comment
+			if (html.indexOf("<!--") === 0) {
+				index = html.indexOf("-->");
+
+				if (index >= 0) {
+					if (handler.comment )
+						handler.comment( html.substring( 4, index ) );
+					html = html.substring( index + 3 );
+					chars = false;
+				}
+
+			// end tag
+			} else if (html.indexOf("</") === 0) {
+	            //$log("HTMLParser: endtag ");
+				match = html.match( endTag );
+
+				if (match) {
+	                //$log("HTMLParser: endtag match : "+match[0]);
+					html = html.substring( match[0].length );
+					match[0].replace( endTag, parseEndTag );
+					chars = false;
+				}
+
+			// start tag
+			} else if (html.indexOf("<") === 0) {
+	            //$log("HTMLParser: starttag ");
+				match = html.match( startTag );
+
+				if (match) {
+	                //$log("HTMLParser: starttag match : "+match[0]);
+					html = html.substring( match[0].length );
+					match[0].replace( startTag, parseStartTag );
+					chars = false;
+				}
+			}
+
+			if (chars) {
+	            //$log("HTMLParser: other ");
+				index = html.indexOf("<");
+				let text = index < 0 ? html : html.substring( 0, index );
+				html = index < 0 ? "" : html.substring( index );
+				if (handler.chars) {
+	                //$log("HTMLParser: chars " + text);
+				    handler.chars( text );
+			    }
+			}
+		} else {
+	        //$log("HTMLParser: special ");
+			html = html.replace(new RegExp("(.*)<\/" + stack.last() + "[^>]*>"), function(all, text) {
+				text = text.replace(/<!--(.*?)-->/g, "$1").
+					replace(/<!\[CDATA\[(.*?)]]>/g, "$1");
+				if (handler.chars) {
+	                //$log("HTMLParser: special chars " + text);
+				    handler.chars( text );
+			    }
+				return "";
+			});
+			parseEndTag( "", stack.last() );
+		}
+		if (html == last) {throw "Parse Error: " + html;}
+		last = html;
+	}
+
+	// Clean up any remaining tags
+	parseEndTag();
+
+	function parseStartTag(tag, tagName, rest, unary) {
+		tagName = tagName.toLowerCase();
+		if (block[ tagName ]) {
+			while ( stack.last() && inline[ stack.last() ]) {
+				parseEndTag('', stack.last());
+			}
+		}
+
+		if (closeSelf[ tagName ] && stack.last() == tagName) {
+			parseEndTag('', tagName);
+		}
+
+		unary = empty[ tagName ] || !!unary;
+
+		if (!unary )
+			stack.push( tagName );
+
+		if (handler.start) {
+			let attrs = [];
+
+			rest.replace(attr, function(match, name) {
+				let value = arguments[2] ? arguments[2] :
+					arguments[3] ? arguments[3] :
+					arguments[4] ? arguments[4] :
+					fillAttrs[name] ? name : "";
+
+				attrs.push({
+					name: name,
+					value: value,
+					escaped: value.replace(/(^|[^\\])"/g, '$1\\\"') //"
+				});
+			});
+
+			if (handler.start) {
+			    //$log("unary ? : "+unary);
+				handler.start( tagName, attrs, unary );
+			}
+		}
+	}
+
+	function parseEndTag(tag, tagName) {
+	  let pos;
+		// If no tag name is provided, clean shop
+		if (!tagName) {
+			pos = 0;
+		} else {
+		// Find the closest opened tag of the same type
+			for (pos = stack.length - 1; pos >= 0; pos--) {
+				//$log("parseEndTag : "+stack[ pos ] );
+				if (stack[ pos ] == tagName) {
+				    break;
+			    }
+			}
+        }
+		if (pos >= 0) {
+			// Close all the open elements, up the stack
+			for (let i = stack.length - 1; i >= pos; i--) {
+                if (handler.end) {
+				    //$log("end : "+stack[ i ] );
+                    handler.end( stack[ i ] );
+                }
+			}
+			// Remove the open elements from the stack
+			//$log("setting stack length : " + stack.length + " -> " +pos );
+			stack.length = pos;
+		}
+	}
+};
+function makeMap(str) {
+	let obj = {}, items = str.split(",");
+	for (let i = 0; i < items.length; i++ )
+		obj[ items[i] ] = true;
+	return obj;
+}
+
+export {
+	HTMLParser
+};

package/js/rte/old/Rte/index.mjs

@@ -0,0 +1,5 @@
+import './crossbrowser.mjs?qgUniq=f9716a5';
+import './helpers.mjs?qgUniq=bf3efd5';
+import './Rte.mjs?qgUniq=77fa252';
+import './Rte.ui.mjs?qgUniq=077f746';
+import './Rte.ui.items.mjs?qgUniq=6fb933c';

package/js/rte/old/Rte/main.css

@@ -0,0 +1,189 @@
+/* Copyright (c) 2016 Tobias Buschor https://goo.gl/gl0mbf | MIT License https://goo.gl/HgajeK */
+@font-face {
+  font-family: 'qgRte';
+  src: url('font/tinymce.woff?v=4.5.0') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[contenteditable]:focus td {
+	outline:1px dashed #F4E2DC;
+	outline-offset:0px;
+}
+[contenteditable] td {
+	min-width:1em;
+}
+[contenteditable]:focus table {
+	outline:1px dashed #F4E2DC;
+	outline-offset:1px;
+}
+
+body #qgRteToolbar [hidden] {
+    display:none;
+}
+
+#qgRteToolbar {
+	position:absolute;
+	top:90px;
+	left:90px;
+	z-index:1999;
+	box-shadow: 0 0 10px rgba(0,0,0,.4);
+	font-size:14px;
+	font-family:Arial;
+    background-color:#222;
+    color:#fff;
+    max-width:297px;
+    transition:top .14s;
+    transition-property:top, left, opacity;
+    will-change:top, left;
+    padding:1px;
+
+    & > div {
+        display:flex;
+        flex-flow:wrap;
+        box-sizing: border-box;
+    }
+    & .-more {
+        color:#fff;
+        display:none;
+    }
+    & .-more.-show {
+        display:flex;
+    }
+    & > .-more:focus-within {
+        display:flex !important;
+    }
+    
+    & :is(input, textarea) {
+        font-size:inherit;
+        background:inherit;
+        box-sizing:border-box;
+        border:1px solid;
+        width:100%;
+        padding:3px;
+        color:#fff;
+    }
+    & input[type=checkbox] {
+        width:auto;
+    }
+    & table {
+        margin:0;
+        flex: 1 1 100%;
+        border-collapse:collapse;
+        width: 100%;
+    }
+    
+    & td {
+        height:39px;
+        box-sizing:border-box;
+        vertical-align: middle;
+        padding:8px 10px;
+    }
+    & input {
+        border:none;
+        background:#ccc;
+        color:#000;
+        margin:0;
+        padding:.3em .6em;
+    }
+    & input:is(:focus, :hover) {
+        background:#fff;
+    }
+    
+    & .-item {
+        display:flex;
+        align-items:center;
+        justify-content: center;
+        box-sizing:border-box;
+        cursor:pointer;
+        line-height:1.2;
+        width:36px;
+        height:36px;
+        padding:5px 8px;
+        outline:.5px solid #444;
+        margin:.5px;
+    }
+    & .-item:hover {
+        background:#555;
+    }
+    
+    & .-item.-select {
+        width:73px;
+        position:relative;
+        padding:5px 8px;
+        flex:1 1 auto;
+        padding-right:16px;
+    }
+    & .-item.-select:after {
+        content:'▼';
+        position:absolute;
+        top:50%;
+        right:5px;
+        transform:translateY(-50%);
+        font-size:.8em;
+    }
+    & .-item.-button {
+        width:auto;
+        flex:auto;
+    }
+    
+    & .-state {
+        max-width:125px;
+        overflow:hidden;
+        white-space:nowrap;
+    }
+    
+    & .-options {
+        display:none;
+        padding:3px 3px 3px 3px;
+        position: absolute;
+        left:-1px;
+        top:100%;
+        white-space:nowrap;
+        z-index:1;
+        background-color:#fff;
+        color:#000;
+        overflow:visible;
+        border:1px solid #bbb;
+        box-shadow:1px 1px 2px rgba(0,0,0,.4);
+        min-width:100%;
+    }
+    & .-options > * {
+        padding:1px 4px;
+        display:block !important;
+        clear:both !important;
+        width:auto !important;
+        border-bottom:1px solid #eee;
+    }
+    & .-options > .-selected {
+        background-color:#49F;
+        color:#fff;
+    }
+    
+    & .-item.active {
+        color:#0099ff;
+    }
+    
+    & .-item::before {
+        font-family:qgRte;
+        display:inline-block;
+        text-align:center;
+        font-size:14px;
+        min-width:20px;
+        padding-left: 0px;
+    }
+        
+    & .-item.-Bold::before                 { content:'\e02a'; }
+    & .-item.-Italic::before               { content:'\e02b'; }
+    & .-item.-Insertunorderedlist::before  { content:'\e00a'; }
+    & .-item.-Insertorderedlist::before    { content:'\e00b'; }
+    & .-item.-Code::before                 { content:'\e017'; }
+    & .-item.-Link::before                 { content:'\e011'; }
+    & .-item.-Unlink::before               { content:'\e012'; }
+    & .-item.-Removeformat::before         { content:'\e01d'; }
+    & .-item.-Underline::before            { content:'\e02c'; }
+    & .-item.-Strikethrough::before        { content:'\e02d'; }
+    & .-item.-Hr::before                   { content:'\e01c'; }
+    & .-item.-Table::before                { content:'\e01b'; }
+    & .-item.-ShowInvisibleChars::before   { content:'\e02e'; }    
+}

package/js/rte/old/old.rte.js

@@ -0,0 +1,132 @@
+
+let rte = window.c1.rte = {};
+
+/*
+rte.blockElements = {
+    'DIV':1,
+    'P':1,
+    'H1':1,
+    'H2':1,
+    'H3':1,
+    'H4':1,
+    'H5':1,
+    'H6':1,
+    'UL':1,
+    'LI':1,
+};
+*/
+rte.blocklessElements = {
+    'P':1,
+    'H1':1,
+    'H2':1,
+    'H3':1,
+    'H4':1,
+    'H5':1,
+    'H6':1,
+    'SPAN':1,
+    'BUTTON':1,
+    'B':1,
+    'I':1,
+    'STRONG':1,
+    'LABEL':1,
+    'A':1,
+}
+
+/*
+rte.isRoot = function(el) {
+    return !el.parentNode || !el.parentNode.isContentEditable;
+}
+*/
+
+
+{
+	c1.RTE = {};
+	/*
+	c1.RTE.formatBlock = function(tag) {
+		if (tag) {
+			//document.execCommand('formatBlock',null,'h1');
+			var el = q1.selection().container();
+			var newElement = document.createElement(tag);
+			var savedRange = q1.selection().save();
+			do {
+				if (isRoot(el)) return false;
+				if (display === cssDisplay(el)) {
+					newElement.replace(el);
+					break;
+				}
+				if (isRoot(el.parentNode)) {
+					rangeWrap(rangeFromInlineSiblings(el), newElement);
+					break;
+				}
+				var parentDisplay = cssDisplay(el.parentNode);
+				if (parentDisplay !== 'block' && blockLikes.includes(parentDisplay)) {
+					rangeWrap(rangeFromInlineSiblings(el) , newElement);
+					break;
+				}
+			} while (el = el.parentNode);
+			q1.selection().restore(savedRange);
+		} else {
+			var el = q1.selection().container();
+			do {
+				if (blockLikes.includes( cssDisplay(el) )) return el.tagName;
+				if (!el.parentNode.parentNode.isContentEditable) return false;
+				el = el.parentNode; // next
+			} while (true);
+		}
+	};
+	c1.RTE.insertDiv = function() {
+		var rand     = 'tmp'+Math.random();
+		var activeEl = document.activeElement;
+		var sel      = getSelection();
+		var range    = sel.getRangeAt(0);
+		var oldDiv   = sel.c1FocusElement();
+        var oldCss   = oldDiv.style.cssText;
+        var oldCLassName = oldDiv.className;
+
+		range.c1Insert(rand);
+        activeEl.innerHTML = activeEl.innerHTML.replace(rand, '</div><div><span id="tmpQgSvgCursor">x</span>');
+
+		var cursorEl = document.getElementById('tmpQgSvgCursor');
+        sel.collapse(cursorEl, 0);
+        cursorEl.remove();
+
+        var newDiv = getSelection().c1FocusElement();
+        newDiv.style.cssText = oldCss;
+        newDiv.className = oldCLassName;
+
+        if (newDiv.innerHTML==='') newDiv.innerHTML = '\u00A0';
+        getSelection().collapse(newDiv, 0);
+	};
+
+	var blockLikes = ['block','flex','table','list-item','table-cell'];
+
+	function isRoot(el) {
+		return !el.parentNode || !el.parentNode.isContentEditable;
+	}
+	function cssDisplay(el) {
+		return el.nodeType===3 ? 'inline' : getComputedStyle(el).getPropertyValue('display');
+	}
+	function rangeWrap(range,el) {
+		var fragment = range.extractContents();
+		range.insertNode(el);
+		el.appendChild(fragment);
+	}
+	function rangeFromInlineSiblings(el) {
+		var current = el;
+		var range = document.createRange();
+		var next;
+		while (next = current.previousSibling) {
+			if (blockLikes.includes(cssDisplay(next))) break; // allow float:left and right?
+			current = next;
+		}
+		range.setStartBefore(current);
+		current = el;
+		while (next = current.nextSibling) {
+			if (blockLikes.includes(cssDisplay(next))) break;
+			current = next;
+		}
+		range.setEndAfter(current);
+		return range;
+	}
+	*/
+}