From 75fb494e2a9b64fabc51e715b7223b95ba6e2423 Mon Sep 17 00:00:00 2001 From: Sean Coker Date: Mon, 16 May 2016 12:01:11 -0400 Subject: [PATCH] Rename asset folder to example --- Gruntfile.js | 8 ++++---- assets/js/taggle.min.js | 2 +- {assets => example}/css/projects.min.css | 0 {assets => example}/css/taggle.css | 3 ++- example/css/taggle.min.css | 1 + {assets => example}/css/twilight.css | 0 {assets => example}/images/bg.png | Bin taggle.html => example/index.html | 20 +++++++++---------- {assets => example}/js/jquery-1.10.1.js | 0 {assets => example}/js/jquery-ui.js | 0 {assets => example}/js/rainbow-custom.min.js | 0 {assets => example}/js/scripts.js | 0 example/js/taggle.min.js | 8 ++++++++ {assets => example}/scss/taggle.scss | 1 + 14 files changed, 26 insertions(+), 17 deletions(-) rename {assets => example}/css/projects.min.css (100%) rename {assets => example}/css/taggle.css (99%) create mode 100644 example/css/taggle.min.css rename {assets => example}/css/twilight.css (100%) rename {assets => example}/images/bg.png (100%) rename taggle.html => example/index.html (95%) rename {assets => example}/js/jquery-1.10.1.js (100%) rename {assets => example}/js/jquery-ui.js (100%) rename {assets => example}/js/rainbow-custom.min.js (100%) rename {assets => example}/js/scripts.js (100%) create mode 100644 example/js/taggle.min.js rename {assets => example}/scss/taggle.scss (99%) diff --git a/Gruntfile.js b/Gruntfile.js index c639679..ab5b8fb 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -60,7 +60,7 @@ module.exports = function(grunt) { ], // Add in complete bundle to example folder - 'assets/js/taggle.min.js': [ + 'example/js/taggle.min.js': [ 'tmp/taggle-ie8.concat.js' ] } @@ -87,7 +87,7 @@ module.exports = function(grunt) { }, dist: { files: { - 'assets/css/taggle.css': ['assets/scss/taggle.scss'] + 'example/css/taggle.css': ['example/scss/taggle.scss'] } } }, @@ -104,7 +104,7 @@ module.exports = function(grunt) { ] }, main: { - src: 'assets/css/taggle.css' + src: 'example/css/taggle.css' }, min: { options: { @@ -113,7 +113,7 @@ module.exports = function(grunt) { ] }, files: { - 'assets/css/taggle.min.css': 'assets/css/taggle.css' + 'example/css/taggle.min.css': 'example/css/taggle.css' } } }, diff --git a/assets/js/taggle.min.js b/assets/js/taggle.min.js index fa15f74..3188ff9 100644 --- a/assets/js/taggle.min.js +++ b/assets/js/taggle.min.js @@ -5,4 +5,4 @@ * @license MIT * @description Taggle is a dependency-less tagging library */ -!function(){Function.prototype.bind||(Function.prototype.bind=function(a){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var b=Array.prototype.slice.call(arguments,1),c=this,d=function(){},e=function(){return c.apply(this instanceof d&&a?this:a,b.concat(Array.prototype.slice.call(arguments)))};return d.prototype=this.prototype,e.prototype=new d,e}),window.getComputedStyle||(window.getComputedStyle=function(a){return a.currentStyle}),Array.prototype.indexOf||(Array.prototype.indexOf=function(a){"use strict";if(null==this)throw new TypeError;var b,c,d=Object(this),e=d.length>>>0;if(0===e)return-1;if(b=0,arguments.length>1&&(b=Number(arguments[1]),b!=b?b=0:0!=b&&b!=1/0&&b!=-(1/0)&&(b=(b>0||-1)*Math.floor(Math.abs(b)))),b>=e)return-1;for(c=b>=0?b:Math.max(e-Math.abs(b),0);e>c;c++)if(c in d&&d[c]===a)return c;return-1}),Array.prototype.forEach||(Array.prototype.forEach=function(a,b){var c,d;if(null==this)throw new TypeError(" this is null or not defined");var e=Object(this),f=e.length>>>0;if("function"!=typeof a)throw new TypeError(a+" is not a function");for(arguments.length>1&&(c=b),d=0;f>d;){var g;d in e&&(g=e[d],a.call(c,g,d,e)),d++}}),Array.prototype.map||(Array.prototype.map=function(a,b){var c,d,e;if(null==this)throw new TypeError(" this is null or not defined");var f=Object(this),g=f.length>>>0;if("function"!=typeof a)throw new TypeError(a+" is not a function");for(arguments.length>1&&(c=b),d=new Array(g),e=0;g>e;){var h,i;e in f&&(h=f[e],i=a.call(c,h,e,f),d[e]=i),e++}return d})}(),function(){"undefined"==typeof document||"classList"in document.documentElement||!function(a){"use strict";if("HTMLElement"in a||"Element"in a){var b="classList",c="prototype",d=(a.HTMLElement||a.Element)[c],e=Object,f=String[c].trim||function(){return this.replace(/^\s+|\s+$/g,"")},g=Array[c].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1},h=function(a,b){this.name=a,this.code=DOMException[a],this.message=b},i=function(a,b){if(""===b)throw new h("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(b))throw new h("INVALID_CHARACTER_ERR","String contains an invalid character");return g.call(a,b)},j=function(a){for(var b=f.call(a.className),c=b?b.split(/\s+/):[],d=0,e=c.length;e>d;d++)this.push(c[d]);this._updateClassName=function(){a.className=this.toString()}},k=j[c]=[],l=function(){return new j(this)};if(h[c]=Error[c],k.item=function(a){return this[a]||null},k.contains=function(a){return a+="",-1!==i(this,a)},k.add=function(){var a,b=arguments,c=0,d=b.length,e=!1;do a=b[c]+"",-1===i(this,a)&&(this.push(a),e=!0);while(++cb;b++){var d=arguments[b];for(var e in d)d.hasOwnProperty(e)&&(a[e]=d[e])}return a}function d(a){return Array.isArray?Array.isArray(a):"[object Array]"===Object.prototype.toString.call(a)}function e(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent?a.attachEvent("on"+b,c):a["on"+b]=c}function f(a){return a.replace(/^\s+|\s+$/g,"")}function g(b,c){a.attachEvent&&!a.addEventListener?b.innerText=c:b.textContent=c}var h=function(){},i={additionalTagClasses:"",allowDuplicates:!1,saveOnBlur:!1,duplicateTagClass:"",containerFocusClass:"active",focusInputOnContainerClick:!0,hiddenInputName:"taggles[]",tags:[],allowedTags:[],disallowedTags:[],maxTags:null,tabIndex:1,placeholder:"Enter tags...",submitKeys:[],preserveCase:!1,tagFormatter:h,onBeforeTagAdd:h,onTagAdd:h,onBeforeTagRemove:h,onTagRemove:h},j=8,k=188,l=9,m=13,n=function(a,d){this.settings=c({},i,d),this.measurements={container:{rect:null,style:null,padding:null}},this.container=a,this.tag={values:[],elements:[]},this.list=b.createElement("ul"),this.inputLi=b.createElement("li"),this.input=b.createElement("input"),this.sizer=b.createElement("div"),this.pasting=!1,this.placeholder=null,this.settings.placeholder&&(this.placeholder=b.createElement("span")),this.settings.submitKeys.length||(this.settings.submitKeys=[k,l,m]),"string"==typeof a&&(this.container=b.getElementById(a)),this._getMeasurements(),this._setupTextarea(),this._attachEvents()};n.prototype._getMeasurements=function(){var b,c,d;this.measurements.container.rect=this.container.getBoundingClientRect(),this.measurements.container.style=a.getComputedStyle(this.container),b=this.measurements.container.style,c=parseInt(b["padding-left"]||b.paddingLeft,10),d=parseInt(b["padding-right"]||b.paddingRight,10),this.measurements.container.padding=c+d},n.prototype._setupTextarea=function(){var b;if(this.list.className="taggle_list",this.input.type="text",this.input.className="taggle_input",this.input.tabIndex=this.settings.tabIndex,this.sizer.className="taggle_sizer",this.settings.tags.length)for(var c=0,d=this.settings.tags.length;d>c;c++){var e=this._createTag(this.settings.tags[c]);this.list.appendChild(e)}this.placeholder&&(this.placeholder.style.opacity=0,this.placeholder.classList.add("taggle_placeholder"),this.container.appendChild(this.placeholder),g(this.placeholder,this.settings.placeholder),this.settings.tags.length||(this.placeholder.style.opacity=1)),this.inputLi.appendChild(this.input),this.list.appendChild(this.inputLi),this.container.appendChild(this.list),this.container.appendChild(this.sizer),b=a.getComputedStyle(this.input).fontSize,this.sizer.style.fontSize=b},n.prototype._attachEvents=function(){var a=this;this.settings.focusInputOnContainerClick&&e(this.container,"click",function(){a.input.focus()}),e(this.input,"focus",this._focusInput.bind(this)),e(this.input,"blur",this._blurEvent.bind(this)),e(this.input,"keydown",this._keydownEvents.bind(this)),e(this.input,"keyup",this._keyupEvents.bind(this))},n.prototype._fixInputWidth=function(){var a,b,c,d,e;this._setInputWidth(),b=this.input.getBoundingClientRect(),c=this.measurements.container.rect,a=~~c.width,a||(a=~~c.right-~~c.left),d=~~b.left-~~c.left,e=this.measurements.container.padding,this._setInputWidth(a-d-e)},n.prototype._canAdd=function(a,b){if(!b)return!1;var c=this.settings.maxTags;if(null!==c&&c<=this.getTagValues().length)return!1;if(this.settings.onBeforeTagAdd(a,b)===!1)return!1;if(!this.settings.allowDuplicates&&this._hasDupes(b))return!1;var d=this.settings.preserveCase,e=this.settings.allowedTags;if(e.length&&!this._tagIsInArray(b,e,d))return!1;var f=this.settings.disallowedTags;return!f.length||!this._tagIsInArray(b,f,d)},n.prototype._tagIsInArray=function(a,b,c){if(c)return-1!==b.indexOf(a);var d=[].slice.apply(b).map(function(a){return a.toLowerCase()});return-1!==d.indexOf(a)},n.prototype._add=function(a,b){var c=this,d=b||"";"string"!=typeof b&&(d=f(this.input.value)),d.split(",").map(function(a){return c._formatTag(a)}).forEach(function(b){if(c._canAdd(a,b)){var d=c._createTag(b),e=c.list.children,f=e[e.length-1];c.list.insertBefore(d,f),c.settings.onTagAdd(a,b),c.input.value="",c._setInputWidth(),c._fixInputWidth(),c._focusInput()}})},n.prototype._checkLastTag=function(b){b=b||a.event;var c=this.container.querySelectorAll(".taggle"),d=c[c.length-1],e="taggle_hot",f=this.input.classList.contains("taggle_back");""!==this.input.value||b.keyCode!==j||f?d.classList.contains(e)&&d.classList.remove(e):d.classList.contains(e)?(this.input.classList.add("taggle_back"),this._remove(d,b),this._fixInputWidth(),this._focusInput()):d.classList.add(e)},n.prototype._setInputWidth=function(a){this.input.style.width=(a||10)+"px"},n.prototype._hasDupes=function(a){var b,c=this.tag.values.indexOf(a),d=this.container.querySelector(".taggle_list");if(this.settings.duplicateTagClass){b=d.querySelectorAll("."+this.settings.duplicateTagClass);for(var e=0,f=b.length;f>e;e++)b[e].classList.remove(this.settings.duplicateTagClass)}return c>-1?(this.settings.duplicateTagClass&&d.childNodes[c].classList.add(this.settings.duplicateTagClass),!0):!1},n.prototype._isConfirmKey=function(a){var b=!1;return this.settings.submitKeys.indexOf(a)>-1&&(b=!0),b},n.prototype._focusInput=function(){this._fixInputWidth(),this.container.classList.contains(this.settings.containerFocusClass)||this.container.classList.add(this.settings.containerFocusClass),this.placeholder&&(this.placeholder.style.opacity=0)},n.prototype._blurEvent=function(b){if(this.container.classList.contains(this.settings.containerFocusClass)&&this.container.classList.remove(this.settings.containerFocusClass),!this.tag.values.length&&this.placeholder&&(this.placeholder.style.opacity=1),this.settings.saveOnBlur){if(b=b||a.event,this._listenForEndOfContainer(),""!==this.input.value)return void this._confirmValidTagEvent(b);this.tag.values.length&&this._checkLastTag(b)}else this.input.value="",this._setInputWidth()},n.prototype._keydownEvents=function(b){b=b||a.event;var c=b.keyCode;return this.pasting=!1,this._listenForEndOfContainer(),86===c&&b.metaKey&&(this.pasting=!0),this._isConfirmKey(c)&&""!==this.input.value?void this._confirmValidTagEvent(b):void(this.tag.values.length&&this._checkLastTag(b))},n.prototype._keyupEvents=function(b){b=b||a.event,this.input.classList.remove("taggle_back"),g(this.sizer,this.input.value),this.pasting&&""!==this.input.value&&(this._add(b),this.pasting=!1)},n.prototype._confirmValidTagEvent=function(b){b=b||a.event,b.preventDefault?b.preventDefault():b.returnValue=!1,this._add(b)},n.prototype._listenForEndOfContainer=function(){var a=this.sizer.getBoundingClientRect().width,b=this.measurements.container.rect.width-this.measurements.container.padding,c=parseInt(this.sizer.style.fontSize,10);a+1.5*c>parseInt(this.input.style.width,10)&&(this.input.style.width=b+"px")},n.prototype._createTag=function(a){var c=b.createElement("li"),d=b.createElement("button"),f=b.createElement("input"),h=b.createElement("span");a=this._formatTag(a),d.innerHTML="×",d.className="close",e(d,"click",this._remove.bind(this,d)),g(h,a),h.className="taggle_text",c.className="taggle "+this.settings.additionalTagClasses,f.type="hidden",f.value=a,f.name=this.settings.hiddenInputName,c.appendChild(h),c.appendChild(d),c.appendChild(f);var i=this.settings.tagFormatter(c);if("undefined"!=typeof i&&(c=i),!(c instanceof HTMLElement)||"LI"!==c.tagName)throw new Error("tagFormatter must return an li element");return this.tag.values.push(a),this.tag.elements.push(c),c},n.prototype._remove=function(a,b){var c,d,e,f;"li"!==a.tagName.toLowerCase()&&(a=a.parentNode),c=a.querySelector(".taggle_text"),d=c.innerText||c.textContent,this.settings.onBeforeTagRemove(b,d)!==!1&&(a.parentNode.removeChild(a),e="a"===a.tagName.toLowerCase()?a.parentNode:a,f=this.tag.elements.indexOf(e),this.tag.elements.splice(f,1),this.tag.values.splice(f,1),this.settings.onTagRemove(b,d),this._focusInput())},n.prototype._formatTag=function(a){return this.settings.preserveCase?a:a.toLowerCase()},n.prototype.getTags=function(){return{elements:this.getTagElements(),values:this.getTagValues()}},n.prototype.getTagElements=function(){return this.tag.elements},n.prototype.getTagValues=function(){return[].slice.apply(this.tag.values)},n.prototype.getInput=function(){return this.input},n.prototype.getContainer=function(){return this.container},n.prototype.add=function(a){var b=d(a);if(b)for(var c=0,e=a.length;e>c;c++)"string"==typeof a[c]&&this._add(null,a[c]);else this._add(null,a);return this},n.prototype.remove=function(a,b){for(var c=this.tag.values.length-1,d=!1;c>-1&&(this.tag.values[c]===a&&(d=!0,this._remove(this.tag.elements[c])),!d||b);)c--;return this},n.prototype.removeAll=function(){for(var a=this.tag.values.length-1;a>=0;a--)this._remove(this.tag.elements[a]);return this},"function"==typeof define&&define.amd?define([],function(){return n}):"object"==typeof exports?module.exports=n:a.Taggle=n}(window,document); \ No newline at end of file +!function(){Function.prototype.bind||(Function.prototype.bind=function(a){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var b=Array.prototype.slice.call(arguments,1),c=this,d=function(){},e=function(){return c.apply(this instanceof d&&a?this:a,b.concat(Array.prototype.slice.call(arguments)))};return d.prototype=this.prototype,e.prototype=new d,e}),window.getComputedStyle||(window.getComputedStyle=function(a){return a.currentStyle}),Array.prototype.indexOf||(Array.prototype.indexOf=function(a){"use strict";if(null==this)throw new TypeError;var b,c,d=Object(this),e=d.length>>>0;if(0===e)return-1;if(b=0,arguments.length>1&&(b=Number(arguments[1]),b!=b?b=0:0!=b&&b!=1/0&&b!=-(1/0)&&(b=(b>0||-1)*Math.floor(Math.abs(b)))),b>=e)return-1;for(c=b>=0?b:Math.max(e-Math.abs(b),0);e>c;c++)if(c in d&&d[c]===a)return c;return-1}),Array.prototype.forEach||(Array.prototype.forEach=function(a,b){var c,d;if(null==this)throw new TypeError(" this is null or not defined");var e=Object(this),f=e.length>>>0;if("function"!=typeof a)throw new TypeError(a+" is not a function");for(arguments.length>1&&(c=b),d=0;f>d;){var g;d in e&&(g=e[d],a.call(c,g,d,e)),d++}}),Array.prototype.map||(Array.prototype.map=function(a,b){var c,d,e;if(null==this)throw new TypeError(" this is null or not defined");var f=Object(this),g=f.length>>>0;if("function"!=typeof a)throw new TypeError(a+" is not a function");for(arguments.length>1&&(c=b),d=new Array(g),e=0;g>e;){var h,i;e in f&&(h=f[e],i=a.call(c,h,e,f),d[e]=i),e++}return d})}(),function(){"undefined"==typeof document||"classList"in document.documentElement||!function(a){"use strict";if("HTMLElement"in a||"Element"in a){var b="classList",c="prototype",d=(a.HTMLElement||a.Element)[c],e=Object,f=String[c].trim||function(){return this.replace(/^\s+|\s+$/g,"")},g=Array[c].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1},h=function(a,b){this.name=a,this.code=DOMException[a],this.message=b},i=function(a,b){if(""===b)throw new h("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(b))throw new h("INVALID_CHARACTER_ERR","String contains an invalid character");return g.call(a,b)},j=function(a){for(var b=f.call(a.className),c=b?b.split(/\s+/):[],d=0,e=c.length;e>d;d++)this.push(c[d]);this._updateClassName=function(){a.className=this.toString()}},k=j[c]=[],l=function(){return new j(this)};if(h[c]=Error[c],k.item=function(a){return this[a]||null},k.contains=function(a){return a+="",-1!==i(this,a)},k.add=function(){var a,b=arguments,c=0,d=b.length,e=!1;do a=b[c]+"",-1===i(this,a)&&(this.push(a),e=!0);while(++cb;b++){var d=arguments[b];for(var e in d)d.hasOwnProperty(e)&&(a[e]=d[e])}return a}function d(a){return Array.isArray?Array.isArray(a):"[object Array]"===Object.prototype.toString.call(a)}function e(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent?a.attachEvent("on"+b,c):a["on"+b]=c}function f(a){return a.replace(/^\s+|\s+$/g,"")}function g(b,c){a.attachEvent&&!a.addEventListener?b.innerText=c:b.textContent=c}var h=function(){},i={additionalTagClasses:"",allowDuplicates:!1,saveOnBlur:!1,duplicateTagClass:"",containerFocusClass:"active",focusInputOnContainerClick:!0,hiddenInputName:"taggles[]",tags:[],allowedTags:[],disallowedTags:[],maxTags:null,tabIndex:1,placeholder:"Enter tags...",submitKeys:[],preserveCase:!1,tagFormatter:h,onBeforeTagAdd:h,onTagAdd:h,onBeforeTagRemove:h,onTagRemove:h},j=8,k=188,l=9,m=13,n=function(a,d){this.settings=c({},i,d),this.measurements={container:{rect:null,style:null,padding:null}},this.container=a,this.tag={values:[],elements:[]},this.list=b.createElement("ul"),this.inputLi=b.createElement("li"),this.input=b.createElement("input"),this.sizer=b.createElement("div"),this.pasting=!1,this.placeholder=null,this.settings.placeholder&&(this.placeholder=b.createElement("span")),this.settings.submitKeys.length||(this.settings.submitKeys=[k,l,m]),"string"==typeof a&&(this.container=b.getElementById(a)),this._getMeasurements(),this._setupTextarea(),this._attachEvents()};n.prototype._getMeasurements=function(){var b,c,d;this.measurements.container.rect=this.container.getBoundingClientRect(),this.measurements.container.style=a.getComputedStyle(this.container),b=this.measurements.container.style,c=parseInt(b["padding-left"]||b.paddingLeft,10),d=parseInt(b["padding-right"]||b.paddingRight,10),this.measurements.container.padding=c+d},n.prototype._setupTextarea=function(){var b;if(this.list.className="taggle_list",this.input.type="text",this.input.className="taggle_input",this.input.tabIndex=this.settings.tabIndex,this.sizer.className="taggle_sizer",this.settings.tags.length)for(var c=0,d=this.settings.tags.length;d>c;c++){var e=this._createTag(this.settings.tags[c]);this.list.appendChild(e)}this.placeholder&&(this.placeholder.style.opacity=0,this.placeholder.classList.add("taggle_placeholder"),this.container.appendChild(this.placeholder),g(this.placeholder,this.settings.placeholder),this.settings.tags.length||(this.placeholder.style.opacity=1)),this.inputLi.appendChild(this.input),this.list.appendChild(this.inputLi),this.container.appendChild(this.list),this.container.appendChild(this.sizer),b=a.getComputedStyle(this.input).fontSize,this.sizer.style.fontSize=b},n.prototype._attachEvents=function(){var a=this;this.settings.focusInputOnContainerClick&&e(this.container,"click",function(){a.input.focus()}),e(this.input,"focus",this._focusInput.bind(this)),e(this.input,"blur",this._blurEvent.bind(this)),e(this.input,"keydown",this._keydownEvents.bind(this)),e(this.input,"keyup",this._keyupEvents.bind(this))},n.prototype._fixInputWidth=function(){var a,b,c,d,e;this._setInputWidth(),b=this.input.getBoundingClientRect(),c=this.measurements.container.rect,a=~~c.width,a||(a=~~c.right-~~c.left),d=~~b.left-~~c.left,e=this.measurements.container.padding,this._setInputWidth(a-d-e)},n.prototype._canAdd=function(a,b){if(!b)return!1;var c=this.settings.maxTags;if(null!==c&&c<=this.getTagValues().length)return!1;if(this.settings.onBeforeTagAdd(a,b)===!1)return!1;if(!this.settings.allowDuplicates&&this._hasDupes(b))return!1;var d=this.settings.preserveCase,e=this.settings.allowedTags;if(e.length&&!this._tagIsInArray(b,e,d))return!1;var f=this.settings.disallowedTags;return!f.length||!this._tagIsInArray(b,f,d)},n.prototype._tagIsInArray=function(a,b,c){if(c)return-1!==b.indexOf(a);var d=[].slice.apply(b).map(function(a){return a.toLowerCase()});return-1!==d.indexOf(a)},n.prototype._add=function(a,b){var c=this,d=b||"";"string"!=typeof b&&(d=f(this.input.value)),d.split(",").map(function(a){return c._formatTag(a)}).forEach(function(b){if(c._canAdd(a,b)){var d=c._createTag(b),e=c.list.children,f=e[e.length-1];c.list.insertBefore(d,f),c.settings.onTagAdd(a,b),c.input.value="",c._setInputWidth(),c._fixInputWidth(),c._focusInput()}})},n.prototype._checkLastTag=function(b){b=b||a.event;var c=this.container.querySelectorAll(".taggle"),d=c[c.length-1],e="taggle_hot",f=this.input.classList.contains("taggle_back");""!==this.input.value||b.keyCode!==j||f?d.classList.contains(e)&&d.classList.remove(e):d.classList.contains(e)?(this.input.classList.add("taggle_back"),this._remove(d,b),this._fixInputWidth(),this._focusInput()):d.classList.add(e)},n.prototype._setInputWidth=function(a){this.input.style.width=(a||10)+"px"},n.prototype._hasDupes=function(a){var b,c=this.tag.values.indexOf(a),d=this.container.querySelector(".taggle_list");if(this.settings.duplicateTagClass){b=d.querySelectorAll("."+this.settings.duplicateTagClass);for(var e=0,f=b.length;f>e;e++)b[e].classList.remove(this.settings.duplicateTagClass)}return c>-1?(this.settings.duplicateTagClass&&d.childNodes[c].classList.add(this.settings.duplicateTagClass),!0):!1},n.prototype._isConfirmKey=function(a){var b=!1;return this.settings.submitKeys.indexOf(a)>-1&&(b=!0),b},n.prototype._focusInput=function(){this._fixInputWidth(),this.container.classList.contains(this.settings.containerFocusClass)||this.container.classList.add(this.settings.containerFocusClass),this.placeholder&&(this.placeholder.style.opacity=0)},n.prototype._blurEvent=function(b){if(this.container.classList.contains(this.settings.containerFocusClass)&&this.container.classList.remove(this.settings.containerFocusClass),!this.tag.values.length&&this.placeholder&&(this.placeholder.style.opacity=1),this.settings.saveOnBlur){if(b=b||a.event,this._listenForEndOfContainer(),""!==this.input.value)return void this._confirmValidTagEvent(b);this.tag.values.length&&this._checkLastTag(b)}else this.input.value="",this._setInputWidth()},n.prototype._keydownEvents=function(b){b=b||a.event;var c=b.keyCode;return this.pasting=!1,this._listenForEndOfContainer(),86===c&&b.metaKey&&(this.pasting=!0),this._isConfirmKey(c)&&""!==this.input.value?void this._confirmValidTagEvent(b):void(this.tag.values.length&&this._checkLastTag(b))},n.prototype._keyupEvents=function(b){b=b||a.event,this.input.classList.remove("taggle_back"),g(this.sizer,this.input.value),this.pasting&&""!==this.input.value&&(this._add(b),this.pasting=!1)},n.prototype._confirmValidTagEvent=function(b){b=b||a.event,b.preventDefault?b.preventDefault():b.returnValue=!1,this._add(b)},n.prototype._listenForEndOfContainer=function(){var a=this.sizer.getBoundingClientRect().width,b=this.measurements.container.rect.width-this.measurements.container.padding,c=parseInt(this.sizer.style.fontSize,10);a+1.5*c>parseInt(this.input.style.width,10)&&(this.input.style.width=b+"px")},n.prototype._createTag=function(a){var c=b.createElement("li"),d=b.createElement("button"),f=b.createElement("input"),h=b.createElement("span");a=this._formatTag(a),d.innerHTML="×",d.className="close",d.type="button",e(d,"click",this._remove.bind(this,d)),g(h,a),h.className="taggle_text",c.className="taggle "+this.settings.additionalTagClasses,f.type="hidden",f.value=a,f.name=this.settings.hiddenInputName,c.appendChild(h),c.appendChild(d),c.appendChild(f);var i=this.settings.tagFormatter(c);if("undefined"!=typeof i&&(c=i),!(c instanceof HTMLElement)||"LI"!==c.tagName)throw new Error("tagFormatter must return an li element");return this.tag.values.push(a),this.tag.elements.push(c),c},n.prototype._remove=function(a,b){var c,d,e,f;"li"!==a.tagName.toLowerCase()&&(a=a.parentNode),c=a.querySelector(".taggle_text"),d=c.innerText||c.textContent,this.settings.onBeforeTagRemove(b,d)!==!1&&(a.parentNode.removeChild(a),e="a"===a.tagName.toLowerCase()?a.parentNode:a,f=this.tag.elements.indexOf(e),this.tag.elements.splice(f,1),this.tag.values.splice(f,1),this.settings.onTagRemove(b,d),this._focusInput())},n.prototype._formatTag=function(a){return this.settings.preserveCase?a:a.toLowerCase()},n.prototype.getTags=function(){return{elements:this.getTagElements(),values:this.getTagValues()}},n.prototype.getTagElements=function(){return this.tag.elements},n.prototype.getTagValues=function(){return[].slice.apply(this.tag.values)},n.prototype.getInput=function(){return this.input},n.prototype.getContainer=function(){return this.container},n.prototype.add=function(a){var b=d(a);if(b)for(var c=0,e=a.length;e>c;c++)"string"==typeof a[c]&&this._add(null,a[c]);else this._add(null,a);return this},n.prototype.remove=function(a,b){for(var c=this.tag.values.length-1,d=!1;c>-1&&(this.tag.values[c]===a&&(d=!0,this._remove(this.tag.elements[c])),!d||b);)c--;return this},n.prototype.removeAll=function(){for(var a=this.tag.values.length-1;a>=0;a--)this._remove(this.tag.elements[a]);return this},"function"==typeof define&&define.amd?define([],function(){return n}):"object"==typeof exports?module.exports=n:a.Taggle=n}(window,document); \ No newline at end of file diff --git a/assets/css/projects.min.css b/example/css/projects.min.css similarity index 100% rename from assets/css/projects.min.css rename to example/css/projects.min.css diff --git a/assets/css/taggle.css b/example/css/taggle.css similarity index 99% rename from assets/css/taggle.css rename to example/css/taggle.css index 38a291e..4736e8a 100644 --- a/assets/css/taggle.css +++ b/example/css/taggle.css @@ -9,7 +9,8 @@ h1, h2, h3, h4, h5, h6 { margin: 0; } pre { - border-radius: 3px; } + border-radius: 3px; + overflow-x: scroll; } p { color: #000; } diff --git a/example/css/taggle.min.css b/example/css/taggle.min.css new file mode 100644 index 0000000..dd5bfb2 --- /dev/null +++ b/example/css/taggle.min.css @@ -0,0 +1 @@ +html{background:url(/assets/images/projects/taggle/bg.png) repeat}h1,h2,h3,h4,h5,h6{text-shadow:1px 1px 1px #fff;color:#000;font-weight:700;line-height:1.5;margin:0}pre{border-radius:3px;overflow-x:scroll}p{color:#000}p a{color:#903;text-decoration:none;padding:3px}p a,p a:hover{transition:all .25s}p a:hover{color:#fff}.btn,p a:hover{background:#903}.btn{padding:12px 30px;border-radius:3px;margin-right:10px;color:#fff!important;position:relative;display:inline-block;width:130px}.btn:hover{background:#c04}.btn:active{top:1px}.btn:last-child{margin-right:0}::selection{background:#903;color:#fff}::-moz-selection{background:#903;color:#fff}@-webkit-keyframes a{0%,20%,50%,80%,to{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-16px)}60%{-webkit-transform:translateY(-7px)}}@keyframes a{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}60%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}.bounce{-webkit-animation-name:a;animation-name:a}#forkongithub a{background:#903;color:#fff}.project_container a{color:#000}.clearfix:after,.clearfix:before{display:block;content:"";line-height:0;clear:both}.taggle_list{float:left;width:100%}.taggle_input{border:none;outline:none;font-size:16px;font-weight:300}.taggle_list li{float:left;display:inline-block;white-space:nowrap;font-weight:500;margin-bottom:5px}.taggle_list .taggle{margin-right:8px;background:#e2e1df;padding:5px 10px;border-radius:3px;position:relative;cursor:pointer;transition:all .3s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.taggle_list .taggle_hot{background:#cac8c4}.taggle_list .taggle .close{font-size:1.1rem;position:absolute;top:5px;right:3px;text-decoration:none;padding-left:2px;padding-top:3px;line-height:.5;color:#ccc;color:rgba(0,0,0,.2);padding-bottom:4px;display:none;border:0;background:none;cursor:pointer}.taggle_list .taggle:hover{padding:5px;padding-right:15px;background:#ccc;transition:all .3s}.taggle_list .taggle:hover>.close{display:block}.taggle_list .taggle .close:hover{color:#903}.taggle_placeholder{position:absolute;color:#ccc;top:12px;left:8px;transition:opacity,.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.taggle_input{padding:8px;padding-left:0;float:left;margin-top:-5px;background:none;width:100%;max-width:100%}.taggle_sizer{padding:0;margin:0;position:absolute;top:-500px;z-index:-1;visibility:hidden}.textarea.input,textarea.input{border:0;background:#fdfdfd;box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 1px 1px hsla(0,0%,100%,.7);min-height:60px;padding:8px;border-radius:3px;color:#555;transition:all .25s;cursor:text;margin-bottom:10px;position:relative}.textarea.input.active,.textarea.input:focus,textarea.input.active,textarea.input:focus{background:#fff;transition:all .25s}.textarea.input,textarea.input{height:auto}.textarea.tags{position:relative}.textarea.tags *{box-sizing:content-box}.placeholder_input{position:relative}.placeholder_input span{position:absolute;color:#aaa;top:50%;margin-top:-11px;left:10px}.placeholder_input input{width:120px}.ui-autocomplete{position:absolute;top:0;left:0}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-widget-content{background:#fff;color:#903}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400;color:#8a8a8a;cursor:pointer}.ui-menu .ui-menu-item a:hover{color:#fff;background:#903}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{background:#903;color:#fff!important}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#fff}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff;font-weight:400;color:#212121}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.autocomplete{max-height:200px;overflow:scroll;position:absolute;top:66px;background:#fff;width:99.5%;left:.25%;z-index:1}.autocomplete ul li{display:block;padding:6px 8px}.autocomplete ul li.selected,.autocomplete ul li:hover{background:#f63;color:#fff;cursor:pointer}.ui-autocomplete{max-height:200px;overflow:scroll;width:99%!important}.custom.textarea{border-radius:0;box-shadow:none}.custom.textarea .taggle{border-radius:0;padding:5px;padding-right:20px}.custom.textarea .taggle .close{display:inline-block;right:3px}.custom.delicious{border:1px solid #aaa;min-height:50px}.custom.delicious,.custom.delicious.active{background-image:linear-gradient(180deg,#eee 1%,#fff 15%)}.custom.delicious.active{border-color:#3274d1}.custom.delicious .taggle{color:#444;border-radius:0;border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem;background-color:#ddd;font-family:sans-serif;font-size:.8rem;padding:5px;padding-left:20px}.custom.delicious .taggle .close{color:#aaa;font-size:.9rem;height:.7rem;width:.7rem;line-height:.1rem;margin-top:3px;right:auto;left:5px}.custom.delicious .taggle .close:hover{color:#888}.custom.stackoverflow{border:1px solid #ccc;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.custom.stackoverflow .taggle{color:#3e6d8e;border-radius:0;background-color:#e0eaf1;font-weight:200}.custom.stackoverflow .taggle.taggle_hot{background:#bdd0dd}.custom.stackoverflow .taggle .close{color:#aaa;border-radius:.7rem;font-size:.9rem;height:.7rem;width:.7rem;line-height:.1rem;margin-top:3px}.custom.stackoverflow .taggle .close:hover{background:#c03434;color:#fff} \ No newline at end of file diff --git a/assets/css/twilight.css b/example/css/twilight.css similarity index 100% rename from assets/css/twilight.css rename to example/css/twilight.css diff --git a/assets/images/bg.png b/example/images/bg.png similarity index 100% rename from assets/images/bg.png rename to example/images/bg.png diff --git a/taggle.html b/example/index.html similarity index 95% rename from taggle.html rename to example/index.html index 9df2653..ab19443 100644 --- a/taggle.html +++ b/example/index.html @@ -1,12 +1,12 @@ - + Sean Coker | Taggle.js - - - + + + @@ -424,12 +424,10 @@

