Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

ax5ui-combobox

Package Overview
Dependencies
Maintainers
1
Versions
268
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ax5ui-combobox - npm Package Compare versions

Comparing version 0.2.4 to 0.3.0

src/modules/ax5combobox-tmpl.js
src/modules/ax5combobox-util.js

2

bower.json
{
"name": "ax5ui-combobox",
"version": "0.2.4",
"version": "0.3.0",
"description": "A combobox plugin that works with Bootstrap & jQuery",

@@ -5,0 +5,0 @@ "authors": [

2

dist/ax5combobox.min.js

@@ -1,1 +0,1 @@

"use strict";!function(){var e=ax5.ui,t=ax5.util;e.addClass({className:"combobox",version:"0.2.4"},function(){var e=function(){var e,o=this;this.instanceId=ax5.getGuid(),this.config={theme:"default",animateTime:250,removeIcon:"&#8855",lang:{noSelected:"",noOptions:"no options",loading:"now loading.."},columnKeys:{optionValue:"value",optionText:"text",optionSelected:"selected"}},this.queue=[],this.activecomboboxOptionGroup=null,this.activecomboboxQueueIndex=-1,this.openTimer=null,this.closeTimer=null,this.waitOptionsCallback=null,this.keyUpTimer=null,e=this.config;var i=function(e,t){return e&&e.onStateChanged?e.onStateChanged.call(t,t):this.onStateChanged&&this.onStateChanged.call(t,t),"changeValue"==t.state&&(e&&e.onChange?e.onChange.call(t,t):this.onChange&&this.onChange.call(t,t)),e=null,t=null,!0},n=function(e){return'\n<div class="ax5combobox-option-group {{theme}} {{size}}" data-ax5combobox-option-group="{{id}}">\n <div class="ax-combobox-body">\n <div class="ax-combobox-option-group-content" data-els="content"></div>\n </div>\n <div class="ax-combobox-arrow"></div> \n</div>\n'},a=function(){return'\n<div class="form-control {{formSize}} ax5combobox-display {{theme}}" \ndata-ax5combobox-display="{{id}}" data-ax5combobox-instance="{{instanceId}}">\n <div class="ax5combobox-display-table" data-els="display-table">\n <div data-ax5combobox-display="label-holder"> \n <a {{^tabIndex}}href="#ax5combobox-{{id}}" {{/tabIndex}}{{#tabIndex}}tabindex="{{tabIndex}}" {{/tabIndex}}\n data-ax5combobox-display="label"\n contentEditable="true"\n spellcheck="false">{{{label}}}</a>\n </div>\n <div data-ax5combobox-display="addon"> \n {{#multiple}}{{#reset}}\n <span class="addon-icon-reset" data-selected-clear="true">{{{.}}}</span>\n {{/reset}}{{/multiple}}\n {{#icons}}\n <span class="addon-icon-closed">{{clesed}}</span>\n <span class="addon-icon-opened">{{opened}}</span>\n {{/icons}}\n {{^icons}}\n <span class="addon-icon-closed"><span class="addon-icon-arrow"></span></span>\n <span class="addon-icon-opened"><span class="addon-icon-arrow"></span></span>\n {{/icons}}\n </div>\n </div>\n</a>\n'},s=function(){return'\n<select tabindex="-1" class="form-control {{formSize}}" name="{{name}}" {{#multiple}}multiple="multiple"{{/multiple}}></select>\n'},l=function(e){return'\n{{#waitOptions}}\n <div class="ax-combobox-option-item">\n <div class="ax-combobox-option-item-holder">\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-label">\n {{{lang.loading}}}\n </span>\n </div>\n </div>\n{{/waitOptions}}\n{{^waitOptions}}\n {{#options}}\n {{#optgroup}}\n <div class="ax-combobox-option-group">\n <div class="ax-combobox-option-item-holder">\n <span class="ax-combobox-option-group-label">\n {{{.}}}\n </span>\n </div>\n {{#options}}\n {{^hide}}\n <div class="ax-combobox-option-item" data-option-focus-index="{{@findex}}" data-option-group-index="{{@gindex}}" data-option-index="{{@index}}" \n data-option-value="{{'+e.optionValue+'}}" \n {{#'+e.optionSelected+'}}data-option-selected="true"{{/'+e.optionSelected+'}}>\n <div class="ax-combobox-option-item-holder">\n {{#multiple}}\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-checkbox">\n <span class="item-checkbox-wrap useCheckBox" data-option-checkbox-index="{{@i}}"></span>\n </span>\n {{/multiple}}\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-label">{{'+e.optionText+'}}</span>\n </div>\n </div>\n {{/hide}}\n {{/options}}\n </div> \n {{/optgroup}}\n {{^optgroup}}\n {{^hide}}\n <div class="ax-combobox-option-item" data-option-focus-index="{{@findex}}" data-option-index="{{@index}}" data-option-value="{{'+e.optionValue+'}}" {{#'+e.optionSelected+'}}data-option-selected="true"{{/'+e.optionSelected+'}}>\n <div class="ax-combobox-option-item-holder">\n {{#multiple}}\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-checkbox">\n <span class="item-checkbox-wrap useCheckBox" data-option-checkbox-index="{{@i}}"></span>\n </span>\n {{/multiple}}\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-label">{{'+e.optionText+'}}</span>\n </div>\n </div>\n {{/hide}}\n {{/optgroup}}\n {{/options}}\n {{^options}}\n <div class="ax-combobox-option-item">\n <div class="ax-combobox-option-item-holder">\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-label">\n {{{lang.noOptions}}}\n </span>\n </div>\n </div>\n {{/options}}\n{{/waitOptions}}\n'},c=function(e){return'{{#selected}}<div tabindex="-1" data-ax5combobox-selected-label="{{@i}}" data-ax5combobox-selected-text="{{text}}">\n<div data-ax5combobox-remove="true" data-ax5combobox-remove-index="{{@i}}">{{{removeIcon}}}</div>\n<span>{{text}}</span>\n</div>{{/selected}}'},d=function(){for(var e,o=this.queue.length;o--;){var i=this.queue[o];if(i.$display&&(e=Math.max(i.$select.outerWidth(),t.number(i.minWidth)),i.$display.css({"min-width":e}),i.reset&&i.$display.find(".addon-icon-reset").css({"line-height":this.queue[o].$display.height()+"px"}),i.multiple)){var n=function(){return t.number(i.$display.css("border-top-width"))+t.number(i.$display.css("border-bottom-width"))}.call(this);i.$target.height(""),i.$display.height("");var a=i.$displayTable.outerHeight();Math.abs(a-i.$target.height())>n&&(i.$target.css({height:a+n}),i.$display.css({height:a+n}))}}return o=null,e=null,this},u=function(e){if(!this.activecomboboxOptionGroup)return this;var t=this.queue[this.activecomboboxQueueIndex],o={},i={};e&&jQuery(document.body).append(this.activecomboboxOptionGroup),o=t.$target.offset(),i={width:t.$target.outerWidth(),height:t.$target.outerHeight()},t.direction&&""!==t.direction&&"auto"!==t.direction||(t.direction="top"),e&&this.activecomboboxOptionGroup.addClass("direction-"+t.direction),this.activecomboboxOptionGroup.css(function(){return"top"==t.direction?{left:o.left,top:o.top+i.height+1,width:i.width}:"bottom"==t.direction?{left:o.left,top:o.top-this.activecomboboxOptionGroup.outerHeight()-1,width:i.width}:void 0}.call(this))},p=function(e,o){if(!this.activecomboboxOptionGroup)return this;var i=this.queue[this.activecomboboxQueueIndex],n="display";return(o=t.findParentNode(e.target,function(e){return e.getAttribute("data-option-value")?(n="optionItem",!0):i.$target.get(0)==e?(n="display",!0):void 0}))?("optionItem"===n&&(this.val(i.id,{index:{gindex:o.getAttribute("data-option-group-index"),index:o.getAttribute("data-option-index")}},void 0,"internal"),t.selectRange(i.$displayLabel,"end"),i.multiple||this.close()),this):(this.close(),this)},r=function(e){if(e.keyCode==ax5.info.eventKeys.ESC)this.close();else if(e.which==ax5.info.eventKeys.RETURN){for(var t=[],o=this.queue[this.activecomboboxQueueIndex],i=o.$displayLabel.get(0).childNodes,n=0,a=i.length;a>n;n++){var s=i[n];if(s.nodeType in K){var l=K[s.nodeType].call(this,this.activecomboboxQueueIndex,s);"undefined"!=typeof l&&t.push(l)}}this.val(o.id,t,!0,"internal"),o.multiple||this.close()}},h=function(e){var t=this.queue[e],o={};return o.id=t.id,o.theme=t.theme,o.size="ax5combobox-option-group-"+t.size,o.multiple=t.multiple,o.lang=t.lang,o.options=t.options,o.selected=t.selected,o.hasSelected=o.selected&&o.selected.length>0,o.removeIcon=t.removeIcon,ax5.mustache.render(c.call(this,t.columnKeys),o)+"&nbsp;"},x=function(e){var o,i=this.queue[e];if(i.$displayLabel.html(h.call(this,e)),i.$target.height(""),i.$display.height(""),i.$target.height()<(o=i.$displayTable.outerHeight())){var n=function(){return t.number(i.$display.css("border-top-width"))+t.number(i.$display.css("border-bottom-width"))}();i.$target.css({height:o+n}),i.$display.css({height:o+n})}},b=function(e){this.queue[e].$displayLabel.trigger("focus"),t.selectRange(this.queue[e].$displayLabel,"end")},m=function(e){this.queue[e].$displayLabel.trigger("blur")},f=function(e,o){this.queue[e].waitOptions=!0,this.activecomboboxOptionGroup.find('[data-els="content"]').html(jQuery(ax5.mustache.render(l.call(this,this.queue[e].columnKeys),this.queue[e]))),this.queue[e].onSearch.call({self:this,item:this.queue[e],searchWord:o},function(e){var o={},i=this.queue[this.activecomboboxQueueIndex];return i?(function(e,o){var i={};o.options.forEach(function(t,o){t["@index"]=o,i[t[e.columnKeys.optionValue]]=t}),t.isArray(e.selected)&&e.selected.forEach(function(t){i[t[e.columnKeys.optionValue]]&&(o.options[i[t[e.columnKeys.optionValue]]["@index"]][e.columnKeys.optionSelected]=!0)})}(i,e),i.options=I.call(this,this.activecomboboxQueueIndex,e.options),d.call(this),o.id=i.id,o.theme=i.theme,o.size="ax5combobox-option-group-"+i.size,o.multiple=i.multiple,o.lang=i.lang,o.options=i.options,void this.activecomboboxOptionGroup.find('[data-els="content"]').html(jQuery(ax5.mustache.render(l.call(this,i.columnKeys),o)))):!1}.bind(this))},v=function(e,t){if(-1==this.activecomboboxQueueIndex)return this;var o,i=[],n=-1,a=this.queue[e].indexedOptions.length-1;if(""!=t){var s=/[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;if(t=t.replace(s,""),this.queue[e].onSearch){f.call(this,e,t);try{return i}finally{i=null,n=null,a=null,o=null}}for(;a-n++;){if(o=this.queue[e].indexedOptions[n],(""+o.text).toLowerCase()==t.toLowerCase()){i=[{"@findex":o["@findex"],optionsSort:0}];break}var l=(""+o.text).toLowerCase().search(t.toLowerCase());if(l>-1&&(i.push({"@findex":o["@findex"],optionsSort:l}),i.length>2))break;l=null}i.sort(function(e,t){return e.optionsSort-t.optionsSort})}i&&i.length>0?y.call(this,e,void 0,i[0]["@findex"]):g.call(this,e);try{return i}finally{i=null,n=null,a=null,o=null}},g=function(e){this.activecomboboxOptionGroup&&this.activecomboboxOptionGroup.find("[data-option-focus-index]").removeClass("hover").removeAttr("data-option-selected"),this.queue[e].optionFocusIndex=-1},y=function(e,o,i){var n,a,s,l,c=this.queue[e];if(this.activecomboboxOptionGroup&&c.options&&c.options.length>0){if("undefined"!=typeof i?n=i:(a=-1==c.optionFocusIndex?c.optionSelectedIndex||-1:c.optionFocusIndex,-1==a?n=0:(n=a+o,0>n?n=0:n>c.optionItemLength-1&&(n=c.optionItemLength-1))),c.optionFocusIndex=n,c.options[n]&&c.options[n].hide){if("undefined"==typeof o)return this;for(;c.options[n].hide;){if(n+=o,0>n){n=0;break}if(n>c.optionItemLength-1){n=c.optionItemLength-1;break}}}if("undefined"!=typeof n&&(this.activecomboboxOptionGroup.find("[data-option-focus-index]").removeClass("hover"),s=this.activecomboboxOptionGroup.find('[data-option-focus-index="'+n+'"]').addClass("hover"),l=this.activecomboboxOptionGroup.find('[data-els="content"]'),s.get(0))){var d=s.outerHeight(),u=l.innerHeight(),p=l.scrollTop(),r=s.position().top+l.scrollTop();if(r+d>u+p?l.scrollTop(r+d-u):p>r&&l.scrollTop(r),"undefined"!=typeof o){var h=c.$displayLabel.get(0).childNodes,x=h[h.length-1];x&&"3"==x.nodeType?(x.nodeValue=c.indexedOptions[n].text,t.selectRange(c.$displayLabel,"end")):x&&"1"==x.nodeType&&(jQuery(x).after(c.indexedOptions[n].text),t.selectRange(c.$displayLabel,"end"))}}}},q=function(){var e=t.debounce(function(e){if(-1==this.activecomboboxQueueIndex)return this;for(var i=[],n="",a=this.queue[e],s=a.$displayLabel.get(0).childNodes,l=0,c=s.length;c>l;l++){var d=s[l];if(d.nodeType in K){var u=K[d.nodeType].call(this,this.activecomboboxQueueIndex,d,!0);"undefined"==typeof u||(t.isString(u)?(n=u,"1"==d.nodeType&&d.getAttribute("data-ax5combobox-selected-text")?n=!1:i.push(u)):i.push(u))}}0==s.length?this.val(a.id,null,void 0,"internal"):n===!1?(this.val(a.id,null,void 0,"internal"),this.val(a.id,i,void 0,"internal"),t.selectRange(a.$displayLabel,"end")):""!=n&&v.call(o,e,n)},150),i=function(e){for(var o,i=[],n=this.queue[e],a=n.$displayLabel.get(0).childNodes,s=0,l=a.length;l>s;s++){var c=a[s];if(c.nodeType in K){var d=K[c.nodeType].call(this,e,c,!0);"undefined"==typeof d||(t.isString(d)?(o=d,i.push(d)):i.push(d))}}"undefined"!=typeof o&&this.val(n.id,i,void 0,"internal")},n={click:function(e,i){var n,a=t.findParentNode(i.target,function(e){return e.getAttribute("data-ax5combobox-remove")?(n="optionItemRemove",!0):e.getAttribute("data-selected-clear")?(n="clear",!0):void 0});if(a){if("optionItemRemove"===n){var s=a.getAttribute("data-ax5combobox-remove-index"),l=this.queue[e].selected[s];return this.val(e,{index:{gindex:l["@gindex"],index:l["@index"]}},!1,!0),t.stopEvent(i),this}"clear"===n&&this.val(e,{clear:!0})}else o.activecomboboxQueueIndex==e?-1==this.queue[e].optionFocusIndex&&o.close():(o.open(e),""==this.queue[e].$displayLabel.text().replace(/^\W*|\W*$/g,"")&&(this.queue[e].$displayLabel.html(h.call(this,e)),b.call(this,e)))},keyUp:function(i,n){return n.which==ax5.info.eventKeys.ESC&&-1===o.activecomboboxQueueIndex?(t.stopEvent(n),this):(o.activecomboboxQueueIndex!=i&&(o.open(i),t.stopEvent(n)),void e.call(this,i))},keyDown:function(e,o){o.which==ax5.info.eventKeys.ESC?t.stopEvent(o):o.which==ax5.info.eventKeys.RETURN?t.stopEvent(o):o.which==ax5.info.eventKeys.DOWN?(y.call(this,e,1),t.stopEvent(o)):o.which==ax5.info.eventKeys.UP&&(y.call(this,e,-1),t.stopEvent(o))},focus:function(e,t){},blur:function(e,o){i.call(this,e),t.stopEvent(o)},selectChange:function(e,t){this.val(e,this.queue[e].$select.val(),!0)}};return function(e){var t=this.queue[e],o={};return t.selected=[],t.$display?(t.$displayLabel.html(h.call(this,e)),t.options=I.call(this,e,t.options),d.call(this)):(o.instanceId=this.instanceId,o.id=t.id,o.name=t.name,o.theme=t.theme,o.tabIndex=t.tabIndex,o.multiple=t.multiple,o.reset=t.reset,o.label=h.call(this,e),o.formSize=function(){return t.size?"input-"+t.size:""}(),t.$display=jQuery(ax5.mustache.render(a.call(this,e),o)),t.$displayTable=t.$display.find('[data-els="display-table"]'),t.$displayLabel=t.$display.find('[data-ax5combobox-display="label"]'),t.$target.find("select").get(0)?(t.$select=t.$target.find("select"),t.$select.attr("tabindex","-1").attr("class","form-control "+o.formSize),o.name&&t.$select.attr("name","name"),o.multiple&&t.$select.attr("multiple","multiple")):(t.$select=jQuery(ax5.mustache.render(s.call(this,e),o)),t.$target.append(t.$select)),t.$target.append(t.$display),t.options=I.call(this,e,t.options),d.call(this)),t.$display.unbind("click.ax5combobox").bind("click.ax5combobox",n.click.bind(this,e)),t.$displayLabel.unbind("focus.ax5combobox").bind("focus.ax5combobox",n.focus.bind(this,e)).unbind("blur.ax5combobox").bind("blur.ax5combobox",n.blur.bind(this,e)).unbind("keyup.ax5combobox").bind("keyup.ax5combobox",n.keyUp.bind(this,e)).unbind("keydown.ax5combobox").bind("keydown.ax5combobox",n.keyDown.bind(this,e)),t.$select.unbind("change.ax5combobox").bind("change.ax5combobox",n.selectChange.bind(this,e)),o=null,t=null,e=null,this}}(),I=function(){var e=function(e,t){t?this.queue[e].selected.push(jQuery.extend({},t)):this.queue[e].selected=[]};return function(i,n){var a,s,l,c=this.queue[i],d=0;return e.call(this,i,!1),n?(c.options=n,c.indexedOptions=[],a=[],a.push('<option value=""></option>'),c.options.forEach(function(t,n){t.optgroup?(t["@gindex"]=n,t.options.forEach(function(t,s){t["@index"]=s,t["@findex"]=d,a.push('<option value="'+t[c.columnKeys.optionValue]+'" '+(t[c.columnKeys.optionSelected]?' selected="selected"':"")+">"+t[c.columnKeys.optionText]+"</option>"),t[c.columnKeys.optionSelected]&&e.call(o,i,t),c.indexedOptions.push({"@gindex":n,"@index":s,"@findex":d,value:t[c.columnKeys.optionValue],text:t[c.columnKeys.optionText]}),d++})):(t["@index"]=n,t["@findex"]=d,a.push('<option value="'+t[c.columnKeys.optionValue]+'" '+(t[c.columnKeys.optionSelected]?' selected="selected"':"")+">"+t[c.columnKeys.optionText]+"</option>"),t[c.columnKeys.optionSelected]&&e.call(o,i,t),c.indexedOptions.push({"@index":n,"@findex":d,value:t[c.columnKeys.optionValue],text:t[c.columnKeys.optionText]}),d++)}),c.optionItemLength=d,c.$select.html(a.join(""))):(c.$select.get(0).options&&c.$select.get(0).options.length&&(c.$select.get(0).options[0].selected=!1),s=t.toArray(c.$select.get(0).options),l=[],s.forEach(function(t,n){var a={};a[c.columnKeys.optionValue]=t.value,a[c.columnKeys.optionText]=t.text,a[c.columnKeys.optionSelected]=t.selected,a["@index"]=n,a["@findex"]=d,t.selected&&e.call(o,i,a),l.push(a),d++,a=null}),c.options=l,c.indexedOptions=l,c.$select.prepend('<option value=""></option>'),c.$select.get(0).options[0].selected=!0),a=null,s=null,l=null,c.options}}(),S=function(e){return t.isString(e)||(e=jQuery(e).data("data-ax5combobox-id")),t.isString(e)?t.search(this.queue,function(){return this.id==e}):void console.log(ax5.info.getError("ax5combobox","402","getQueIdx"))},O=function(e,t,o){return"undefined"==typeof o?e.multiple?!t:!0:o},w=function(e){this.queue[e].options.forEach(function(e){e.optgroup?e.options.forEach(function(e){e.selected=!1}):e.selected=!1})},K={1:function(t,o,i){var n=o;$(o).find("span").get(0)&&(n=$(o).find("span").get(0));var a,s,l=(n.textContent||n.innerText).replace(/^[\s\r\n\t]*|[\s\r\n\t]*$/g,""),c=this.queue[t];if(c.selected&&c.selected.length>0&&o.getAttribute("data-ax5combobox-selected-text")==l)return a=o.getAttribute("data-ax5combobox-selected-label"),s=c.selected[a],{index:{gindex:s["@gindex"],index:s["@index"],value:s[e.columnKeys.optionValue]}};if(o.getAttribute("data-ax5combobox-selected-text"))return l;if(""!=l){var s;return c.optionFocusIndex>-1&&(s=c.indexedOptions[c.optionFocusIndex])&&s[e.columnKeys.optionText].substr(0,l.length)===l?{index:{gindex:s["@gindex"],index:s["@index"],value:s[e.columnKeys.optionValue]}}:this.queue[t].editable||i?l:void 0}},3:function(e,t,o){var i=(t.textContent||t.innerText).replace(/^[\s\r\n\t]*|[\s\r\n\t]*$/g,""),n=this.queue[e];if(""!=i){var a;return n.optionFocusIndex>-1&&(a=this.activecomboboxOptionGroup.find('[data-option-focus-index="'+n.optionFocusIndex+'"]')),n.optionFocusIndex>-1&&a.get(0)&&a.attr("data-option-value")?{index:{gindex:a.attr("data-option-group-index"),index:a.attr("data-option-index")}}:n.editable||o?i:void 0}}};this.init=function(){this.onStateChanged=e.onStateChanged,this.onChange=e.onChange,jQuery(window).bind("resize.ax5combobox-display-"+this.instanceId,function(){d.call(this)}.bind(this))},this.bind=function(o){var i,n={};return o=jQuery.extend(!0,n,e,o),o.target?(o.$target=jQuery(o.target),o.id||(o.id=o.$target.data("data-ax5combobox-id")),o.id||(o.id="ax5combobox-"+ax5.getGuid(),o.$target.data("data-ax5combobox-id",o.id)),o.name=o.$target.attr("data-ax5combobox"),o.options&&(o.options=JSON.parse(JSON.stringify(o.options))),function(e){t.isObject(e)&&!e.error&&(o=jQuery.extend(!0,o,e))}(t.parseJson(o.$target.attr("data-ax5combobox-config"),!0)),i=t.search(this.queue,function(){return this.id==o.id}),-1===i?(this.queue.push(o),q.call(this,this.queue.length-1)):(this.queue[i]=jQuery.extend(!0,{},this.queue[i],o),q.call(this,i)),n=null,i=null,this):(console.log(ax5.info.getError("ax5combobox","401","bind")),this)},this.open=function(){var o=function(e){e.onExpand.call({self:this,item:e},function(e){if(this.waitOptionsCallback){var o={},i=this.queue[this.activecomboboxQueueIndex];!function(e,o){var i={};o.options.forEach(function(t,o){t["@index"]=o,i[t[e.columnKeys.optionValue]]=t}),t.isArray(e.selected)&&e.selected.forEach(function(t){i[t[e.columnKeys.optionValue]]&&(o.options[i[t[e.columnKeys.optionValue]]["@index"]][e.columnKeys.optionSelected]=!0)})}(i,e),i.$display.find('[data-ax5combobox-display="label"]').html(h.call(this,this.activecomboboxQueueIndex)),i.options=I.call(this,this.activecomboboxQueueIndex,e.options),d.call(this),o.id=i.id,o.theme=i.theme,o.size="ax5combobox-option-group-"+i.size,o.multiple=i.multiple,o.lang=i.lang,o.options=i.options,this.activecomboboxOptionGroup.find('[data-els="content"]').html(jQuery(ax5.mustache.render(l.call(this,i.columnKeys),o)))}}.bind(this))};return function(a,s){this.waitOptionsCallback=null;var c,d,h=t.isNumber(a)?a:S.call(this,a),x=this.queue[h],b={};return x.$display.attr("disabled")?this:(this.openTimer&&clearTimeout(this.openTimer),this.activecomboboxOptionGroup?this.activecomboboxQueueIndex==h?this:s>2?this:(this.close(),this.openTimer=setTimeout(function(){this.open(h,(s||0)+1)}.bind(this),e.animateTime),this):(x.optionFocusIndex=-1,x.selected&&x.selected.length>0&&(x.optionSelectedIndex=x.selected[0]["@findex"]),b.id=x.id,b.theme=x.theme,b.size="ax5combobox-option-group-"+x.size,b.multiple=x.multiple,b.lang=x.lang,x.$display.attr("data-combobox-option-group-opened","true"),x.onExpand&&(b.waitOptions=!0),b.options=t.filter(x.options,function(){return!this.hide}),this.activecomboboxOptionGroup=jQuery(ax5.mustache.render(n.call(this,x.columnKeys),b)),this.activecomboboxOptionGroup.find('[data-els="content"]').html(jQuery(ax5.mustache.render(l.call(this,x.columnKeys),b))),this.activecomboboxQueueIndex=h,u.call(this,"append"),jQuery(window).bind("resize.ax5combobox-"+this.instanceId,function(){u.call(this)}.bind(this)),x.selected&&x.selected.length>0&&(d=this.activecomboboxOptionGroup.find('[data-option-index="'+x.selected[0]["@index"]+'"]'),d.get(0)&&(c=d.position().top-this.activecomboboxOptionGroup.height()/3,this.activecomboboxOptionGroup.find('[data-els="content"]').stop().animate({scrollTop:c},x.animateTime,"swing",function(){}))),jQuery(window).bind("keyup.ax5combobox-"+this.instanceId,function(e){e=e||window.event,r.call(this,e),t.stopEvent(e)}.bind(this)),jQuery(window).bind("click.ax5combobox-"+this.instanceId,function(e){e=e||window.event,p.call(this,e),t.stopEvent(e)}.bind(this)),i.call(this,x,{self:this,state:"open",item:x}),x.onExpand&&(this.waitOptionsCallback=!0,o.call(this,x)),b=null,c=null,d=null,this))}}(),this.update=function(e){return this.bind(e),this},this.val=function(){var e={index:function(e,i,n,a){var s=this.queue[e];t.isString(i.index.gindex)?"undefined"!=typeof s.options[i.index.gindex]&&(s.options[i.index.gindex].options[i.index.index][s.columnKeys.optionSelected]=O(s,s.options[i.index.gindex].options[i.index.index][s.columnKeys.optionSelected],n),o.activecomboboxOptionGroup&&o.activecomboboxOptionGroup.find('[data-option-group-index="'+i.index.gindex+'"][data-option-index="'+i.index.index+'"]').attr("data-option-Selected",s.options[i.index.gindex].options[i.index.index][s.columnKeys.optionSelected].toString())):"undefined"!=typeof s.options[i.index.index]&&(s.options[i.index.index][s.columnKeys.optionSelected]=O(s,s.options[i.index.index][s.columnKeys.optionSelected],n),o.activecomboboxOptionGroup&&o.activecomboboxOptionGroup.find('[data-option-index="'+i.index.index+'"]').attr("data-option-Selected",s.options[i.index.index][s.columnKeys.optionSelected].toString())),("undefined"==typeof a||"justSetValue"!==a)&&(I.call(this,e,s.options),x.call(this,e),u.call(this),t.selectRange(s.$displayLabel,"end"))},arr:function(i,n,a,s){n.forEach(function(n){if(t.isString(n)||t.isNumber(n))e.value.call(o,i,n,a,"justSetValue");else for(var s in e)if(n[s]){e[s].call(o,i,n,a,"justSetValue");break}}),I.call(this,i,this.queue[i].options),x.call(this,i),u.call(this),("undefined"==typeof s||"justSetValue"!==s)&&t.selectRange(this.queue[i].$displayLabel,"end")},value:function(e,o,i,n){var a,s=this.queue[e],l=t.search(s.options,function(){return this[s.columnKeys.optionText]==o});l>-1?s.options[l][s.columnKeys.optionSelected]=O(s,s.options[l][s.columnKeys.optionSelected],i):(l=s.options.length,a={"@index":l,hide:!0,addedOption:!0},a[s.columnKeys.optionValue]=o,a[s.columnKeys.optionText]=o,s.options.push(a),s.options[l][s.columnKeys.optionSelected]=O(s,s.options[l][s.columnKeys.optionSelected],i)),("undefined"==typeof n||"justSetValue"!==n)&&(I.call(this,e,this.queue[e].options),x.call(this,e),u.call(this),t.selectRange(this.queue[e].$displayLabel,"end"))},clear:function(e){w.call(this,e),I.call(this,e,this.queue[e].options),b.call(this,e),g.call(this,e),this.activecomboboxOptionGroup&&this.activecomboboxOptionGroup.find("[data-option-index]").attr("data-option-Selected","false"),this.queue[e].optionSelectedIndex=-1}};return function(o,n,a,s){var l=t.isNumber(o)?o:S.call(this,o);if(-1===l)return void console.log(ax5.info.getError("ax5combobox","402","val"));if("undefined"==typeof n)return this.queue[l].selected;if(t.isArray(n))e.clear.call(this,l),e.arr.call(this,l,this.queue[l].multiple||0==n.length?n:[n[n.length-1]],a,s);else if(t.isString(n)||t.isNumber(n))"undefined"==typeof n||null===n||this.queue[l].multiple||w.call(this,l),e.value.call(this,l,n,a,s),x.call(this,l);else if(null===n)e.clear.call(this,l),x.call(this,l);else{this.queue[l].multiple||w.call(this,l);for(var c in e)if(n[c]){e[c].call(this,l,n,a,s);break}x.call(this,l)}return"undefined"!=typeof n&&i.call(this,this.queue[l],{self:this,item:this.queue[l],state:s?"changeValue":"setValue",value:this.queue[l].selected,internal:s}),o=null,this}}(),this.close=function(t){return this.closeTimer&&clearTimeout(this.closeTimer),this.activecomboboxOptionGroup?(t=this.queue[this.activecomboboxQueueIndex],t.optionFocusIndex=-1,t.$display.removeAttr("data-combobox-option-group-opened").trigger("focus"),this.activecomboboxOptionGroup.addClass("destroy"),jQuery(window).unbind("resize.ax5combobox-"+this.instanceId).unbind("click.ax5combobox-"+this.instanceId).unbind("keyup.ax5combobox-"+this.instanceId),this.closeTimer=setTimeout(function(){this.activecomboboxOptionGroup&&this.activecomboboxOptionGroup.remove(),this.activecomboboxOptionGroup=null,this.activecomboboxQueueIndex=-1,i.call(this,t,{self:this,state:"close"})}.bind(this),e.animateTime),this.waitOptionsCallback=null,this):this},this.blur=function(e){var o=t.isNumber(e)?e:S.call(this,e);return-1===o?void console.log(ax5.info.getError("ax5combobox","402","val")):void m.call(this,o)},this.enable=function(e){var t=S.call(this,e);return this.queue[t].$display.removeAttr("disabled"),this.queue[t].$input.removeAttr("disabled"),i.call(this,this.queue[t],{self:this,state:"enable"}),this},this.disable=function(e){var t=S.call(this,e);return this.queue[t].$display.attr("disabled","disabled"),this.queue[t].$input.attr("disabled","disabled"),i.call(this,this.queue[t],{self:this,state:"disable"}),this},this.main=function(){arguments&&t.isObject(arguments[0])?this.setConfig(arguments[0]):this.init()}.apply(this,arguments)};return e}())}(),ax5.ui.combobox_instance=new ax5.ui.combobox,jQuery.fn.ax5combobox=function(){return function(e){if(ax5.util.isString(arguments[0])){var t=arguments[0];switch(t){case"open":return ax5.ui.combobox_instance.open(this);case"close":return ax5.ui.combobox_instance.close(this);case"setValue":return ax5.ui.combobox_instance.val(this,arguments[1],arguments[2],arguments[3],arguments[4]||"justSetValue");case"getValue":return ax5.ui.combobox_instance.val(this);case"enable":return ax5.ui.combobox_instance.enable(this);case"disable":return ax5.ui.combobox_instance.disable(this);case"blur":return ax5.ui.combobox_instance.blur(this);default:return this}}else"undefined"==typeof e&&(e={}),jQuery.each(this,function(){var t={target:this};e=jQuery.extend({},e,t),ax5.ui.combobox_instance.bind(e)});return this}}();
"use strict";!function(){var e,t=ax5.ui,o=ax5.util;t.addClass({className:"combobox",version:"0.3.0"},function(){var t=function(){var t,i=this;this.instanceId=ax5.getGuid(),this.config={theme:"default",animateTime:250,removeIcon:"X",lang:{noSelected:"",noOptions:"no options",loading:"now loading.."},columnKeys:{optionValue:"value",optionText:"text",optionSelected:"selected"}},this.queue=[],this.activecomboboxOptionGroup=null,this.activecomboboxQueueIndex=-1,this.openTimer=null,this.closeTimer=null,this.waitOptionsCallback=null,this.keyUpTimer=null,t=this.config;var n=function(e,t){return e&&e.onStateChanged?e.onStateChanged.call(t,t):this.onStateChanged&&this.onStateChanged.call(t,t),"changeValue"==t.state&&(e&&e.onChange?e.onChange.call(t,t):this.onChange&&this.onChange.call(t,t)),e=null,t=null,!0},s=function(){for(var e,t=this.queue.length;t--;){var i=this.queue[t];if(i.$display&&(e=Math.max(i.$select.outerWidth(),o.number(i.minWidth)),i.$display.css({"min-width":e}),i.reset&&i.$display.find(".addon-icon-reset").css({"line-height":this.queue[t].$display.height()+"px"}),i.multiple)){var n=function(){return o.number(i.$display.css("border-top-width"))+o.number(i.$display.css("border-bottom-width"))}.call(this);i.$target.height(""),i.$display.height("");var s=i.$displayTable.outerHeight();Math.abs(s-i.$target.height())>n&&(i.$target.css({height:s+n}),i.$display.css({height:s+n}))}}return t=null,e=null,this},a=function(e){if(!this.activecomboboxOptionGroup)return this;var t=this.queue[this.activecomboboxQueueIndex],o={},i={};e&&jQuery(document.body).append(this.activecomboboxOptionGroup),o=t.$target.offset(),i={width:t.$target.outerWidth(),height:t.$target.outerHeight()},t.direction&&""!==t.direction&&"auto"!==t.direction||(t.direction="top"),e&&this.activecomboboxOptionGroup.addClass("direction-"+t.direction),this.activecomboboxOptionGroup.css(function(){return"top"==t.direction?{left:o.left,top:o.top+i.height+1,width:i.width}:"bottom"==t.direction?{left:o.left,top:o.top-this.activecomboboxOptionGroup.outerHeight()-1,width:i.width}:void 0}.call(this))},l=function(e,t){if(!this.activecomboboxOptionGroup)return this;var i=this.queue[this.activecomboboxQueueIndex],n="display";return(t=o.findParentNode(e.target,function(e){return e.getAttribute("data-option-value")?(n="optionItem",!0):i.$target.get(0)==e?(n="display",!0):void 0}))?("optionItem"===n&&($.call(this,i.id,{index:{gindex:t.getAttribute("data-option-group-index"),index:t.getAttribute("data-option-index")}},void 0,"internal"),o.selectRange(i.$displayLabel,"end"),i.multiple||this.close()),this):(this.close(),this)},c=function(t){if(t.keyCode==ax5.info.eventKeys.ESC)this.close();else if(t.which==ax5.info.eventKeys.RETURN){for(var o=[],i=this.queue[this.activecomboboxQueueIndex],n=i.$displayLabel.get(0).childNodes,s=0,a=n.length;a>s;s++){var l=n[s];if(l.nodeType in e.util.nodeTypeProcessor){var c=e.util.nodeTypeProcessor[l.nodeType].call(this,this.activecomboboxQueueIndex,l);"undefined"!=typeof c&&o.push(c)}}$.call(this,i.id,o,!0),r.call(this,this.activecomboboxQueueIndex),i.multiple||this.close()}},u=function(t){var o=this.queue[t],i={};return i.id=o.id,i.theme=o.theme,i.size="ax5combobox-option-group-"+o.size,i.multiple=o.multiple,i.lang=o.lang,i.options=o.options,i.selected=o.selected,i.hasSelected=i.selected&&i.selected.length>0,i.removeIcon=o.removeIcon,ax5.mustache.render(e.tmpl.label.call(this,o.columnKeys),i)+"&nbsp;"},d=function(e){var t,i=this.queue[e];if(i.$displayLabel.html(u.call(this,e)),i.$target.height(""),i.$display.height(""),i.$target.height()<(t=i.$displayTable.outerHeight())){var n=function(){return o.number(i.$display.css("border-top-width"))+o.number(i.$display.css("border-bottom-width"))}();i.$target.css({height:t+n}),i.$display.css({height:t+n})}},r=function(e){this.queue[e].$displayLabel.trigger("focus"),o.selectRange(this.queue[e].$displayLabel,"end")},p=function(e){this.queue[e].$displayLabel.trigger("blur")},h=function(e,t){this.queue[e].waitOptions=!0,this.activecomboboxOptionGroup.find('[data-els="content"]').html(jQuery(ax5.mustache.render(getOptionsTmpl.call(this,this.queue[e].columnKeys),this.queue[e]))),this.queue[e].onSearch.call({self:this,item:this.queue[e],searchWord:t},function(e){var t={},i=this.queue[this.activecomboboxQueueIndex];return i?(function(e,t){var i={};t.options.forEach(function(t,o){t["@index"]=o,i[t[e.columnKeys.optionValue]]=t}),o.isArray(e.selected)&&e.selected.forEach(function(o){i[o[e.columnKeys.optionValue]]&&(t.options[i[o[e.columnKeys.optionValue]]["@index"]][e.columnKeys.optionSelected]=!0)})}(i,e),i.options=f.call(this,this.activecomboboxQueueIndex,e.options),s.call(this),t.id=i.id,t.theme=i.theme,t.size="ax5combobox-option-group-"+i.size,t.multiple=i.multiple,t.lang=i.lang,t.options=i.options,void this.activecomboboxOptionGroup.find('[data-els="content"]').html(jQuery(ax5.mustache.render(getOptionsTmpl.call(this,i.columnKeys),t)))):!1}.bind(this))},x=function(e,t){if(-1==this.activecomboboxQueueIndex)return this;var o,i=[],n=-1,s=this.queue[e].indexedOptions.length-1;if(""!=t){var a=/[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/gi;if(t=t.replace(a,""),this.queue[e].onSearch){h.call(this,e,t);try{return i}finally{i=null,n=null,s=null,o=null}}for(;s-n++;){if(o=this.queue[e].indexedOptions[n],(""+o.text).toLowerCase()==t.toLowerCase()){i=[{"@findex":o["@findex"],optionsSort:0}];break}var l=(""+o.text).toLowerCase().search(t.toLowerCase());if(l>-1&&(i.push({"@findex":o["@findex"],optionsSort:l}),i.length>2))break;l=null}i.sort(function(e,t){return e.optionsSort-t.optionsSort})}i&&i.length>0?m.call(this,e,void 0,i[0]["@findex"]):b.call(this,e);try{return i}finally{i=null,n=null,s=null,o=null}},b=function(e){this.activecomboboxOptionGroup&&this.activecomboboxOptionGroup.find("[data-option-focus-index]").removeClass("hover").removeAttr("data-option-selected"),this.queue[e].optionFocusIndex=-1},m=function(e,t,i){var n,s,a,l,c=this.queue[e];if(this.activecomboboxOptionGroup&&c.options&&c.options.length>0){if("undefined"!=typeof i?n=i:(s=-1==c.optionFocusIndex?c.optionSelectedIndex||-1:c.optionFocusIndex,-1==s?n=0:(n=s+t,0>n?n=0:n>c.optionItemLength-1&&(n=c.optionItemLength-1))),c.optionFocusIndex=n,c.options[n]&&c.options[n].hide){if("undefined"==typeof t)return this;for(;c.options[n].hide;){if(n+=t,0>n){n=0;break}if(n>c.optionItemLength-1){n=c.optionItemLength-1;break}}}if("undefined"!=typeof n&&(this.activecomboboxOptionGroup.find("[data-option-focus-index]").removeClass("hover"),a=this.activecomboboxOptionGroup.find('[data-option-focus-index="'+n+'"]').addClass("hover"),l=this.activecomboboxOptionGroup.find('[data-els="content"]'),a.get(0))){var u=a.outerHeight(),d=l.innerHeight(),r=l.scrollTop(),p=a.position().top+l.scrollTop();if(p+u>d+r?l.scrollTop(p+u-d):r>p&&l.scrollTop(p),"undefined"!=typeof t){var h=c.$displayLabel.get(0).childNodes,x=h[h.length-1];x&&"3"==x.nodeType?(x.nodeValue=c.indexedOptions[n].text,o.selectRange(c.$displayLabel,"end")):x&&"1"==x.nodeType&&(jQuery(x).after(c.indexedOptions[n].text),o.selectRange(c.$displayLabel,"end"))}}}},f=function(){var e=function(e,t){t?this.queue[e].selected.push(jQuery.extend({},t)):this.queue[e].selected=[]};return function(t,n){var s,a,l,c=this.queue[t],u=0;return e.call(this,t,!1),n?(c.options=n,c.indexedOptions=[],s=[],s.push('<option value=""></option>'),c.options.forEach(function(o,n){o.optgroup?(o["@gindex"]=n,o.options.forEach(function(o,a){o["@index"]=a,o["@findex"]=u,s.push('<option value="'+o[c.columnKeys.optionValue]+'" '+(o[c.columnKeys.optionSelected]?' selected="selected"':"")+">"+o[c.columnKeys.optionText]+"</option>"),o[c.columnKeys.optionSelected]&&e.call(i,t,o),c.indexedOptions.push({"@gindex":n,"@index":a,"@findex":u,value:o[c.columnKeys.optionValue],text:o[c.columnKeys.optionText]}),u++})):(o["@index"]=n,o["@findex"]=u,s.push('<option value="'+o[c.columnKeys.optionValue]+'" '+(o[c.columnKeys.optionSelected]?' selected="selected"':"")+">"+o[c.columnKeys.optionText]+"</option>"),o[c.columnKeys.optionSelected]&&e.call(i,t,o),c.indexedOptions.push({"@index":n,"@findex":u,value:o[c.columnKeys.optionValue],text:o[c.columnKeys.optionText]}),u++)}),c.optionItemLength=u,c.$select.html(s.join(""))):(c.$select.get(0).options&&c.$select.get(0).options.length&&(c.$select.get(0).options[0].selected=!1),a=o.toArray(c.$select.get(0).options),l=[],a.forEach(function(o,n){var s={};s[c.columnKeys.optionValue]=o.value,s[c.columnKeys.optionText]=o.text,s[c.columnKeys.optionSelected]=o.selected,s["@index"]=n,s["@findex"]=u,o.selected&&e.call(i,t,s),l.push(s),u++,s=null}),c.options=l,c.indexedOptions=l,c.$select.prepend('<option value=""></option>'),c.$select.get(0).options[0].selected=!0),s=null,a=null,l=null,c.options}}(),v=function(e){return e instanceof jQuery?e=e.data("data-ax5combobox-id"):o.isString(e)||(e=jQuery(e).data("data-ax5combobox-id")),o.isString(e)?o.search(this.queue,function(){return this.id==e}):void console.log(ax5.info.getError("ax5combobox","402","getQueIdx"))},g=function(e,t,o){return"undefined"==typeof o?e.multiple?!t:!0:o},y=function(e){this.queue[e].options.forEach(function(e){e.optgroup?e.options.forEach(function(e){e.selected=!1}):e.selected=!1})},$=function(){var e={index:function(e,t,n,s){var l=this.queue[e];o.isString(t.index.gindex)?"undefined"!=typeof l.options[t.index.gindex]&&(l.options[t.index.gindex].options[t.index.index][l.columnKeys.optionSelected]=g(l,l.options[t.index.gindex].options[t.index.index][l.columnKeys.optionSelected],n),i.activecomboboxOptionGroup&&i.activecomboboxOptionGroup.find('[data-option-group-index="'+t.index.gindex+'"][data-option-index="'+t.index.index+'"]').attr("data-option-Selected",l.options[t.index.gindex].options[t.index.index][l.columnKeys.optionSelected].toString())):"undefined"!=typeof l.options[t.index.index]&&(l.options[t.index.index][l.columnKeys.optionSelected]=g(l,l.options[t.index.index][l.columnKeys.optionSelected],n),i.activecomboboxOptionGroup&&i.activecomboboxOptionGroup.find('[data-option-index="'+t.index.index+'"]').attr("data-option-Selected",l.options[t.index.index][l.columnKeys.optionSelected].toString())),("undefined"==typeof s||"justSetValue"!==s)&&(f.call(this,e,l.options),d.call(this,e),a.call(this))},arr:function(t,n,s,l){n.forEach(function(n){if(o.isString(n)||o.isNumber(n))e.text.call(i,t,n,s,"justSetValue");else for(var a in e)if(n[a]){e[a].call(i,t,n,s,"justSetValue");break}}),f.call(this,t,this.queue[t].options),d.call(this,t),a.call(this)},value:function(e,t,i,n){var s,l=this.queue[e],c=o.search(l.options,function(){return this[l.columnKeys.optionValue]==t[l.columnKeys.optionValue]});c>-1?l.options[c][l.columnKeys.optionSelected]=g(l,l.options[c][l.columnKeys.optionSelected],i):(c=l.options.length,s={"@index":c,hide:!0,addedOption:!0},s[l.columnKeys.optionValue]=t,s[l.columnKeys.optionText]=t,l.options.push(s),l.options[c][l.columnKeys.optionSelected]=g(l,l.options[c][l.columnKeys.optionSelected],i)),("undefined"==typeof n||"justSetValue"!==n)&&(f.call(this,e,this.queue[e].options),d.call(this,e),a.call(this))},text:function(e,t,i,n){var s,l=this.queue[e],c=o.search(l.options,function(){return this[l.columnKeys.optionText]==t});c>-1?l.options[c][l.columnKeys.optionSelected]=g(l,l.options[c][l.columnKeys.optionSelected],i):(c=l.options.length,s={"@index":c,hide:!0,addedOption:!0},s[l.columnKeys.optionValue]=t,s[l.columnKeys.optionText]=t,l.options.push(s),l.options[c][l.columnKeys.optionSelected]=g(l,l.options[c][l.columnKeys.optionSelected],i)),("undefined"==typeof n||"justSetValue"!==n)&&(f.call(this,e,this.queue[e].options),d.call(this,e),a.call(this))},clear:function(e){y.call(this,e),f.call(this,e,this.queue[e].options),r.call(this,e),b.call(this,e),this.activecomboboxOptionGroup&&this.activecomboboxOptionGroup.find("[data-option-index]").attr("data-option-Selected","false"),this.queue[e].optionSelectedIndex=-1}};return function(t,i,s,a){var l=o.isNumber(t)?t:v.call(this,t);if(-1===l)return void console.log(ax5.info.getError("ax5combobox","402","val"));if("undefined"==typeof i)throw"error not found value";if(o.isArray(i))e.clear.call(this,l),e.arr.call(this,l,this.queue[l].multiple||0==i.length?i:[i[i.length-1]],s);else if(o.isString(i)||o.isNumber(i))"undefined"==typeof i||null===i||this.queue[l].multiple||y.call(this,l),e.text.call(this,l,i,s),d.call(this,l);else if(null===i)e.clear.call(this,l),d.call(this,l);else{this.queue[l].multiple||y.call(this,l);for(var c in e)if(i[c]){e[c].call(this,l,i,s);break}d.call(this,l)}return"undefined"!=typeof i&&n.call(this,this.queue[l],{self:this,item:this.queue[l],state:"changeValue",value:this.queue[l].selected}),t=null,this}}();this.init=function(){this.onStateChanged=t.onStateChanged,this.onChange=t.onChange,jQuery(window).bind("resize.ax5combobox-display-"+this.instanceId,function(){s.call(this)}.bind(this))},this.bind=function(n){var a,l=function(){var t=o.debounce(function(t){if(-1==this.activecomboboxQueueIndex)return this;for(var n=[],s="",a=this.queue[t],l=a.$displayLabel.get(0).childNodes,c=0,u=l.length;u>c;c++){var d=l[c];if(d.nodeType in e.util.nodeTypeProcessor){var r=e.util.nodeTypeProcessor[d.nodeType].call(this,this.activecomboboxQueueIndex,d,!0);"undefined"==typeof r||(o.isString(r)?(s=r,"1"==d.nodeType&&d.getAttribute("data-ax5combobox-selected-text")?s=!1:n.push(r)):n.push(r))}}0==l.length?$.call(this,a.id,null,void 0,"internal"):s===!1?($.call(this,a.id,null,void 0,"internal"),$.call(this,a.id,n,void 0,"internal"),o.selectRange(a.$displayLabel,"end")):""!=s&&x.call(i,t,s)},150),n=function(t){for(var i,n=[],s=this.queue[t],a=s.$displayLabel.get(0).childNodes,l=0,c=a.length;c>l;l++){var u=a[l];if(u.nodeType in e.util.nodeTypeProcessor){var d=e.util.nodeTypeProcessor[u.nodeType].call(this,t,u,!0);"undefined"==typeof d||(o.isString(d)?(i=d,n.push(d)):n.push(d))}}"undefined"!=typeof i&&$.call(this,s.id,n,void 0,"internal")},a={click:function(e,t){var n,s=o.findParentNode(t.target,function(e){return e.getAttribute("data-ax5combobox-remove")?(n="optionItemRemove",!0):e.getAttribute("data-selected-clear")?(n="clear",!0):void 0});if(s){if("optionItemRemove"===n){var a=s.getAttribute("data-ax5combobox-remove-index"),l=this.queue[e].selected[a];return $.call(this,e,{index:{gindex:l["@gindex"],index:l["@index"]}},!1,!0),r.call(this,this.activecomboboxQueueIndex),o.stopEvent(t),this}"clear"===n&&$.call(this,e,{clear:!0})}else i.activecomboboxQueueIndex==e?-1==this.queue[e].optionFocusIndex&&i.close():(i.open(e),""==this.queue[e].$displayLabel.text().replace(/^\W*|\W*$/g,"")&&(this.queue[e].$displayLabel.html(u.call(this,e)),r.call(this,e)))},keyUp:function(e,n){return n.which==ax5.info.eventKeys.ESC&&-1===i.activecomboboxQueueIndex?(o.stopEvent(n),this):(i.activecomboboxQueueIndex!=e&&(i.open(e),o.stopEvent(n)),void t.call(this,e))},keyDown:function(e,t){t.which==ax5.info.eventKeys.ESC?o.stopEvent(t):t.which==ax5.info.eventKeys.RETURN?o.stopEvent(t):t.which==ax5.info.eventKeys.DOWN?(m.call(this,e,1),o.stopEvent(t)):t.which==ax5.info.eventKeys.UP&&(m.call(this,e,-1),o.stopEvent(t))},focus:function(e,t){},blur:function(e,t){n.call(this,e),o.stopEvent(t)},selectChange:function(e,t){$.call(this,e,{value:this.queue[e].$select.val()},!0)}};return function(t){var o=this.queue[t],i={};return o.selected=[],o.$display?(o.$displayLabel.html(u.call(this,t)),o.options=f.call(this,t,o.options),s.call(this)):(i.instanceId=this.instanceId,i.id=o.id,i.name=o.name,i.theme=o.theme,i.tabIndex=o.tabIndex,i.multiple=o.multiple,i.reset=o.reset,i.label=u.call(this,t),i.formSize=function(){return o.size?"input-"+o.size:""}(),o.$display=jQuery(ax5.mustache.render(e.tmpl.comboboxDisplay.call(this,t),i)),o.$displayTable=o.$display.find('[data-els="display-table"]'),o.$displayLabel=o.$display.find('[data-ax5combobox-display="label"]'),o.$target.find("select").get(0)?(o.$select=o.$target.find("select"),o.$select.attr("tabindex","-1").attr("class","form-control "+i.formSize),i.name&&o.$select.attr("name","name"),i.multiple&&o.$select.attr("multiple","multiple")):(o.$select=jQuery(ax5.mustache.render(e.tmpl.formSelect.call(this,t),i)),o.$target.append(o.$select)),o.$target.append(o.$display),o.options=f.call(this,t,o.options),s.call(this)),o.$display.unbind("click.ax5combobox").bind("click.ax5combobox",a.click.bind(this,t)),o.$displayLabel.unbind("focus.ax5combobox").bind("focus.ax5combobox",a.focus.bind(this,t)).unbind("blur.ax5combobox").bind("blur.ax5combobox",a.blur.bind(this,t)).unbind("keyup.ax5combobox").bind("keyup.ax5combobox",a.keyUp.bind(this,t)).unbind("keydown.ax5combobox").bind("keydown.ax5combobox",a.keyDown.bind(this,t)),o.$select.unbind("change.ax5combobox").bind("change.ax5combobox",a.selectChange.bind(this,t)),i=null,o=null,t=null,this}}(),c={};return n=jQuery.extend(!0,c,t,n),n.target?(n.$target=jQuery(n.target),n.id||(n.id=n.$target.data("data-ax5combobox-id")),n.id||(n.id="ax5combobox-"+ax5.getGuid(),n.$target.data("data-ax5combobox-id",n.id)),n.name=n.$target.attr("data-ax5combobox"),n.options&&(n.options=JSON.parse(JSON.stringify(n.options))),function(e){o.isObject(e)&&!e.error&&(n=jQuery.extend(!0,n,e))}(o.parseJson(n.$target.attr("data-ax5combobox-config"),!0)),a=o.search(this.queue,function(){return this.id==n.id}),-1===a?(this.queue.push(n),l.call(this,this.queue.length-1)):(this.queue[a]=jQuery.extend(!0,{},this.queue[a],n),l.call(this,a)),c=null,a=null,this):(console.log(ax5.info.getError("ax5combobox","401","bind")),this)},this.open=function(){var i=function(t){t.onExpand.call({self:this,item:t},function(t){if(this.waitOptionsCallback){var i={},n=this.queue[this.activecomboboxQueueIndex];!function(e,t){var i={};t.options.forEach(function(t,o){t["@index"]=o,i[t[e.columnKeys.optionValue]]=t}),o.isArray(e.selected)&&e.selected.forEach(function(o){i[o[e.columnKeys.optionValue]]&&(t.options[i[o[e.columnKeys.optionValue]]["@index"]][e.columnKeys.optionSelected]=!0)})}(n,t),n.$display.find('[data-ax5combobox-display="label"]').html(u.call(this,this.activecomboboxQueueIndex)),n.options=f.call(this,this.activecomboboxQueueIndex,t.options),s.call(this),i.id=n.id,i.theme=n.theme,i.size="ax5combobox-option-group-"+n.size,i.multiple=n.multiple,i.lang=n.lang,i.options=n.options,this.activecomboboxOptionGroup.find('[data-els="content"]').html(jQuery(ax5.mustache.render(e.tmpl.options.call(this,n.columnKeys),i)))}}.bind(this))};return function(s,u){this.waitOptionsCallback=null;var d,r,p=o.isNumber(s)?s:v.call(this,s),h=this.queue[p],x={};return h.$display.attr("disabled")?this:(this.openTimer&&clearTimeout(this.openTimer),this.activecomboboxOptionGroup?this.activecomboboxQueueIndex==p?this:u>2?this:(this.close(),this.openTimer=setTimeout(function(){this.open(p,(u||0)+1)}.bind(this),t.animateTime),this):(h.optionFocusIndex=-1,h.selected&&h.selected.length>0&&(h.optionSelectedIndex=h.selected[0]["@findex"]),x.id=h.id,x.theme=h.theme,x.size="ax5combobox-option-group-"+h.size,x.multiple=h.multiple,x.lang=h.lang,h.$display.attr("data-combobox-option-group-opened","true"),h.onExpand&&(x.waitOptions=!0),x.options=o.filter(h.options,function(){return!this.hide}),this.activecomboboxOptionGroup=jQuery(ax5.mustache.render(e.tmpl.optionGroup.call(this,h.columnKeys),x)),this.activecomboboxOptionGroup.find('[data-els="content"]').html(jQuery(ax5.mustache.render(e.tmpl.options.call(this,h.columnKeys),x))),this.activecomboboxQueueIndex=p,a.call(this,"append"),jQuery(window).bind("resize.ax5combobox-"+this.instanceId,function(){a.call(this)}.bind(this)),h.selected&&h.selected.length>0&&(r=this.activecomboboxOptionGroup.find('[data-option-index="'+h.selected[0]["@index"]+'"]'),r.get(0)&&(d=r.position().top-this.activecomboboxOptionGroup.height()/3,this.activecomboboxOptionGroup.find('[data-els="content"]').stop().animate({scrollTop:d},h.animateTime,"swing",function(){}))),jQuery(window).bind("keyup.ax5combobox-"+this.instanceId,function(e){e=e||window.event,c.call(this,e),o.stopEvent(e)}.bind(this)),jQuery(window).bind("click.ax5combobox-"+this.instanceId,function(e){e=e||window.event,l.call(this,e),o.stopEvent(e)}.bind(this)),n.call(this,h,{self:this,state:"open",item:h}),h.onExpand&&(this.waitOptionsCallback=!0,i.call(this,h)),x=null,d=null,r=null,this))}}(),this.update=function(e){return this.bind(e),this},this.setValue=function(e,t){var i=o.isNumber(e)?e:v.call(this,e);if(-1===i)return void console.log(ax5.info.getError("ax5combobox","402","val"));if(y.call(this,i),o.isArray(t)){var n=o.map(t,function(){return{value:this}});$.call(this,i,n,!0)}else(o.isString(t)||o.isNumber(t))&&$.call(this,i,{value:t},!0);return p.call(this,i),this},this.setText=function(e,t){var i=o.isNumber(e)?e:v.call(this,e);return-1===i?void console.log(ax5.info.getError("ax5combobox","402","val")):(y.call(this,i),$.call(this,i,t,!0),p.call(this,i),this)},this.getSelectedOption=function(e){var t=o.isNumber(e)?e:v.call(this,e);return-1===t?void console.log(ax5.info.getError("ax5combobox","402","val")):o.deepCopy(this.queue[t].selected)},this.close=function(e){return this.closeTimer&&clearTimeout(this.closeTimer),this.activecomboboxOptionGroup?(e=this.queue[this.activecomboboxQueueIndex],e.optionFocusIndex=-1,e.$display.removeAttr("data-combobox-option-group-opened").trigger("focus"),this.activecomboboxOptionGroup.addClass("destroy"),jQuery(window).unbind("resize.ax5combobox-"+this.instanceId).unbind("click.ax5combobox-"+this.instanceId).unbind("keyup.ax5combobox-"+this.instanceId),this.closeTimer=setTimeout(function(){this.activecomboboxOptionGroup&&this.activecomboboxOptionGroup.remove(),this.activecomboboxOptionGroup=null,this.activecomboboxQueueIndex=-1,n.call(this,e,{self:this,state:"close"})}.bind(this),t.animateTime),this.waitOptionsCallback=null,this):this},this.blur=function(e){var t=o.isNumber(e)?e:v.call(this,e);return-1===t?void console.log(ax5.info.getError("ax5combobox","402","val")):(p.call(this,t),this)},this.enable=function(e){var t=v.call(this,e);return this.queue[t].$display.removeAttr("disabled"),this.queue[t].$input.removeAttr("disabled"),n.call(this,this.queue[t],{self:this,state:"enable"}),this},this.disable=function(e){var t=v.call(this,e);return this.queue[t].$display.attr("disabled","disabled"),this.queue[t].$input.attr("disabled","disabled"),n.call(this,this.queue[t],{self:this,state:"disable"}),this},this.main=function(){arguments&&o.isObject(arguments[0])?this.setConfig(arguments[0]):this.init()}.apply(this,arguments)};return t}()),e=ax5.ui.combobox}(),ax5.ui.combobox_instance=new ax5.ui.combobox,jQuery.fn.ax5combobox=function(){return function(e){if(ax5.util.isString(arguments[0])){var t=arguments[0];switch(t){case"open":return ax5.ui.combobox_instance.open(this);case"close":return ax5.ui.combobox_instance.close(this);case"setValue":return ax5.ui.combobox_instance.setValue(this,arguments[1],arguments[2],arguments[3],arguments[4]||"justSetValue");case"setText":return ax5.ui.combobox_instance.setText(this,arguments[1],arguments[2],arguments[3],arguments[4]||"justSetValue");case"getSelectedOption":return ax5.ui.combobox_instance.getSelectedOption(this);case"enable":return ax5.ui.combobox_instance.enable(this);case"disable":return ax5.ui.combobox_instance.disable(this);case"blur":return ax5.ui.combobox_instance.blur(this);default:return this}}else"undefined"==typeof e&&(e={}),jQuery.each(this,function(){var t={target:this};e=jQuery.extend({},e,t),ax5.ui.combobox_instance.bind(e)});return this}}(),function(){var e=ax5.ui.combobox,t=(ax5.util,function(e){return'\n<div class="ax5combobox-option-group {{theme}} {{size}}" data-ax5combobox-option-group="{{id}}">\n <div class="ax-combobox-body">\n <div class="ax-combobox-option-group-content" data-els="content"></div>\n </div>\n <div class="ax-combobox-arrow"></div> \n</div>\n'}),o=function(e){return'\n<div class="form-control {{formSize}} ax5combobox-display {{theme}}" \ndata-ax5combobox-display="{{id}}" data-ax5combobox-instance="{{instanceId}}">\n <div class="ax5combobox-display-table" data-els="display-table">\n <div data-ax5combobox-display="label-holder"> \n <a {{^tabIndex}}href="#ax5combobox-{{id}}" {{/tabIndex}}{{#tabIndex}}tabindex="{{tabIndex}}" {{/tabIndex}}\n data-ax5combobox-display="label"\n contentEditable="true"\n spellcheck="false">{{{label}}}</a>\n </div>\n <div data-ax5combobox-display="addon"> \n {{#multiple}}{{#reset}}\n <span class="addon-icon-reset" data-selected-clear="true">{{{.}}}</span>\n {{/reset}}{{/multiple}}\n {{#icons}}\n <span class="addon-icon-closed">{{clesed}}</span>\n <span class="addon-icon-opened">{{opened}}</span>\n {{/icons}}\n {{^icons}}\n <span class="addon-icon-closed"><span class="addon-icon-arrow"></span></span>\n <span class="addon-icon-opened"><span class="addon-icon-arrow"></span></span>\n {{/icons}}\n </div>\n </div>\n</a>\n'},i=function(e){return'\n<select tabindex="-1" class="form-control {{formSize}}" name="{{name}}" {{#multiple}}multiple="multiple"{{/multiple}}></select>\n'},n=function(e){return'\n{{#waitOptions}}\n <div class="ax-combobox-option-item">\n <div class="ax-combobox-option-item-holder">\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-label">\n {{{lang.loading}}}\n </span>\n </div>\n </div>\n{{/waitOptions}}\n{{^waitOptions}}\n {{#options}}\n {{#optgroup}}\n <div class="ax-combobox-option-group">\n <div class="ax-combobox-option-item-holder">\n <span class="ax-combobox-option-group-label">\n {{{.}}}\n </span>\n </div>\n {{#options}}\n {{^hide}}\n <div class="ax-combobox-option-item" data-option-focus-index="{{@findex}}" data-option-group-index="{{@gindex}}" data-option-index="{{@index}}" \n data-option-value="{{'+e.optionValue+'}}" \n {{#'+e.optionSelected+'}}data-option-selected="true"{{/'+e.optionSelected+'}}>\n <div class="ax-combobox-option-item-holder">\n {{#multiple}}\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-checkbox">\n <span class="item-checkbox-wrap useCheckBox" data-option-checkbox-index="{{@i}}"></span>\n </span>\n {{/multiple}}\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-label">{{'+e.optionText+'}}</span>\n </div>\n </div>\n {{/hide}}\n {{/options}}\n </div> \n {{/optgroup}}\n {{^optgroup}}\n {{^hide}}\n <div class="ax-combobox-option-item" data-option-focus-index="{{@findex}}" data-option-index="{{@index}}" data-option-value="{{'+e.optionValue+'}}" {{#'+e.optionSelected+'}}data-option-selected="true"{{/'+e.optionSelected+'}}>\n <div class="ax-combobox-option-item-holder">\n {{#multiple}}\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-checkbox">\n <span class="item-checkbox-wrap useCheckBox" data-option-checkbox-index="{{@i}}"></span>\n </span>\n {{/multiple}}\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-label">{{'+e.optionText+'}}</span>\n </div>\n </div>\n {{/hide}}\n {{/optgroup}}\n {{/options}}\n {{^options}}\n <div class="ax-combobox-option-item">\n <div class="ax-combobox-option-item-holder">\n <span class="ax-combobox-option-item-cell ax-combobox-option-item-label">\n {{{lang.noOptions}}}\n </span>\n </div>\n </div>\n {{/options}}\n{{/waitOptions}}\n'},s=function(e){return'{{#selected}}<div tabindex="-1" data-ax5combobox-selected-label="{{@i}}" data-ax5combobox-selected-text="{{text}}">\n<div data-ax5combobox-remove="true" data-ax5combobox-remove-index="{{@i}}">{{{removeIcon}}}</div>\n<span>{{text}}</span>\n</div>{{/selected}}'};e.tmpl={comboboxDisplay:o,formSelect:i,optionGroup:t,options:n,label:s}}(),function(){var e=ax5.ui.combobox,t=(ax5.util,{1:function(e,t,o){var i=this.config,n=t;$(t).find("span").get(0)&&(n=$(t).find("span").get(0));var s,a,l=(n.textContent||n.innerText).replace(/^[\s\r\n\t]*|[\s\r\n\t]*$/g,""),c=this.queue[e];if(c.selected&&c.selected.length>0&&t.getAttribute("data-ax5combobox-selected-text")==l)return s=t.getAttribute("data-ax5combobox-selected-label"),a=c.selected[s],{index:{gindex:a["@gindex"],index:a["@index"],value:a[i.columnKeys.optionValue]}};if(t.getAttribute("data-ax5combobox-selected-text"))return l;if(""!=l){var a;return c.optionFocusIndex>-1&&(a=c.indexedOptions[c.optionFocusIndex])&&a[i.columnKeys.optionText].substr(0,l.length)===l?{index:{gindex:a["@gindex"],index:a["@index"],value:a[i.columnKeys.optionValue]}}:this.queue[e].editable||o?l:void 0}},3:function(e,t,o){var i=(this.config,(t.textContent||t.innerText).replace(/^[\s\r\n\t]*|[\s\r\n\t]*$/g,"")),n=this.queue[e];if(""!=i){var s;return n.optionFocusIndex>-1&&(s=this.activecomboboxOptionGroup.find('[data-option-focus-index="'+n.optionFocusIndex+'"]')),n.optionFocusIndex>-1&&s.get(0)&&s.attr("data-option-value")?{index:{gindex:s.attr("data-option-group-index"),index:s.attr("data-option-index")}}:n.editable||o?i:void 0}}});e.util={nodeTypeProcessor:t}}();

2

package.json
{
"name": "ax5ui-combobox",
"version": "0.2.4",
"version": "0.3.0",
"description": "A combobox plugin that works with Bootstrap & jQuery",

@@ -5,0 +5,0 @@ "license": "LGPLv3",

dist/ax5combobox.js

Sorry, the diff of this file is too big to display

src/ax5combobox.js

Sorry, the diff of this file is too big to display

test/index.html

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc