u2ui 1.0.1 → 1.4.6

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

@@ -1,154 +1,154 @@
-/* Copyright (c) 2016 Tobias Buschor https://goo.gl/gl0mbf | MIT License https://goo.gl/HgajeK */
-//import '../c1/Placer.mjs?qgUniq=1ae5181';
-import './Rte.mjs?qgUniq=77fa252';
-
-window.Rte.ui = {
-	init() {
-		const my = this;
-		my.div = document.createElement('div');
-		my.div.id = 'qgRteToolbar';
-		my.div.addEventListener('mousedown',  e=>e.stopPropagation());
-		my.div.addEventListener('touchstart', e=>e.stopPropagation());
-
-		Rte.addUiElement(my.div);
-
-		my.mainContainer = document.createElement('div');
-		my.mainContainer.className = '-main';
-		my.div.appendChild(my.mainContainer);
-
-		my.moreContainer = document.createElement('div');
-		my.moreContainer.className = '-more q1Rst';
-		my.div.appendChild(my.moreContainer);
-
-		Rte.on('activate', function() {
-			const config = Rte.ui.config['rteDef']; // todo
-			my.activeItems = {};
-			let appendTo = my.mainContainer;
-			const addItem = function(n) {
-				if (!my.items[n]) return;
-				my.activeItems[n] = my.items[n];
-				appendTo.appendChild(my.items[n].el);
-			};
-			config.main.forEach(addItem);
-			appendTo = my.moreContainer;
-			config.more.forEach(addItem);
-			if (my.activeItems) {
-				document.body.appendChild(my.div);
-				my.div.style.display = 'block';
-				my.div.style.opacity = '0';
-				my.div.style.pointerEvents = 'none';
-				Rte.ui.mouseover = 0;
-				setTimeout(()=>{
-					my.div.c1ZTop();
-					my.div.style.opacity = '1';
-					my.div.style.pointerEvents = '';
-				},100);
-				document.addEventListener('keydown', shortcutListener, false);
-			}
-		});
-		Rte.on('deactivate', function() {
-			document.removeEventListener('keydown', shortcutListener, false);
-			setTimeout(()=>{ // need timeout because inputs inside have to blur first (ff, no chrome)
-				!Rte.active && my.div.parentNode && document.body.removeChild(my.div);
-			},1);
-		});
-		//Rte.on('elementchange', function() {
-		Rte.on('selectionchange', function() { // new 10.1.18, item.enable has to check on selectionchange
-			//if (!Rte.element) return; needed?
-			for (let [name,item] of Object.entries(my.activeItems)){
-				if (!item.enable || item.enable(Rte.element)) {
-					item.enabled = true;
-					item.el.removeAttribute('hidden');
-					if (item.check) {
-						const act = item.check(Rte.element) ? 'add' : 'remove';
-						item.el.classList[act]('active');
-					}
-				} else {
-					item.enabled = false;
-					item.el.setAttribute('hidden',true);
-				}
-			}
-		});
-		const shortcutListener = function(e) {
-			if (e.ctrlKey && !e.metaKey && !e.shiftKey && !e.altKey) {
-				console.log(e.key)
-				const char = e.key;
-				for (let [name,item] of Object.entries(my.activeItems)){
-					if (item.enabled && item.shortcut === char) {
-						let event = new MouseEvent('mousedown',{'bubbles': true,'cancelable': true});
-						item.el.dispatchEvent(event);
-		                e.preventDefault();
-					}
-				}
-			}
-		};
-		/* ui hover */
-		let moreTimeout = null;
-		my.div.addEventListener('mouseenter',()=>{
-			clearTimeout(moreTimeout);
-			moreTimeout = setTimeout(()=>{
-				Rte.ui.div.querySelector('.-more').classList.add('-show');
-			},300);
-			Rte.ui.mouseover = 1;
-		});
-		my.div.addEventListener('mouseleave',()=>{
-			clearTimeout(moreTimeout);
-			moreTimeout = setTimeout(()=>{
-				Rte.ui.div.querySelector('.-more').classList.remove('-show');
-			},300);
-			Rte.ui.mouseover = 0;
-		});
-	},
-	setItem(name, opt) {
-		if (!opt.el) {
-			opt.el = document.createElement('span');
-			opt.el.className = '-item -'+name;
-		}
-		if (opt.cmd) {
-			if (!opt.click && opt.click != false) opt.click = ()=>qgExecCommand(opt.cmd, false);
-			if (!opt.check && opt.check != false) opt.check = ()=>qgQueryCommandState(opt.cmd);
-		}
-		const enable = opt.enable;
-		if (enable && enable.toLowerCase) {
-			opt.enable = el => el && el.matches(enable);
-			// opt.enable = el => { // todo?
-			// 	if (!el) return false;
-			// 	let target = el.closest(enable);
-			// 	return Rte.active !== target && Rte.active.contains(target);
-			// }
-		}
-		opt.click && opt.el.addEventListener('mousedown',e=>{
-			Rte.manipulate( ()=>opt.click(e) ); // todo: manipulate schon hier??
-		}, false);
-		opt.shortcut && opt.el.setAttribute('title','ctrl+'+opt.shortcut);
-		this.items[name] = opt;
-		return opt.el;
-	},
-	setSelect(name, opt) {
-		let timeout = null;
-		let el = c1.dom.fragment('<div class="-item -select"><div class=-state></div><div class=-options></div></div>').firstChild;
-		el.addEventListener('mousedown', e=> { opts.style.display = 'block'; e.preventDefault(); });
-		el.addEventListener('mouseover', e=> clearTimeout(timeout) );
-		el.addEventListener('mouseout',  e=> timeout = setTimeout(()=> opts.style.display = 'none' ,300) );
-		let opts = el.c1Find('>.-options');
-		opt.el = el;
-		this.setItem(name,opt);
-		return opts;
-	},
-	items:{}
-};
-
-Rte.ui.init();
-
-Rte.on('selectionchange', async ()=>{
-	if (!Rte.active) return;
-	if (Rte.ui.mouseover) return;
-	const margin = getSelection().isCollapsed ? 100 : 20;
-	await import('./../c1/Placer.mjs?qgUniq=1ae5181');
-	const placer = new c1.Placer(Rte.ui.div, {
-		x:'center',
-		y:'after',
-		margin,
-	});
-	placer.toClientRect(qgSelection.rect());
-});
+/* Copyright (c) 2016 Tobias Buschor https://goo.gl/gl0mbf | MIT License https://goo.gl/HgajeK */
+//import '../c1/Placer.mjs?qgUniq=1ae5181';
+import './Rte.mjs?qgUniq=77fa252';
+
+window.Rte.ui = {
+	init() {
+		const my = this;
+		my.div = document.createElement('div');
+		my.div.id = 'qgRteToolbar';
+		my.div.addEventListener('mousedown',  e=>e.stopPropagation());
+		my.div.addEventListener('touchstart', e=>e.stopPropagation());
+
+		Rte.addUiElement(my.div);
+
+		my.mainContainer = document.createElement('div');
+		my.mainContainer.className = '-main';
+		my.div.appendChild(my.mainContainer);
+
+		my.moreContainer = document.createElement('div');
+		my.moreContainer.className = '-more q1Rst';
+		my.div.appendChild(my.moreContainer);
+
+		Rte.on('activate', function() {
+			const config = Rte.ui.config['rteDef']; // todo
+			my.activeItems = {};
+			let appendTo = my.mainContainer;
+			const addItem = function(n) {
+				if (!my.items[n]) return;
+				my.activeItems[n] = my.items[n];
+				appendTo.appendChild(my.items[n].el);
+			};
+			config.main.forEach(addItem);
+			appendTo = my.moreContainer;
+			config.more.forEach(addItem);
+			if (my.activeItems) {
+				document.body.appendChild(my.div);
+				my.div.style.display = 'block';
+				my.div.style.opacity = '0';
+				my.div.style.pointerEvents = 'none';
+				Rte.ui.mouseover = 0;
+				setTimeout(()=>{
+					my.div.c1ZTop();
+					my.div.style.opacity = '1';
+					my.div.style.pointerEvents = '';
+				},100);
+				document.addEventListener('keydown', shortcutListener, false);
+			}
+		});
+		Rte.on('deactivate', function() {
+			document.removeEventListener('keydown', shortcutListener, false);
+			setTimeout(()=>{ // need timeout because inputs inside have to blur first (ff, no chrome)
+				!Rte.active && my.div.parentNode && document.body.removeChild(my.div);
+			},1);
+		});
+		//Rte.on('elementchange', function() {
+		Rte.on('selectionchange', function() { // new 10.1.18, item.enable has to check on selectionchange
+			//if (!Rte.element) return; needed?
+			for (let [name,item] of Object.entries(my.activeItems)){
+				if (!item.enable || item.enable(Rte.element)) {
+					item.enabled = true;
+					item.el.removeAttribute('hidden');
+					if (item.check) {
+						const act = item.check(Rte.element) ? 'add' : 'remove';
+						item.el.classList[act]('active');
+					}
+				} else {
+					item.enabled = false;
+					item.el.setAttribute('hidden',true);
+				}
+			}
+		});
+		const shortcutListener = function(e) {
+			if (e.ctrlKey && !e.metaKey && !e.shiftKey && !e.altKey) {
+				console.log(e.key)
+				const char = e.key;
+				for (let [name,item] of Object.entries(my.activeItems)){
+					if (item.enabled && item.shortcut === char) {
+						let event = new MouseEvent('mousedown',{'bubbles': true,'cancelable': true});
+						item.el.dispatchEvent(event);
+		                e.preventDefault();
+					}
+				}
+			}
+		};
+		/* ui hover */
+		let moreTimeout = null;
+		my.div.addEventListener('mouseenter',()=>{
+			clearTimeout(moreTimeout);
+			moreTimeout = setTimeout(()=>{
+				Rte.ui.div.querySelector('.-more').classList.add('-show');
+			},300);
+			Rte.ui.mouseover = 1;
+		});
+		my.div.addEventListener('mouseleave',()=>{
+			clearTimeout(moreTimeout);
+			moreTimeout = setTimeout(()=>{
+				Rte.ui.div.querySelector('.-more').classList.remove('-show');
+			},300);
+			Rte.ui.mouseover = 0;
+		});
+	},
+	setItem(name, opt) {
+		if (!opt.el) {
+			opt.el = document.createElement('span');
+			opt.el.className = '-item -'+name;
+		}
+		if (opt.cmd) {
+			if (!opt.click && opt.click != false) opt.click = ()=>qgExecCommand(opt.cmd, false);
+			if (!opt.check && opt.check != false) opt.check = ()=>qgQueryCommandState(opt.cmd);
+		}
+		const enable = opt.enable;
+		if (enable && enable.toLowerCase) {
+			opt.enable = el => el && el.matches(enable);
+			// opt.enable = el => { // todo?
+			// 	if (!el) return false;
+			// 	let target = el.closest(enable);
+			// 	return Rte.active !== target && Rte.active.contains(target);
+			// }
+		}
+		opt.click && opt.el.addEventListener('mousedown',e=>{
+			Rte.manipulate( ()=>opt.click(e) ); // todo: manipulate schon hier??
+		}, false);
+		opt.shortcut && opt.el.setAttribute('title','ctrl+'+opt.shortcut);
+		this.items[name] = opt;
+		return opt.el;
+	},
+	setSelect(name, opt) {
+		let timeout = null;
+		let el = c1.dom.fragment('<div class="-item -select"><div class=-state></div><div class=-options></div></div>').firstChild;
+		el.addEventListener('mousedown', e=> { opts.style.display = 'block'; e.preventDefault(); });
+		el.addEventListener('mouseover', e=> clearTimeout(timeout) );
+		el.addEventListener('mouseout',  e=> timeout = setTimeout(()=> opts.style.display = 'none' ,300) );
+		let opts = el.c1Find('>.-options');
+		opt.el = el;
+		this.setItem(name,opt);
+		return opts;
+	},
+	items:{}
+};
+
+Rte.ui.init();
+
+Rte.on('selectionchange', async ()=>{
+	if (!Rte.active) return;
+	if (Rte.ui.mouseover) return;
+	const margin = getSelection().isCollapsed ? 100 : 20;
+	await import('./../c1/Placer.mjs?qgUniq=1ae5181');
+	const placer = new c1.Placer(Rte.ui.div, {
+		x:'center',
+		y:'after',
+		margin,
+	});
+	placer.toClientRect(qgSelection.rect());
+});

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

@@ -1,5 +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';
+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';