Methods

© 2015Sean Coker

Some, if not all and/or most rights reserved.

- - - - - - - + + + + + diff --git a/assets/js/jquery-1.10.1.js b/example/js/jquery-1.10.1.js similarity index 100% rename from assets/js/jquery-1.10.1.js rename to example/js/jquery-1.10.1.js diff --git a/assets/js/jquery-ui.js b/example/js/jquery-ui.js similarity index 100% rename from assets/js/jquery-ui.js rename to example/js/jquery-ui.js diff --git a/assets/js/rainbow-custom.min.js b/example/js/rainbow-custom.min.js similarity index 100% rename from assets/js/rainbow-custom.min.js rename to example/js/rainbow-custom.min.js diff --git a/assets/js/scripts.js b/example/js/scripts.js similarity index 100% rename from assets/js/scripts.js rename to example/js/scripts.js diff --git a/example/js/taggle.min.js b/example/js/taggle.min.js new file mode 100644 index 0000000..3188ff9 --- /dev/null +++ b/example/js/taggle.min.js @@ -0,0 +1,8 @@ +/*! +* @author Sean Coker +* @version 1.7.0 +* @url http://sean.is/poppin/tags +* @license MIT +* @description Taggle is a dependency-less tagging library +*/ +!function(){Function.prototype.bind||(Function.prototype.bind=function(a){if("function"!=typeof this)throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");var b=Array.prototype.slice.call(arguments,1),c=this,d=function(){},e=function(){return c.apply(this instanceof d&&a?this:a,b.concat(Array.prototype.slice.call(arguments)))};return d.prototype=this.prototype,e.prototype=new d,e}),window.getComputedStyle||(window.getComputedStyle=function(a){return a.currentStyle}),Array.prototype.indexOf||(Array.prototype.indexOf=function(a){"use strict";if(null==this)throw new TypeError;var b,c,d=Object(this),e=d.length>>>0;if(0===e)return-1;if(b=0,arguments.length>1&&(b=Number(arguments[1]),b!=b?b=0:0!=b&&b!=1/0&&b!=-(1/0)&&(b=(b>0||-1)*Math.floor(Math.abs(b)))),b>=e)return-1;for(c=b>=0?b:Math.max(e-Math.abs(b),0);e>c;c++)if(c in d&&d[c]===a)return c;return-1}),Array.prototype.forEach||(Array.prototype.forEach=function(a,b){var c,d;if(null==this)throw new TypeError(" this is null or not defined");var e=Object(this),f=e.length>>>0;if("function"!=typeof a)throw new TypeError(a+" is not a function");for(arguments.length>1&&(c=b),d=0;f>d;){var g;d in e&&(g=e[d],a.call(c,g,d,e)),d++}}),Array.prototype.map||(Array.prototype.map=function(a,b){var c,d,e;if(null==this)throw new TypeError(" this is null or not defined");var f=Object(this),g=f.length>>>0;if("function"!=typeof a)throw new TypeError(a+" is not a function");for(arguments.length>1&&(c=b),d=new Array(g),e=0;g>e;){var h,i;e in f&&(h=f[e],i=a.call(c,h,e,f),d[e]=i),e++}return d})}(),function(){"undefined"==typeof document||"classList"in document.documentElement||!function(a){"use strict";if("HTMLElement"in a||"Element"in a){var b="classList",c="prototype",d=(a.HTMLElement||a.Element)[c],e=Object,f=String[c].trim||function(){return this.replace(/^\s+|\s+$/g,"")},g=Array[c].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1},h=function(a,b){this.name=a,this.code=DOMException[a],this.message=b},i=function(a,b){if(""===b)throw new h("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(b))throw new h("INVALID_CHARACTER_ERR","String contains an invalid character");return g.call(a,b)},j=function(a){for(var b=f.call(a.className),c=b?b.split(/\s+/):[],d=0,e=c.length;e>d;d++)this.push(c[d]);this._updateClassName=function(){a.className=this.toString()}},k=j[c]=[],l=function(){return new j(this)};if(h[c]=Error[c],k.item=function(a){return this[a]||null},k.contains=function(a){return a+="",-1!==i(this,a)},k.add=function(){var a,b=arguments,c=0,d=b.length,e=!1;do a=b[c]+"",-1===i(this,a)&&(this.push(a),e=!0);while(++cb;b++){var d=arguments[b];for(var e in d)d.hasOwnProperty(e)&&(a[e]=d[e])}return a}function d(a){return Array.isArray?Array.isArray(a):"[object Array]"===Object.prototype.toString.call(a)}function e(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent?a.attachEvent("on"+b,c):a["on"+b]=c}function f(a){return a.replace(/^\s+|\s+$/g,"")}function g(b,c){a.attachEvent&&!a.addEventListener?b.innerText=c:b.textContent=c}var h=function(){},i={additionalTagClasses:"",allowDuplicates:!1,saveOnBlur:!1,duplicateTagClass:"",containerFocusClass:"active",focusInputOnContainerClick:!0,hiddenInputName:"taggles[]",tags:[],allowedTags:[],disallowedTags:[],maxTags:null,tabIndex:1,placeholder:"Enter tags...",submitKeys:[],preserveCase:!1,tagFormatter:h,onBeforeTagAdd:h,onTagAdd:h,onBeforeTagRemove:h,onTagRemove:h},j=8,k=188,l=9,m=13,n=function(a,d){this.settings=c({},i,d),this.measurements={container:{rect:null,style:null,padding:null}},this.container=a,this.tag={values:[],elements:[]},this.list=b.createElement("ul"),this.inputLi=b.createElement("li"),this.input=b.createElement("input"),this.sizer=b.createElement("div"),this.pasting=!1,this.placeholder=null,this.settings.placeholder&&(this.placeholder=b.createElement("span")),this.settings.submitKeys.length||(this.settings.submitKeys=[k,l,m]),"string"==typeof a&&(this.container=b.getElementById(a)),this._getMeasurements(),this._setupTextarea(),this._attachEvents()};n.prototype._getMeasurements=function(){var b,c,d;this.measurements.container.rect=this.container.getBoundingClientRect(),this.measurements.container.style=a.getComputedStyle(this.container),b=this.measurements.container.style,c=parseInt(b["padding-left"]||b.paddingLeft,10),d=parseInt(b["padding-right"]||b.paddingRight,10),this.measurements.container.padding=c+d},n.prototype._setupTextarea=function(){var b;if(this.list.className="taggle_list",this.input.type="text",this.input.className="taggle_input",this.input.tabIndex=this.settings.tabIndex,this.sizer.className="taggle_sizer",this.settings.tags.length)for(var c=0,d=this.settings.tags.length;d>c;c++){var e=this._createTag(this.settings.tags[c]);this.list.appendChild(e)}this.placeholder&&(this.placeholder.style.opacity=0,this.placeholder.classList.add("taggle_placeholder"),this.container.appendChild(this.placeholder),g(this.placeholder,this.settings.placeholder),this.settings.tags.length||(this.placeholder.style.opacity=1)),this.inputLi.appendChild(this.input),this.list.appendChild(this.inputLi),this.container.appendChild(this.list),this.container.appendChild(this.sizer),b=a.getComputedStyle(this.input).fontSize,this.sizer.style.fontSize=b},n.prototype._attachEvents=function(){var a=this;this.settings.focusInputOnContainerClick&&e(this.container,"click",function(){a.input.focus()}),e(this.input,"focus",this._focusInput.bind(this)),e(this.input,"blur",this._blurEvent.bind(this)),e(this.input,"keydown",this._keydownEvents.bind(this)),e(this.input,"keyup",this._keyupEvents.bind(this))},n.prototype._fixInputWidth=function(){var a,b,c,d,e;this._setInputWidth(),b=this.input.getBoundingClientRect(),c=this.measurements.container.rect,a=~~c.width,a||(a=~~c.right-~~c.left),d=~~b.left-~~c.left,e=this.measurements.container.padding,this._setInputWidth(a-d-e)},n.prototype._canAdd=function(a,b){if(!b)return!1;var c=this.settings.maxTags;if(null!==c&&c<=this.getTagValues().length)return!1;if(this.settings.onBeforeTagAdd(a,b)===!1)return!1;if(!this.settings.allowDuplicates&&this._hasDupes(b))return!1;var d=this.settings.preserveCase,e=this.settings.allowedTags;if(e.length&&!this._tagIsInArray(b,e,d))return!1;var f=this.settings.disallowedTags;return!f.length||!this._tagIsInArray(b,f,d)},n.prototype._tagIsInArray=function(a,b,c){if(c)return-1!==b.indexOf(a);var d=[].slice.apply(b).map(function(a){return a.toLowerCase()});return-1!==d.indexOf(a)},n.prototype._add=function(a,b){var c=this,d=b||"";"string"!=typeof b&&(d=f(this.input.value)),d.split(",").map(function(a){return c._formatTag(a)}).forEach(function(b){if(c._canAdd(a,b)){var d=c._createTag(b),e=c.list.children,f=e[e.length-1];c.list.insertBefore(d,f),c.settings.onTagAdd(a,b),c.input.value="",c._setInputWidth(),c._fixInputWidth(),c._focusInput()}})},n.prototype._checkLastTag=function(b){b=b||a.event;var c=this.container.querySelectorAll(".taggle"),d=c[c.length-1],e="taggle_hot",f=this.input.classList.contains("taggle_back");""!==this.input.value||b.keyCode!==j||f?d.classList.contains(e)&&d.classList.remove(e):d.classList.contains(e)?(this.input.classList.add("taggle_back"),this._remove(d,b),this._fixInputWidth(),this._focusInput()):d.classList.add(e)},n.prototype._setInputWidth=function(a){this.input.style.width=(a||10)+"px"},n.prototype._hasDupes=function(a){var b,c=this.tag.values.indexOf(a),d=this.container.querySelector(".taggle_list");if(this.settings.duplicateTagClass){b=d.querySelectorAll("."+this.settings.duplicateTagClass);for(var e=0,f=b.length;f>e;e++)b[e].classList.remove(this.settings.duplicateTagClass)}return c>-1?(this.settings.duplicateTagClass&&d.childNodes[c].classList.add(this.settings.duplicateTagClass),!0):!1},n.prototype._isConfirmKey=function(a){var b=!1;return this.settings.submitKeys.indexOf(a)>-1&&(b=!0),b},n.prototype._focusInput=function(){this._fixInputWidth(),this.container.classList.contains(this.settings.containerFocusClass)||this.container.classList.add(this.settings.containerFocusClass),this.placeholder&&(this.placeholder.style.opacity=0)},n.prototype._blurEvent=function(b){if(this.container.classList.contains(this.settings.containerFocusClass)&&this.container.classList.remove(this.settings.containerFocusClass),!this.tag.values.length&&this.placeholder&&(this.placeholder.style.opacity=1),this.settings.saveOnBlur){if(b=b||a.event,this._listenForEndOfContainer(),""!==this.input.value)return void this._confirmValidTagEvent(b);this.tag.values.length&&this._checkLastTag(b)}else this.input.value="",this._setInputWidth()},n.prototype._keydownEvents=function(b){b=b||a.event;var c=b.keyCode;return this.pasting=!1,this._listenForEndOfContainer(),86===c&&b.metaKey&&(this.pasting=!0),this._isConfirmKey(c)&&""!==this.input.value?void this._confirmValidTagEvent(b):void(this.tag.values.length&&this._checkLastTag(b))},n.prototype._keyupEvents=function(b){b=b||a.event,this.input.classList.remove("taggle_back"),g(this.sizer,this.input.value),this.pasting&&""!==this.input.value&&(this._add(b),this.pasting=!1)},n.prototype._confirmValidTagEvent=function(b){b=b||a.event,b.preventDefault?b.preventDefault():b.returnValue=!1,this._add(b)},n.prototype._listenForEndOfContainer=function(){var a=this.sizer.getBoundingClientRect().width,b=this.measurements.container.rect.width-this.measurements.container.padding,c=parseInt(this.sizer.style.fontSize,10);a+1.5*c>parseInt(this.input.style.width,10)&&(this.input.style.width=b+"px")},n.prototype._createTag=function(a){var c=b.createElement("li"),d=b.createElement("button"),f=b.createElement("input"),h=b.createElement("span");a=this._formatTag(a),d.innerHTML="×",d.className="close",d.type="button",e(d,"click",this._remove.bind(this,d)),g(h,a),h.className="taggle_text",c.className="taggle "+this.settings.additionalTagClasses,f.type="hidden",f.value=a,f.name=this.settings.hiddenInputName,c.appendChild(h),c.appendChild(d),c.appendChild(f);var i=this.settings.tagFormatter(c);if("undefined"!=typeof i&&(c=i),!(c instanceof HTMLElement)||"LI"!==c.tagName)throw new Error("tagFormatter must return an li element");return this.tag.values.push(a),this.tag.elements.push(c),c},n.prototype._remove=function(a,b){var c,d,e,f;"li"!==a.tagName.toLowerCase()&&(a=a.parentNode),c=a.querySelector(".taggle_text"),d=c.innerText||c.textContent,this.settings.onBeforeTagRemove(b,d)!==!1&&(a.parentNode.removeChild(a),e="a"===a.tagName.toLowerCase()?a.parentNode:a,f=this.tag.elements.indexOf(e),this.tag.elements.splice(f,1),this.tag.values.splice(f,1),this.settings.onTagRemove(b,d),this._focusInput())},n.prototype._formatTag=function(a){return this.settings.preserveCase?a:a.toLowerCase()},n.prototype.getTags=function(){return{elements:this.getTagElements(),values:this.getTagValues()}},n.prototype.getTagElements=function(){return this.tag.elements},n.prototype.getTagValues=function(){return[].slice.apply(this.tag.values)},n.prototype.getInput=function(){return this.input},n.prototype.getContainer=function(){return this.container},n.prototype.add=function(a){var b=d(a);if(b)for(var c=0,e=a.length;e>c;c++)"string"==typeof a[c]&&this._add(null,a[c]);else this._add(null,a);return this},n.prototype.remove=function(a,b){for(var c=this.tag.values.length-1,d=!1;c>-1&&(this.tag.values[c]===a&&(d=!0,this._remove(this.tag.elements[c])),!d||b);)c--;return this},n.prototype.removeAll=function(){for(var a=this.tag.values.length-1;a>=0;a--)this._remove(this.tag.elements[a]);return this},"function"==typeof define&&define.amd?define([],function(){return n}):"object"==typeof exports?module.exports=n:a.Taggle=n}(window,document); \ No newline at end of file diff --git a/assets/scss/taggle.scss b/example/scss/taggle.scss similarity index 99% rename from assets/scss/taggle.scss rename to example/scss/taggle.scss index bdf2e25..d37df7b 100644 --- a/assets/scss/taggle.scss +++ b/example/scss/taggle.scss @@ -16,6 +16,7 @@ h1, h2, h3, h4, h5, h6 { pre { border-radius: 3px; + overflow-x: scroll; } p {