")),t}function l(t){var n,s,l,h,p,g=function(t){var i,e,n,s=t.className+" ";if(s+=t.parentNode?t.parentNode.className:"",e=/\blang(?:uage)?-([\w-]+)\b/.exec(s))return f(e[1])?e[1]:"no-highlight";for(i=0,n=(s=s.split(/\s+/)).length;n>i;i++)if(f(s[i])||r(s[i]))return s[i]}(t);if(!r(g)){var m;d.useBR?(m=document.createElementNS("http://www.w3.org/1999/xhtml","div")).innerHTML=t.innerHTML.replace(/\n/g,"").replace(/
'+(e?t:o(t,!0))+"\n"+(e?t:o(t,!0))+"\n\n"+t+"\n"},r.prototype.html=function(t){return t},r.prototype.heading=function(t,i,e){return"
\n":"
\n"},r.prototype.list=function(t,i){var e=i?"ol":"ul";return"<"+e+">\n"+t+"\n"},r.prototype.listitem=function(t){return"
"+t+"
\n"},r.prototype.table=function(t,i){return""+t+""},r.prototype.br=function(){return this.options.xhtml?"":"
"},r.prototype.del=function(t){return"
"+o(t.message+"",!0)+"";throw t}}h.exec=h,d.options=d.setOptions=function(t){return f(d.defaults,t),d},d.defaults={gfm:!0,tables:!0,breaks:!1,pedantic:!1,sanitize:!1,sanitizer:null,mangle:!0,smartLists:!1,silent:!1,highlight:null,langPrefix:"lang-",smartypants:!1,headerPrefix:"",renderer:new r,xhtml:!1,baseUrl:null},d.Parser=s,d.parser=s.parse,d.Renderer=r,d.Lexer=i,d.lexer=i.lex,d.InlineLexer=n,d.inlineLexer=n.output,d.parse=d,"undefined"!=typeof module&&"object"==typeof exports?module.exports=d:"function"==typeof define&&define.amd?define(function(){return d}):this.marked=d}.call(function(){return this||("undefined"!=typeof window?window:global)}()), -/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04 -* Copyright (c) 2016 Simon Goellner
").addClass(w.inputClass).addClass("items").appendTo(i),n=t('').appendTo(e).attr("tabindex",F.is(":disabled")?"-1":y.tabIndex),l=t(w.dropdownParent||i),r=t("1&&(u=c-a*(s-1),l.eq(s-1).css({width:u})))}};(i.equalizeHeight||i.equalizeWidth)&&(f.after(this,"positionDropdown",s),f.after(this,"refreshOptions",s))}),g.define("remove_button",function(i){i=t.extend({label:"×",title:"Remove",className:"remove",append:!0},i);var e,n,r,s,o;"single"!==this.settings.mode?(s=e=this,o=''+n.label+"",e.setup=(r=s.setup,function(){if(n.append){var i=s.settings.render.item;s.settings.render.item=function(t){return n=i.apply(e,arguments),r=o,s=n.search(/(<\/[^>]+>\s*)$/),n.substring(0,s)+r+n.substring(s);var n,r,s}}r.apply(e,arguments),e.$control.on("click","."+n.className,function(i){if(i.preventDefault(),!s.isLocked){var e=t(i.currentTarget).parent();s.setActiveItem(e),s.deleteSelection()&&s.setCaret(s.items.length)}})})):function(i,e){e.className="remove-single";var n,r=i,s=''+e.label+"";i.setup=(n=r.setup,function(){if(e.append){var o=t(r.$input.context).attr("id"),a=(t("#"+o),r.settings.render.item);r.settings.render.item=function(t){return a.apply(i,arguments)+s}}n.apply(i,arguments),i.$control.on("click","."+e.className,function(t){t.preventDefault(),r.isLocked||r.clear()})})}(this,i)}),g.define("restore_on_backspace",function(t){var i,e=this;t.text=t.text||function(t){return t[this.settings.labelField]},this.onKeyDown=(i=e.onKeyDown,function(e){var n,r;return 8===e.keyCode&&""===this.$control_input.val()&&!this.$activeItems.length&&(n=this.caretPos-1)>=0&&n
";return"").addClass(w.dropdownClass).addClass(h).hide().appendTo(l),c=t("
',t=t.firstChild,e.body.appendChild(t),i=r.width=t.offsetWidth-t.clientWidth,e.body.removeChild(t)),i},s=function(){var e,s,o,a,u,c,l;if((s=(l=t("[data-group]",n.$dropdown_content)).length)&&n.$dropdown_content.width()){if(i.equalizeHeight){for(o=0,e=0;e").addClass(w.dropdownContentClass).appendTo(r),(p=F.attr("id"))&&(n.attr("id",p+"-selectized"),t("label[for='"+p+"']").attr("for",p+"-selectized")),y.settings.copyClassesToDropdown&&r.addClass(f),i.css({width:F[0].style.width}),y.plugins.names.length&&(d="plugin-"+y.plugins.names.join(" plugin-"),i.addClass(d),r.addClass(d)),(null===w.maxItems||w.maxItems>1)&&1===y.tagType&&F.attr("multiple","multiple"),y.settings.placeholder&&n.attr("placeholder",w.placeholder),!y.settings.splitOn&&y.settings.delimiter){var z=y.settings.delimiter.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&");y.settings.splitOn=RegExp("\\s*"+z+"+\\s*")}F.attr("autocorrect")&&n.attr("autocorrect",F.attr("autocorrect")),F.attr("autocapitalize")&&n.attr("autocapitalize",F.attr("autocapitalize")),y.$wrapper=i,y.$control=e,y.$control_input=n,y.$dropdown=r,y.$dropdown_content=c,r.on("mouseenter","[data-selectable]",function(){return y.onOptionHover.apply(y,arguments)}),r.on("mousedown click","[data-selectable]",function(){return y.onOptionSelect.apply(y,arguments)}),m="mousedown",b="*:not(input)",_=function(){return y.onItemSelect.apply(y,arguments)},(g=e).on(m,b,function(t){for(var i=t.target;i&&i.parentNode!==g[0];)i=i.parentNode;return t.currentTarget=i,_.call(this,t)}),v(n),e.on({mousedown:function(){return y.onMouseDown.apply(y,arguments)},click:function(){return y.onClick.apply(y,arguments)}}),n.on({mousedown:function(t){t.stopPropagation()},keydown:function(){return y.onKeyDown.apply(y,arguments)},keyup:function(){return y.onKeyUp.apply(y,arguments)},keypress:function(){return y.onKeyPress.apply(y,arguments)},resize:function(){y.positionDropdown.call(y)},blur:function(){return y.onBlur.apply(y,arguments)},focus:function(){return y.ignoreBlur=!1,y.onFocus.apply(y,arguments)},paste:function(){return y.onPaste.apply(y,arguments)}}),S.on("keydown"+k,function(t){y.isCmdDown=t[s?"metaKey":"ctrlKey"],y.isCtrlDown=t[s?"altKey":"ctrlKey"],y.isShiftDown=t.shiftKey}),S.on("keyup"+k,function(t){t.keyCode===a&&(y.isCtrlDown=!1),16===t.keyCode&&(y.isShiftDown=!1),t.keyCode===o&&(y.isCmdDown=!1)}),S.on("mousedown"+k,function(t){if(y.isFocused){if(t.target===y.$dropdown[0]||t.target.parentNode===y.$dropdown[0])return!1;y.$control.has(t.target).length||t.target===y.$control[0]||y.blur(t.target)}}),x.on(["scroll"+k,"resize"+k].join(" "),function(){y.isOpen&&y.positionDropdown.apply(y,arguments)}),x.on("mousemove"+k,function(){y.ignoreHover=!1}),this.revertSettings={$children:F.children().detach(),tabindex:F.attr("tabindex")},F.attr("tabindex",-1).hide().after(y.$wrapper),t.isArray(w.items)&&(y.setValue(w.items),delete w.items),u&&F.on("invalid"+k,function(t){t.preventDefault(),y.isInvalid=!0,y.refreshState()}),y.updateOriginalInput(),y.refreshItems(),y.refreshState(),y.updatePlaceholder(),y.isSetup=!0,F.is(":disabled")&&y.disable(),y.on("change",this.onChange),F.data("selectize",y),F.addClass("selectized"),y.trigger("initialize"),!0===w.preload&&y.onSearchChange("")},setupTemplates:function(){var i=this.settings.labelField,e=this.settings.optgroupLabelField,n={optgroup:function(t){return'(a=Array.prototype.indexOf.call(this.$control[0].childNodes,i[0]))&&(c=o,o=a,a=c),r=o;r<=a;r++)u=this.$control[0].childNodes[r],-1===this.$activeItems.indexOf(u)&&(t(u).addClass("active"),this.$activeItems.push(u));e.preventDefault()}else"mousedown"===n&&this.isCtrlDown||"keydown"===n&&this.isShiftDown?i.hasClass("active")?(s=this.$activeItems.indexOf(i[0]),this.$activeItems.splice(s,1),i.removeClass("active")):this.$activeItems.push(i.addClass("active")[0]):(t(this.$activeItems).removeClass("active"),this.$activeItems=[i.addClass("active")[0]]);this.hideInput(),this.isFocused||this.focus()}},setActiveOption:function(i,e,n){var r,s,o,a,u;this.$activeOption&&this.$activeOption.removeClass("active"),this.$activeOption=null,(i=t(i)).length&&(this.$activeOption=i.addClass("active"),!e&&c(e)||(r=this.$dropdown_content.height(),s=this.$activeOption.outerHeight(!0),e=this.$dropdown_content.scrollTop()||0,a=o=this.$activeOption.offset().top-this.$dropdown_content.offset().top+e,u=o-r+s,o+s>r+e?this.$dropdown_content.stop().animate({scrollTop:u},n?this.settings.scrollDuration:0):o=0;e--)-1!==this.items.indexOf(l(n.items[e].id))&&n.items.splice(e,1);return n},refreshOptions:function(i){var e,r,s,o,a,u,c,h,f,d,p,v,g,m,b,_;void 0===i&&(i=!0);var y,w,k=this,x=t.trim(k.$control_input.val()),S=k.search(x),F=k.$dropdown_content,z=k.$activeOption&&l(k.$activeOption.attr("data-value"));for(o=S.items.length,"number"==typeof k.settings.maxOptions&&(o=Math.min(o,k.settings.maxOptions)),a={},u=[],e=0;e0||g,k.hasOptions?(S.items.length>0?((b=z&&k.getOption(z))&&b.length?m=b:"single"===k.settings.mode&&k.items.length&&(m=k.getOption(k.items[0])),m&&m.length||(m=_&&!k.settings.addPrecedence?k.getAdjacentOption(_,1):F.find("[data-selectable]:first"))):m=_,k.setActiveOption(m),i&&!k.isOpen&&k.open()):(k.setActiveOption(null),i&&k.isOpen&&k.close())},addOption:function(i){var e,n,r;if(t.isArray(i))for(e=0,n=i.length;e=0&&r0),this.$control_input.data("grow",!i&&!e)},isFull:function(){return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems},updateOriginalInput:function(t){var i,e,n,r;if(t=t||{},1===this.tagType){for(n=[],i=0,e=this.items.length;i'+h(r)+"");n.length||this.$input.attr("multiple")||n.push(''),this.$input.html(n.join(""))}else this.$input.val(this.getValue()),this.$input.attr("value",this.$input.val());this.isSetup&&(t.silent||this.trigger("change",this.$input.val()))},updatePlaceholder:function(){if(this.settings.placeholder){var t=this.$control_input;this.items.length?t.removeAttr("placeholder"):t.attr("placeholder",this.settings.placeholder),t.triggerHandler("update",{force:!0})}},open:function(){this.isLocked||this.isOpen||"multi"===this.settings.mode&&this.isFull()||(this.focus(),this.isOpen=!0,this.refreshState(),this.$dropdown.css({visibility:"hidden",display:"block"}),this.positionDropdown(),this.$dropdown.css({visibility:"visible"}),this.trigger("dropdown_open",this.$dropdown))},close:function(){var t=this.isOpen;"single"===this.settings.mode&&this.items.length&&(this.hideInput(),this.$control_input.blur()),this.isOpen=!1,this.$dropdown.hide(),this.setActiveOption(null),this.refreshState(),t&&this.trigger("dropdown_close",this.$dropdown)},positionDropdown:function(){var t=this.$control,i="body"===this.settings.dropdownParent?t.offset():t.position();i.top+=t.outerHeight(!0),this.$dropdown.css({width:t.outerWidth(),top:i.top,left:i.left})},clear:function(t){this.items.length&&(this.$control.children(":not(input)").remove(),this.items=[],this.lastQuery=null,this.setCaret(0),this.setActiveItem(null),this.updatePlaceholder(),this.updateOriginalInput({silent:t}),this.refreshState(),this.showInput(),this.trigger("clear"))},insertAtCaret:function(i){var e=Math.min(this.caretPos,this.items.length);0===e?this.$control.prepend(i):t(this.$control[0].childNodes[e]).before(i),this.setCaret(e+1)},deleteSelection:function(i){var e,n,r,s,o,a,u,c,l;if(r=i&&8===i.keyCode?-1:1,s=p(this.$control_input[0]),this.$activeOption&&!this.settings.hideSelected&&(u=this.getAdjacentOption(this.$activeOption,-1).attr("data-value")),o=[],this.$activeItems.length){for(l=this.$control.children(".active:"+(r>0?"last":"first")),a=this.$control.children(":not(input)").index(l),r>0&&a++,e=0,n=this.$activeItems.length;e0&&s.start===this.$control_input.val().length&&o.push(this.items[this.caretPos]));if(!o.length||"function"==typeof this.settings.onDelete&&!1===this.settings.onDelete.call(this,o))return!1;for(void 0!==a&&this.setCaret(a);o.length;)this.removeItem(o.pop());return this.showInput(),this.positionDropdown(),this.refreshOptions(!0),u&&(c=this.getOption(u)).length&&this.setActiveOption(c),!0},advanceSelection:function(t,i){var e,n,r,s,o;0!==t&&(this.rtl&&(t*=-1),e=t>0?"last":"first",n=p(this.$control_input[0]),this.isFocused&&!this.isInputHidden?(s=this.$control_input.val().length,(t<0?0===n.start&&0===n.length:n.start===s)&&!s&&this.advanceCaret(t,i)):(o=this.$control.children(".active:"+e)).length&&(r=this.$control.children(":not(input)").index(o),this.setActiveItem(null),this.setCaret(t>0?r+1:r)))},advanceCaret:function(t,i){var e,n;0!==t&&(e=t>0?"next":"prev",this.isShiftDown?(n=this.$control_input[e]()).length&&(this.hideInput(),this.setActiveItem(n),i&&i.preventDefault()):this.setCaret(this.caretPos+t))},setCaret:function(i){var e,n,r,s;if(i="single"===this.settings.mode?this.items.length:Math.max(0,Math.min(this.items.length,i)),!this.isPending)for(e=0,n=(r=this.$control.children(":not(input)")).length;e
'}},i),n.setup=(e=n.setup,function(){e.apply(n,arguments),n.$dropdown_header=t(i.html(i)),n.$dropdown.prepend(n.$dropdown_header)})}),g.define("optgroup_columns",function(i){var e,n=this;i=t.extend({equalizeWidth:!0,equalizeHeight:!0},i),this.getAdjacentOption=function(i,e){var n=i.closest("[data-group]").find("[data-selectable]"),r=n.index(i)+e;return r>=0&&r'+t.html+"
"},optgroup_header:function(t,i){return''+i(t[e])+"
"},option:function(t,e){return''+e(t[i])+"
"},item:function(t,e){return''+e(t[i])+"
"},option_create:function(t,i){return'Add '+i(t.input)+"…
"}};this.settings.render=t.extend({},n,this.settings.render)},setupCallbacks:function(){var t,i,e={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"};for(t in e)e.hasOwnProperty(t)&&(i=this.settings[e[t]])&&this.on(t,i)},onClick:function(t){this.isFocused||(this.focus(),t.preventDefault())},onMouseDown:function(i){var e=this,n=i.isDefaultPrevented();t(i.target);if(e.isFocused){if(i.target!==e.$control_input[0])return"single"===e.settings.mode?e.isOpen?e.close():e.open():n||e.setActiveItem(null),!1}else n||window.setTimeout(function(){e.focus()},0)},onChange:function(){this.$input.trigger("change")},onPaste:function(i){var e=this;e.isFull()||e.isInputHidden||e.isLocked?i.preventDefault():e.settings.splitOn&&setTimeout(function(){var i=e.$control_input.val();if(i.match(e.settings.splitOn))for(var n=t.trim(i).split(e.settings.splitOn),r=0,s=n.length;r'+t.title+'×
"+t+"
"+o.join("")+"
"}function c(c,l){var v,g,m,b,_,y,w,k=(_=l,y=c,(w=t.extend({},e,_)).callbacks={move:f(w.move,y),change:f(w.change,y),show:f(w.show,y),hide:f(w.hide,y),beforeShow:f(w.beforeShow,y)},w),x=k.flat,S=k.showSelectionPalette,F=k.localStorageKey,z=k.theme,A=k.callbacks,O=(v=Zt,g=10,function(){var t=this,i=arguments;m&&clearTimeout(b),!m&&b||(b=setTimeout(function(){b=null,v.apply(t,i)},g))}),$=!1,N=!1,j=0,E=0,M=0,C=0,q=0,I=0,T=0,R=0,P=0,D=0,L=1,U=[],B=[],H={},W=k.selectionPalette.slice(0),Z=k.maxSelectionSize,G="sp-dragging",K=null,V=c.ownerDocument,X=(V.body,t(c)),J=!1,Q=t(a,V).addClass(z),Y=Q.find(".sp-picker-container"),tt=Q.find(".sp-color"),it=Q.find(".sp-dragger"),et=Q.find(".sp-hue"),nt=Q.find(".sp-slider"),rt=Q.find(".sp-alpha-inner"),st=Q.find(".sp-alpha"),ot=Q.find(".sp-alpha-handle"),at=Q.find(".sp-input"),ut=Q.find(".sp-palette"),ct=Q.find(".sp-initial"),lt=Q.find(".sp-cancel"),ht=Q.find(".sp-clear"),ft=Q.find(".sp-choose"),dt=Q.find(".sp-palette-toggle"),pt=X.is("input"),vt=pt&&"color"===X.attr("type")&&p(),gt=pt&&!x,mt=gt?t(o).addClass(z).addClass(k.className).addClass(k.replacerClassName):t([]),bt=gt?mt:X,_t=mt.find(".sp-preview-inner"),yt=k.color||pt&&X.val(),wt=!1,kt=k.preferredFormat,xt=!k.showButtons||k.clickoutFiresChange,St=!yt,Ft=k.allowEmpty&&!vt;function zt(){if(k.showPaletteOnly&&(k.showPalette=!0),dt.text(k.showPaletteOnly?k.togglePaletteMoreText:k.togglePaletteLessText),k.palette){U=k.palette.slice(0),B=t.isArray(U[0])?U:[U],H={};for(var i=0;i'+n.escape(i)+"
"},i.prototype.ki=function(t){return'"},i}(xt);l.controlConstructor.kkcp_font_family=c.controls.FontFamily=$t;var Nt=function(t){function i(){t.apply(this,arguments)}return t&&(i.__proto__=t),i.prototype=Object.create(t&&t.prototype),i.prototype.constructor=i,i.prototype.yi=function(t){return''},i.prototype.wi=function(t){return''},i.prototype.ki=function(t){return'"},i.prototype.Ni=function(t){return t.set+" "+t.set+"-"+t.value},i}(xt);l.controlConstructor.kkcp_icon=c.controls.Icon=Nt;var jt=function(t){function i(){t.apply(this,arguments)}return t&&(i.__proto__=t),i.prototype=Object.create(t&&t.prototype),i.prototype.constructor=i,i.prototype.validate=function(t){return rt.multipleChoices({},t,this.setting,this)},i.prototype.sanitize=function(t){return _t.multipleChoices(t,this.setting,this)},i.prototype.syncUI=function(t){n.isEqual(t,this.fi())||(this.ji(),this.params.sortable&&this.Ei())},i.prototype.ready=function(){var t=this;this.oi=this.Bt.getElementsByTagName("input"),this.params.sortable&&(this.container.sortable({items:"> label",cursor:"move",update:function(){t.setting.set(t.fi())}}),this.Mi()),this.ji(!0)},i.prototype.Mi=function(){var t=this.Bt.getElementsByTagName("label");this.Ci={};for(var i=0,e=t.length;i\n <# if (marked) { #>{{{ marked(data.label) }}}<# } else { #>{{{ data.label }}}<# } #>\n
\n <# } if (data.description) { #>\n \n <# if (marked) { #>{{{ marked(data.description) }}}\n <# } else { #>{{{ data.description }}}<# } #>\n
\n <# } #>\n ";
+ };
+
+ /**
+ * Control's specific notification template
+ *
+ * Subclasses within Customize Plus can have their own 'notification' template
+ * overriding this method. This cannot be ovverided through public API, that
+ * is why the method is underscore prefixed and mangled during minification.
+ *
+ * @since 1.1.0
+ *
+ * @memberof! controls.Base#
+ * @access package
* @abstract
+ *
+ * @return {string}
*/
- Base.prototype.onDeflate = function onDeflate () {};
+ Base.prototype._tplNotifications = function _tplNotifications () {
+ return '';
+ };
/**
- * Removes the DOM of the control.
+ * Control's extras menu template
*
- * In case the DOM store is empty (the first time this method get called) it
- * fills it.
+ * Subclasses within Customize Plus can have their own 'extras' template
+ * overriding this method. This cannot be ovverided through public API, that
+ * is why the method is underscore prefixed and mangled during minification.
+ *
+ * @since 1.1.0
+ *
+ * @memberof! controls.Base#
+ * @access package
+ * @abstract
+ *
+ * @return {string}
+ */
+ Base.prototype._tplExtras = function _tplExtras () {
+ return ("\n \n \n
\n ");
+ };
+
+ /**
+ * Render the control from its JS template, uses custom template utility.
*
* @since 1.0.0
*
* @memberof! controls.Base#
+ * @access protected
+ * @override
+ */
+ Base.prototype.renderContent = function renderContent () {
+ var ref = this;
+ var _container = ref._container;
+ var templateSelector = ref.templateSelector;
+
+ // replaces the container element's content with the control.
+ var template$$1 = Utils.template(this.template());
+ if (template$$1 && _container) {
+
+ /* jshint funcscope: true */
+ if (DEBUG.performances) { var t = performance.now(); }
+
+ // render and store it in the params
+ this.params.content = _container.innerHTML = template$$1(this.params);
+
+ if (DEBUG.performances) { console.log('%c renderContent of ' + this.params.type + '(' +
+ this.id + ') took ' + (performance.now() - t) + ' ms.', 'background: #EF9CD7'); }
+ }
+
+ this._rerenderNotifications();
+ };
+
+ /**
+ * Destroy
+ *
+ * Unmounts the component and remove also the `- \n
- " + (api$1.l10n['resetLastSaved']) + " \n
- " + (api$1.l10n['resetInitial']) + " \n
- " + (api$1.l10n['resetFactory']) + " \n
\n\t\t"
+ };
+
+ /**
+ * @since 1.1.0
+ * @override
+ */
+ Buttonset.prototype._tplBelowChoices = function _tplBelowChoices () {
+ return "\n\t\t\t\n\t\t\t
\n\t\t"
+ };
return Buttonset;
- }(BaseRadio$1));
+ }(BaseRadio));
wpApi.controlConstructor['kkcp_buttonset'] = api$1.controls.Buttonset = Buttonset;
@@ -14501,55 +14927,52 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @requires Sanitize
*/
var Checkbox = (function (Base) {
- function Checkbox () {
- Base.apply(this, arguments);
+ function Checkbox (id, args) {
+ Base.call(this, id, args);
+
+ this.validate = Validate.checkbox;
+ this.sanitize = Sanitize.checkbox;
}
if ( Base ) Checkbox.__proto__ = Base;
Checkbox.prototype = Object.create( Base && Base.prototype );
Checkbox.prototype.constructor = Checkbox;
- Checkbox.prototype.softenize = function softenize (value) {
- return (value === 0 || value === 1) ? value.toString() : value;
- };
-
/**
+ * We need this to fix situations like: `'1' === 1` returning false.
+ *
* @override
*/
- Checkbox.prototype.validate = function validate (value) {
- return Validate.checkbox({}, value, this.setting, this);
+ Checkbox.prototype.softenize = function softenize ($value) {
+ return ($value === 0 || $value === 1) ? $value.toString() : $value;
};
/**
* @override
*/
- Checkbox.prototype.sanitize = function sanitize (value) {
- return Sanitize.checkbox(value, this.setting, this);
+ Checkbox.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ var $uiValue = numberToBoolean(this.__input.checked);
+
+ return this.softenize($uiValue) !== this.softenize($value);
};
/**
* @override
*/
- Checkbox.prototype.syncUI = function syncUI (value) {
- var valueClean = numberToBoolean(value);
- var inputStatus = numberToBoolean(this.__input.checked);
- if (inputStatus !== valueClean) {
- this.__input.checked = valueClean;
- }
+ Checkbox.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this.__input.checked = numberToBoolean($value);
};
/**
* @override
*/
- Checkbox.prototype.ready = function ready () {
+ Checkbox.prototype.componentDidMount = function componentDidMount () {
var this$1 = this;
this.__input = this._container.getElementsByTagName('input')[0];
- // sync input value on ready
this.__input.checked = numberToBoolean(this.setting());
- // bind input on ready
this.__input.onchange = function (event) {
event.preventDefault();
var value = event.target.checked ? 1 : 0;
@@ -14557,6 +14980,13 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
};
};
+ /**
+ * @override
+ */
+ Checkbox.prototype._tpl = function _tpl () {
+ return ("\n " + (this._tplHeader()) + "\n \n ")
+ };
+
return Checkbox;
}(Base$1));
@@ -14583,58 +15013,56 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @requires Sanitize
*/
var Color = (function (Base) {
- function Color () {
- Base.apply(this, arguments);
+ function Color (id, args) {
+ Base.call(this, id, args);
+
+ this.validate = Validate.color;
+ this.sanitize = Sanitize.color;
}
if ( Base ) Color.__proto__ = Base;
Color.prototype = Object.create( Base && Base.prototype );
Color.prototype.constructor = Color;
- Color.prototype.softenize = function softenize (value) {
- try {
- var anyColor = tinycolor(value);
- if (!anyColor['_format']) { // whitelisted from uglify \\
- return value;
- } else {
- return anyColor.toRgbString();
- }
- } catch(e) {
- if (DEBUG) {
- console.warn('Control->Color->softenize: tinycolor conversion failed', e);
- }
- return value;
- }
- };
-
/**
+ * Use tinycolor (included in spectrum.js) to always convert colors to the
+ * same format, so to have the same output result when the input is `red` or
+ * `#f00` or `#ff0000` or `rgba(255, 0, 0, 1)`. If it is not an actual color
+ * but an expression or a variable tinycolor won't recognize a `_format`
+ * (such as hex, name, rgba, etc..), we rely on this do decide what to return
+ *
* @override
+ * @requires tinycolor.toRgbString
*/
- Color.prototype.validate = function validate (value) {
- return Validate.color({}, value, this.setting, this);
+ Color.prototype.softenize = function softenize ($value) {
+ var anyColor = tinycolor($value);
+
+ if (!anyColor['_format']) { // whitelisted from uglify \\
+ return $value;
+ } else {
+ return anyColor.toRgbString();
+ }
};
/**
* @override
*/
- Color.prototype.sanitize = function sanitize (value) {
- return Sanitize.color(value, this.setting, this);
+ Color.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return this.softenize(this._getValueFromUi()) !== this.softenize($value);
};
/**
* @override
*/
- Color.prototype.syncUI = function syncUI (value) {
- this._apply(value, 'API');
+ Color.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this._updateUI($value);
};
/**
- * Destroy `spectrum` instances if any.
- *
* @override
*/
- Color.prototype.onDeflate = function onDeflate () {
- if (this.__$picker && this.rendered) {
+ Color.prototype.componentWillUnmount = function componentWillUnmount () {
+ if (this.__$picker) {
this.__$picker.spectrum('destroy');
}
};
@@ -14642,22 +15070,17 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
/**
* @override
*/
- Color.prototype.ready = function ready () {
+ Color.prototype.componentDidMount = function componentDidMount () {
var this$1 = this;
- /** @type {HTMLElement} */
var container = this._container;
- /** @type {HTMLElement} */
var btnCustom = container.getElementsByClassName('kkcpui-toggle')[0];
- /** @type {HTMLElement} */
this.__preview = container.getElementsByClassName('kkcpcolor-current-overlay')[0];
- /** @type {JQuery} */
this.__$picker = $$1(container.getElementsByClassName('kkcpcolor-input')[0]);
- /** @type {JQuery} */
this.__$expander = $$1(container.getElementsByClassName('kkcp-expander')[0]).hide();
- this._updateUIpreview(this.setting());
+ this._updateUI(this.setting());
var isOpen = false;
var pickerIsInitialized = false;
@@ -14726,9 +15149,11 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
},
move: function (tinycolor) {
var color$$1 = tinycolor ? tinycolor.toString() : 'transparent';
- this$1._apply(color$$1);
+ this$1.setting.set(color$$1);
},
change: function (tinycolor) {
+ var color$$1 = tinycolor ? tinycolor.toString() : 'transparent';
+ this$1.setting.set(color$$1);
if (!tinycolor) {
$container.find('.sp-input').val('transparent');
}
@@ -14737,55 +15162,40 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
};
/**
- * Update UI preview (the color box on the left hand side)
+ * Get value from UI
*
- * @since 1.0.0
+ * @since 1.1.0
* @memberof! controls.Color#
- * @access protected
- */
- Color.prototype._updateUIpreview = function _updateUIpreview (newValue) {
- this.__preview.style.background = newValue;
- };
-
- /**
- * Update UI control (the spectrum color picker)
*
- * @since 1.0.0
- * @memberof! controls.Color#
* @access protected
+ * @return {string}
*/
- Color.prototype._updateUIcustomControl = function _updateUIcustomControl (newValue) {
- this.__$picker.spectrum('set', newValue);
+ Color.prototype._getValueFromUi = function _getValueFromUi () {
+ return this.__preview.style.background;
};
/**
- * Apply, wrap the `setting.set()` function
- * doing some additional stuff.
+ * Update UI
*
- * @since 1.0.0
+ * @since 1.1.0
* @memberof! controls.Color#
*
* @access protected
- * @param {string} value
- * @param {string} from Where the value come from (could be from the UI:
- * picker, dynamic fields, expr field) or from the
- * API (on programmatic value change).
+ * @param {string} $value
*/
- Color.prototype._apply = function _apply (value, from) {
- this.params.valueCSS = value;
-
- if (this.rendered) {
- this._updateUIpreview(value);
+ Color.prototype._updateUI = function _updateUI ($value) {
+ this.__preview.style.background = $value;
- if (from === 'API') {
- this._updateUIcustomControl(value);
- }
+ if (this.__$picker && this.__$picker.spectrum) {
+ this.__$picker.spectrum('set', $value);
}
+ };
- if (from !== 'API') {
- // set new value
- this.setting.set(value);
- }
+ /**
+ * @override
+ */
+ Color.prototype._tpl = function _tpl () {
+ return ("\n " + (this._tplHeader()) + "\n \n \n \n \n ")
};
return Color;
@@ -14810,11 +15220,15 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
var Content = (function (Base) {
function Content () {
Base.apply(this, arguments);
- }if ( Base ) Content.__proto__ = Base;
+ }
+
+ if ( Base ) Content.__proto__ = Base;
Content.prototype = Object.create( Base && Base.prototype );
Content.prototype.constructor = Content;
-
+ Content.prototype.template = function template () {
+ return "\n <# if (data.alert) { #><# } #>\n <# if (data.label) { #><# if (marked) { #>{{{ marked(data.label) }}}<# } else { #>{{{ data.label }}}<# } #><# } #>\n <# if (data.description) { #> class=\"description customize-control-description\"<# } #>><# if (marked) { #>{{{ marked(data.description) }}}<# } else { #>{{{ data.description }}}<# } #><# } #>\n <# if (marked && data.markdown) { #>
<# } #>\n "
+ };
return Content;
}(Base$1));
@@ -14840,33 +15254,25 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @requires Sanitize
* @requires Helper
*/
- var FontFamily = (function (BaseSet) {
- function FontFamily () {
- BaseSet.apply(this, arguments);
+ var FontFamily = (function (BaseSet$$1) {
+ function FontFamily (id, args) {
+ BaseSet$$1.call(this, id, args);
+
+ this.validate = Validate.fontFamily;
+ this.sanitize = Sanitize.fontFamily;
}
- if ( BaseSet ) FontFamily.__proto__ = BaseSet;
- FontFamily.prototype = Object.create( BaseSet && BaseSet.prototype );
+ if ( BaseSet$$1 ) FontFamily.__proto__ = BaseSet$$1;
+ FontFamily.prototype = Object.create( BaseSet$$1 && BaseSet$$1.prototype );
FontFamily.prototype.constructor = FontFamily;
- FontFamily.prototype.validate = function validate (value) {
- return Validate.fontFamily({}, value, this.setting, this);
- };
-
- /**
- * @override
- */
- FontFamily.prototype.sanitize = function sanitize (value) {
- return Sanitize.fontFamily(value, this.setting, this);
- };
-
/**
* Always quote all font families
*
* @override
*/
- FontFamily.prototype.onInit = function onInit () {
- BaseSet.prototype.onInit.call(this);
+ FontFamily.prototype.componentInit = function componentInit () {
+ BaseSet$$1.prototype.componentInit.call(this);
this._options = _$1.map(this._options, function (option) {
option.value = Helper.normalizeFontFamily(option.value);
@@ -14878,27 +15284,39 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
/**
* @override
*/
- FontFamily.prototype.syncUI = function syncUI (value) {
- if (_$1.isArray(value)) {
- value = value.join(',');
- }
- if (!_$1.isEqual(value, this.__input.selectize.getValue())) {
- this._initUI(value);
+ FontFamily.prototype.softenize = function softenize ($value) {
+ if (_$1.isArray($value)) {
+ $value = $value.join(',');
}
+ return $value;
+ };
+
+ /**
+ * @override
+ */
+ FontFamily.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return !_$1.isEqual(this.softenize($value), this.__input.selectize.getValue());
};
/**
* @override
*/
- FontFamily.prototype.ready = function ready () {
+ FontFamily.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this._updateUI($value);
+ };
+
+ /**
+ * @override
+ */
+ FontFamily.prototype.componentDidMount = function componentDidMount () {
this.__input = this._container.getElementsByClassName('kkcp-select')[0];
- this._initUI(this.setting());
+ this._updateUI(this.setting());
};
/**
* @override
*/
- FontFamily.prototype._initUI = function _initUI (value) {
+ FontFamily.prototype._updateUI = function _updateUI (value) {
// this is due to a bug, we should use:
// this.__input.selectize.setValue(value, true);
// @see https://github.com/brianreavis/selectize.js/issues/568
@@ -14949,8 +15367,15 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
return ("");
};
+ /**
+ * @override
+ */
+ FontFamily.prototype._tpl = function _tpl () {
+ return ("\n \n \n ");
+ };
+
return FontFamily;
- }(BaseSet$1));
+ }(BaseSet));
wpApi.controlConstructor['kkcp_font_family'] = api$1.controls.FontFamily = FontFamily;
@@ -14969,13 +15394,13 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @augments wp.customize.Control
* @augments wp.customize.Class
*/
- var Icon = (function (BaseSet) {
+ var Icon = (function (BaseSet$$1) {
function Icon () {
- BaseSet.apply(this, arguments);
+ BaseSet$$1.apply(this, arguments);
}
- if ( BaseSet ) Icon.__proto__ = BaseSet;
- Icon.prototype = Object.create( BaseSet && BaseSet.prototype );
+ if ( BaseSet$$1 ) Icon.__proto__ = BaseSet$$1;
+ Icon.prototype = Object.create( BaseSet$$1 && BaseSet$$1.prototype );
Icon.prototype.constructor = Icon;
Icon.prototype._renderItem = function _renderItem (data) {
@@ -15010,8 +15435,15 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
return ((data.set) + " " + (data.set) + "-" + (data.value));
};
+ /**
+ * @override
+ */
+ Icon.prototype._tpl = function _tpl () {
+ return ("\n \n \n ")
+ };
+
return Icon;
- }(BaseSet$1));
+ }(BaseSet));
wpApi.controlConstructor['kkcp_icon'] = api$1.controls.Icon = Icon;
@@ -15033,14 +15465,14 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
}
/**
- * Control Multicheck
+ * Control Sortable
*
- * Accessible globally on `wp.customize.controlConstructor.kkcp_multicheck`
+ * Accessible globally on `wp.customize.controlConstructor.kkcp_sortable`
*
* @since 1.0.0
*
* @memberof controls
- * @class Multicheck
+ * @class Sortable
*
* @extends controls.BaseChoices
* @augments controls.Base
@@ -15050,181 +15482,154 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @requires Validate
* @requires Sanitize
*/
- var Multicheck = (function (BaseChoices) {
- function Multicheck () {
- BaseChoices.apply(this, arguments);
- }
+ var Sortable = (function (BaseChoices$$1) {
+ function Sortable (id, args) {
+ BaseChoices$$1.call(this, id, args);
- if ( BaseChoices ) Multicheck.__proto__ = BaseChoices;
- Multicheck.prototype = Object.create( BaseChoices && BaseChoices.prototype );
- Multicheck.prototype.constructor = Multicheck;
+ this.validate = Validate.sortable;
+ this.sanitize = Sanitize.sortable;
+ }
- Multicheck.prototype.validate = function validate (value) {
- return Validate.multipleChoices({}, value, this.setting, this);
- };
+ if ( BaseChoices$$1 ) Sortable.__proto__ = BaseChoices$$1;
+ Sortable.prototype = Object.create( BaseChoices$$1 && BaseChoices$$1.prototype );
+ Sortable.prototype.constructor = Sortable;
/**
* @override
*/
- Multicheck.prototype.sanitize = function sanitize (value) {
- return Sanitize.multipleChoices(value, this.setting, this);
+ Sortable.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return !_$1.isEqual($value, this._getValueFromUI());
};
/**
* @override
*/
- Multicheck.prototype.syncUI = function syncUI (value) {
- if (!_$1.isEqual(value, this._getValueFromUI())) {
- this._syncCheckboxes();
-
- if (this.params.sortable) {
- this._reorder();
- }
- }
+ Sortable.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this._updateUI($value);
};
/**
* @override
*/
- Multicheck.prototype.ready = function ready () {
+ Sortable.prototype.componentDidMount = function componentDidMount () {
var this$1 = this;
- this.__inputs = this._container.getElementsByTagName('input');
-
- // special stuff for sortable multicheck controls
- if (this.params.sortable) {
- this.container.sortable({
- items: '> label',
- cursor: 'move',
- update: function () {
- this$1.setting.set(this$1._getValueFromUI());
- }
- });
-
- this._buildItemsMap();
- }
+ this._buildItemsMap();
- // sync checked state on checkboxes on ready and bind (argument `true`)
- this._syncCheckboxes(true);
+ this.container.sortable({
+ items: '.kkcp-sortable',
+ cursor: 'move',
+ update: function () {
+ var value = this$1._getValueFromUI();
+ this$1.setting.set(value);
+ }
+ });
};
/**
* Build items map
*
+ * It creates a sortable items map, a key (grabbed from the `data-value`
+ * attribute) with the corresponding DOM element
+ *
* @since 1.0.0
- * @memberof! controls.Multicheck#
+ * @memberof! controls.Sortable#
* @access protected
*/
- Multicheck.prototype._buildItemsMap = function _buildItemsMap () {
+ Sortable.prototype._buildItemsMap = function _buildItemsMap () {
var this$1 = this;
- var items = this._container.getElementsByTagName('label');
+ var items = this._container.getElementsByClassName('kkcp-sortable');
this.__itemsMap = {};
for (var i = 0, l = items.length; i < l; i++) {
- this$1.__itemsMap[items[i].title] = {
- _sortable: items[i],
- _input: items[i].getElementsByTagName('input')[0]
+ var itemKey = items[i].getAttribute('data-value');
+ this$1.__itemsMap[itemKey] = {
+ _sortable: items[i]
};
}
};
/**
- * @override
- */
- Multicheck.prototype._reorder = function _reorder () {
- var this$1 = this;
-
- // sort first the checked ones
- api$1.controls['Sortable'].prototype._reorder.apply(this);
-
- // then sort the unchecked ones
- var value = this.setting();
-
- for (var itemValueAsKey in this$1.params.choices) {
- var item = this$1.__itemsMap[itemValueAsKey];
-
- if (item) {
- if (value.indexOf(itemValueAsKey) === -1) {
- var itemSortableDOM = item._sortable;
- itemSortableDOM.parentNode.removeChild(itemSortableDOM);
- this$1._container.appendChild(itemSortableDOM);
- }
- } else {
- logError('controls.Multicheck->_reorder', ("item '" + itemValueAsKey + "' has no '_sortable' DOM in 'this.__itemsMap'"));
- }
- }
- };
-
- /**
- * Get sorted value, reading checkboxes status from the DOM
+ * Get value from UI
*
- * @since 1.0.0
- * @memberof! controls.Multicheck#
+ * @since 1.1.0
+ * @memberof! controls.Sortable#
* @access protected
*
* @return {Array}
*/
- Multicheck.prototype._getValueFromUI = function _getValueFromUI () {
- var this$1 = this;
-
- var valueSorted = [];
-
- for (var i = 0, l = this.__inputs.length; i < l; i++) {
- var input = this$1.__inputs[i];
- if (input.checked) {
- valueSorted.push(input.value);
- }
- }
- return valueSorted;
+ Sortable.prototype._getValueFromUI = function _getValueFromUI () {
+ return this.container.sortable('toArray', { attribute: 'data-value' });
};
/**
- * Sync checkboxes and maybe bind change event
- * We need to be fast here, use vanilla js.
+ * Update UI
+ *
+ * Manually reorder the sortable list, needed when a programmatic change
+ * is triggered. Unfortunately jQuery UI sortable does not have a method
+ * to keep in sync the order of an array and its corresponding DOM.
*
* @since 1.0.0
- * @memberof! controls.Multicheck#
+ * @memberof! controls.Sortable#
* @access protected
*
- * @param {boolean} bindAsWell Bind on change?
+ * @param {mixed} $value
*/
- Multicheck.prototype._syncCheckboxes = function _syncCheckboxes (bindAsWell) {
+ Sortable.prototype._updateUI = function _updateUI ($value) {
var this$1 = this;
var value = this.setting();
- if (!_$1.isArray(value)) {
- return logError('controls.Multicheck->_syncCheckboxes', "setting.value must be an array");
+ if (!_$1.isArray($value)) {
+ return logError('controls.Sortable->_updateUI', "setting.value must be an array");
}
- for (var i = 0, l = this.__inputs.length; i < l; i++) {
- var input = this$1.__inputs[i];
- input.checked = value.indexOf(input.value) !== -1;
- if (bindAsWell) {
- input.onchange = function () {
- this$1.setting.set(this$1._getValueFromUI());
- };
+ for (var i = 0, l = $value.length; i < l; i++) {
+ var itemValueAsKey = $value[i];
+ var item = this$1.__itemsMap[itemValueAsKey];
+ if (item) {
+ var itemSortableDOM = item._sortable;
+ itemSortableDOM.parentNode.removeChild(itemSortableDOM);
+ this$1._container.appendChild(itemSortableDOM);
+ } else {
+ logError('controls.Sortable->_updateUI', ("item '" + itemValueAsKey + "' has no '_sortable' DOM in 'this.__itemsMap'"));
}
}
+
+ this.container.sortable('refresh');
};
- return Multicheck;
- }(BaseChoices$1));
+ /**
+ * @override
+ */
+ Sortable.prototype._tplChoicesLoop = function _tplChoicesLoop () {
+ return ("\n <# if (_.isArray(data.choicesOrdered)) { for (var i = 0; i < data.choicesOrdered.length; i++) {\n var val = data.choicesOrdered[i]; #>\n " + (this._tplChoice()) + "\n <# } } #>\n ");
+ };
- wpApi.controlConstructor['kkcp_multicheck'] = api$1.controls.Multicheck = Multicheck;
+ /**
+ * @override
+ */
+ Sortable.prototype._tplChoiceUi = function _tplChoiceUi () {
+ return "{{{ marked(data.markdown) }}}
<# } #>\n <# if (data.alert) { #>{{ label }}
";
+ };
+
+ return Sortable;
+ }(BaseChoices));
+
+ var Sortable$1 = wpApi.controlConstructor['kkcp_sortable'] = api$1.controls.Sortable = Sortable;
/**
- * Control Number
+ * Control Multicheck
*
- * Accessible globally on `wp.customize.controlConstructor.kkcp_number`
+ * Accessible globally on `wp.customize.controlConstructor.kkcp_multicheck`
*
* @since 1.0.0
*
* @memberof controls
- * @class Number
+ * @class Multicheck
*
- * @extends controls.BaseInput
+ * @extends controls.BaseChoices
* @augments controls.Base
* @augments wp.customize.Control
* @augments wp.customize.Class
@@ -15232,52 +15637,192 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @requires Validate
* @requires Sanitize
*/
- var Number$1 = (function (BaseInput) {
- function Number () {
- BaseInput.apply(this, arguments);
- }
+ var Multicheck = (function (BaseChoices$$1) {
+ function Multicheck (id, args) {
+ BaseChoices$$1.call(this, id, args);
- if ( BaseInput ) Number.__proto__ = BaseInput;
- Number.prototype = Object.create( BaseInput && BaseInput.prototype );
- Number.prototype.constructor = Number;
+ this.validate = Validate.multipleChoices;
+ this.sanitize = Sanitize.multipleChoices;
+ }
- Number.prototype.validate = function validate (value) {
- return Validate.number({}, value, this.setting, this);
- };
+ if ( BaseChoices$$1 ) Multicheck.__proto__ = BaseChoices$$1;
+ Multicheck.prototype = Object.create( BaseChoices$$1 && BaseChoices$$1.prototype );
+ Multicheck.prototype.constructor = Multicheck;
/**
* @override
*/
- Number.prototype.sanitize = function sanitize (value) {
- return Sanitize.number(value, this.setting, this);
+ Multicheck.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return !_$1.isEqual($value, this._getValueFromUI());
};
/**
- * We just neet to convert the value to string for the check, for the rest
- * is the same as in the base input control
- *
* @override
*/
- Number.prototype.syncUI = function syncUI (value) {
- if (value && this.__input.value !== value.toString()) {
- this.__input.value = value;
+ Multicheck.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this._updateUIcheckboxes($value);
+
+ if (this.params.sortable) {
+ this._updateUIreorder($value);
}
};
- return Number;
- }(BaseInput$1));
+ /**
+ * @override
+ */
+ Multicheck.prototype.componentDidMount = function componentDidMount () {
+ var this$1 = this;
- wpApi.controlConstructor['kkcp_number'] = api$1.controls.Number = Number$1;
+ this.__inputs = this._container.getElementsByTagName('input');
- /**
- * Control Text class
- *
- * Accessible globally on `wp.customize.controlConstructor.kkcp_text`
+ // special stuff for sortable multicheck controls
+ if (this.params.sortable) {
+ this.container.sortable({
+ items: '> label',
+ cursor: 'move',
+ update: function () {
+ this$1.setting.set(this$1._getValueFromUI());
+ }
+ });
+
+ this._buildItemsMap();
+ }
+
+ // sync checked state on checkboxes and bind (argument `true`)
+ this._updateUIcheckboxes(this.setting(), true);
+ };
+
+ /**
+ * Build items map
+ *
+ * @since 1.0.0
+ * @memberof! controls.Multicheck#
+ * @access protected
+ */
+ Multicheck.prototype._buildItemsMap = function _buildItemsMap () {
+ var this$1 = this;
+
+ var items = this._container.getElementsByTagName('label');
+ this.__itemsMap = {};
+
+ for (var i = 0, l = items.length; i < l; i++) {
+ this$1.__itemsMap[items[i].title] = {
+ _sortable: items[i],
+ _input: items[i].getElementsByTagName('input')[0]
+ };
+ }
+ };
+
+ /**
+ * Get sorted value, reading checkboxes status from the DOM
+ *
+ * @since 1.0.0
+ * @memberof! controls.Multicheck#
+ * @access protected
+ *
+ * @return {Array}
+ */
+ Multicheck.prototype._getValueFromUI = function _getValueFromUI () {
+ var this$1 = this;
+
+ var valueSorted = [];
+
+ for (var i = 0, l = this.__inputs.length; i < l; i++) {
+ var input = this$1.__inputs[i];
+ if (input.checked) {
+ valueSorted.push(input.value);
+ }
+ }
+ return valueSorted;
+ };
+
+ /**
+ * @override
+ */
+ Multicheck.prototype._updateUIreorder = function _updateUIreorder ($value) {
+ var this$1 = this;
+
+ // sort first the checked ones
+ Sortable$1.prototype._updateUI.apply(this);
+
+ // then sort the unchecked ones
+ for (var itemValueAsKey in this$1.params.choices) {
+ var item = this$1.__itemsMap[itemValueAsKey];
+
+ if (item) {
+ if ($value.indexOf(itemValueAsKey) === -1) {
+ var itemSortableDOM = item._sortable;
+ itemSortableDOM.parentNode.removeChild(itemSortableDOM);
+ this$1._container.appendChild(itemSortableDOM);
+ }
+ } else {
+ logError('controls.Multicheck->_reorder', ("item '" + itemValueAsKey + "' has no '_sortable' DOM in 'this.__itemsMap'"));
+ }
+ }
+ };
+
+ /**
+ * Update UI checkboxes and maybe bind change event
+ *
+ * @since 1.0.0
+ * @memberof! controls.Multicheck#
+ * @access protected
+ *
+ * @param {mixed} $value
+ * @param {boolean} bind
+ */
+ Multicheck.prototype._updateUIcheckboxes = function _updateUIcheckboxes ($value, bind) {
+ var this$1 = this;
+
+ if (!_$1.isArray($value)) {
+ return logError('controls.Multicheck->_updateUIcheckboxes', "setting.value must be an array");
+ }
+
+ for (var i = 0, l = this.__inputs.length; i < l; i++) {
+ var input = this$1.__inputs[i];
+ input.checked = $value.indexOf(input.value) !== -1;
+ if (bind) {
+ input.onchange = function () {
+ this$1.setting.set(this$1._getValueFromUI());
+ };
+ }
+ }
+ };
+
+ /**
+ * If the control is sortable we first show the ordered choices (the ones
+ * stored as value in the DB, gathered with `$this->value()`) and then the
+ * other choices, that's why the double loop with the `indexOf` condition.
+ *
+ * @override
+ */
+ Multicheck.prototype._tplChoicesLoop = function _tplChoicesLoop () {
+ var tplChoice = this._tplChoice();
+
+ return ("\n <# if (data.sortable) {\n if (_.isArray(data.choicesOrdered)) {\n for (var i = 0; i < data.choicesOrdered.length; i++) {\n var val = data.choicesOrdered[i]; #>\n " + tplChoice + "\n <# }\n for (var val in choices) {\n if (data.choicesOrdered.indexOf(val) === -1) { #>\n " + tplChoice + "\n <# }\n }\n }\n } else {\n for (var val in choices) { #>\n " + tplChoice + "\n <# }\n } #>\n ")
+ };
+
+ /**
+ * @override
+ */
+ Multicheck.prototype._tplChoiceUi = function _tplChoiceUi () {
+ return "\n \n "
+ };
+
+ return Multicheck;
+ }(BaseChoices));
+
+ wpApi.controlConstructor['kkcp_multicheck'] = api$1.controls.Multicheck = Multicheck;
+
+ /**
+ * Control Number
+ *
+ * Accessible globally on `wp.customize.controlConstructor.kkcp_number`
*
* @since 1.0.0
*
* @memberof controls
- * @class Text
+ * @class Number
*
* @extends controls.BaseInput
* @augments controls.Base
@@ -15287,28 +15832,65 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @requires Validate
* @requires Sanitize
*/
- var Text = (function (BaseInput) {
- function Text () {
- BaseInput.apply(this, arguments);
- }
+ var Number$1 = (function (BaseInput$$1) {
+ function Number (id, args) {
+ BaseInput$$1.call(this, id, args);
- if ( BaseInput ) Text.__proto__ = BaseInput;
- Text.prototype = Object.create( BaseInput && BaseInput.prototype );
- Text.prototype.constructor = Text;
+ this.validate = Validate.number;
+ this.sanitize = Sanitize.number;
+ }
- Text.prototype.validate = function validate (value) {
- return Validate.text({}, value, this.setting, this);
- };
+ if ( BaseInput$$1 ) Number.__proto__ = BaseInput$$1;
+ Number.prototype = Object.create( BaseInput$$1 && BaseInput$$1.prototype );
+ Number.prototype.constructor = Number;
/**
+ * We just neet to convert the value to string for the check, for the rest
+ * is the same as in the base input control
+ *
* @override
*/
- Text.prototype.sanitize = function sanitize (value) {
- return Sanitize.text(value, this.setting, this);
+ Number.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return this.__input.value !== $value.toString();
};
+ return Number;
+ }(BaseInput));
+
+ wpApi.controlConstructor['kkcp_number'] = api$1.controls.Number = Number$1;
+
+ /**
+ * Control Text class
+ *
+ * Accessible globally on `wp.customize.controlConstructor.kkcp_text`
+ *
+ * @since 1.0.0
+ *
+ * @memberof controls
+ * @class Text
+ *
+ * @extends controls.BaseInput
+ * @augments controls.Base
+ * @augments wp.customize.Control
+ * @augments wp.customize.Class
+ *
+ * @requires Validate
+ * @requires Sanitize
+ */
+ var Text = (function (BaseInput$$1) {
+ function Text (id, args) {
+ BaseInput$$1.call(this, id, args);
+
+ this.validate = Validate.text;
+ this.sanitize = Sanitize.text;
+ }
+
+ if ( BaseInput$$1 ) Text.__proto__ = BaseInput$$1;
+ Text.prototype = Object.create( BaseInput$$1 && BaseInput$$1.prototype );
+ Text.prototype.constructor = Text;
+
return Text;
- }(BaseInput$1));
+ }(BaseInput));
var Text$1 = wpApi.controlConstructor['kkcp_text'] = api$1.controls.Text = Text;
@@ -15340,17 +15922,18 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
Password.prototype = Object.create( Text && Text.prototype );
Password.prototype.constructor = Password;
- Password.prototype.syncUI = function syncUI (value) {
- if (value && this.__input.value !== value) {
- this.__input.value = value;
- this.__text.value = value;
+ Password.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this.__input.value = $value;
+
+ if (this.__text) {
+ this.__text.value = $value;
}
};
/**
* @override
*/
- Password.prototype.ready = function ready (value) {
+ Password.prototype.componentDidMount = function componentDidMount () {
var self = this;
var ref = this;
var setting = ref.setting;
@@ -15411,6 +15994,15 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
}
};
+ /**
+ * @override
+ */
+ Password.prototype._tplInner = function _tplInner () {
+ var tplInput = this._tplInput();
+
+ return ("\n \n <# if (data.attrs && data.attrs.visibility) { #>\n " + tplInput + "\n {{ key }}=\"{{ attrs[key] }}\" <# } } #>>\n \n <# } else { #>\n " + tplInput + "\n <# } #>\n \n ")
+ };
+
return Password;
}(Text$1));
@@ -15432,17 +16024,21 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @augments wp.customize.Control
* @augments wp.customize.Class
*/
- var Radio = (function (BaseRadio) {
+ var Radio = (function (BaseRadio$$1) {
function Radio () {
- BaseRadio.apply(this, arguments);
- }if ( BaseRadio ) Radio.__proto__ = BaseRadio;
- Radio.prototype = Object.create( BaseRadio && BaseRadio.prototype );
+ BaseRadio$$1.apply(this, arguments);
+ }
+
+ if ( BaseRadio$$1 ) Radio.__proto__ = BaseRadio$$1;
+ Radio.prototype = Object.create( BaseRadio$$1 && BaseRadio$$1.prototype );
Radio.prototype.constructor = Radio;
-
+ Radio.prototype._tplChoiceUi = function _tplChoiceUi () {
+ return "\n\t\t\t\n\t\t"
+ };
return Radio;
- }(BaseRadio$1));
+ }(BaseRadio));
wpApi.controlConstructor['kkcp_radio'] = api$1.controls.Radio = Radio;
@@ -15462,17 +16058,21 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @augments wp.customize.Control
* @augments wp.customize.Class
*/
- var RadioImage = (function (BaseRadio) {
+ var RadioImage = (function (BaseRadio$$1) {
function RadioImage () {
- BaseRadio.apply(this, arguments);
- }if ( BaseRadio ) RadioImage.__proto__ = BaseRadio;
- RadioImage.prototype = Object.create( BaseRadio && BaseRadio.prototype );
+ BaseRadio$$1.apply(this, arguments);
+ }
+
+ if ( BaseRadio$$1 ) RadioImage.__proto__ = BaseRadio$$1;
+ RadioImage.prototype = Object.create( BaseRadio$$1 && BaseRadio$$1.prototype );
RadioImage.prototype.constructor = RadioImage;
-
+ RadioImage.prototype._tplChoiceUi = function _tplChoiceUi () {
+ return ("\n\t\t\t\n\t\t\t\n\t\t")
+ };
return RadioImage;
- }(BaseRadio$1));
+ }(BaseRadio));
wpApi.controlConstructor['kkcp_radio_image'] = api$1.controls.RadioImage = RadioImage;
@@ -15494,31 +16094,23 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @requires Validate
* @requires Sanitize
*/
- var Select = (function (BaseChoices) {
- function Select () {
- BaseChoices.apply(this, arguments);
+ var Select = (function (BaseChoices$$1) {
+ function Select (id, args) {
+ BaseChoices$$1.call(this, id, args);
+
+ this.validate = Validate.oneOrMoreChoices;
+ this.sanitize = Sanitize.oneOrMoreChoices;
}
- if ( BaseChoices ) Select.__proto__ = BaseChoices;
- Select.prototype = Object.create( BaseChoices && BaseChoices.prototype );
+ if ( BaseChoices$$1 ) Select.__proto__ = BaseChoices$$1;
+ Select.prototype = Object.create( BaseChoices$$1 && BaseChoices$$1.prototype );
Select.prototype.constructor = Select;
- Select.prototype.validate = function validate (value) {
- return Validate.oneOrMoreChoices({}, value, this.setting, this);
- };
-
- /**
- * @override
- */
- Select.prototype.sanitize = function sanitize (value) {
- return Sanitize.oneOrMoreChoices(value, this.setting, this);
- };
-
/**
* @override
*/
- Select.prototype.onDeflate = function onDeflate () {
- if (this.__select && this.__select.selectize) {
+ Select.prototype.componentWillUnmount = function componentWillUnmount () {
+ if (this.__select.selectize) {
this.__select.selectize.destroy();
}
};
@@ -15526,20 +16118,25 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
/**
* We do a comparison with two equals `==` because sometimes we want to
* compare `500` to `'500'` (like in the font-weight dropdown) and return
- * true from that.
+ * true from that
*
* @override
*/
- Select.prototype.syncUI = function syncUI (value) {
- if (!_$1.isEqual(value, this._getValueFromUI())) {
- this._updateUI(value);
- }
+ Select.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return this._getValueFromUI() != $value;
};
/**
* @override
*/
- Select.prototype.ready = function ready () {
+ Select.prototype.componentDidUpdate = function componentDidUpdate (value) {
+ this._updateUI(value);
+ };
+
+ /**
+ * @override
+ */
+ Select.prototype.componentDidMount = function componentDidMount () {
var attrs = this.params['attrs'] || {};
var setting = this.setting;
@@ -15632,8 +16229,29 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
}
};
+ /**
+ * @override
+ */
+ Select.prototype._tplChoiceUi = function _tplChoiceUi () {
+ return "\n \n "
+ };
+
+ /**
+ * @override
+ */
+ Select.prototype._tplAboveChoices = function _tplAboveChoices () {
+ return ""
+ };
+
return Select;
- }(BaseChoices$1));
+ }(BaseChoices));
var Select$1 = wpApi.controlConstructor['kkcp_select'] = api$1.controls.Select = Select;
@@ -15681,57 +16299,54 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @augments wp.customize.Control
* @augments wp.customize.Class
*
- * @requires Regexes
* @requires Validate
* @requires Sanitize
+ * @requires Helper
*/
var Slider = (function (Base) {
- function Slider () {
- Base.apply(this, arguments);
+ function Slider (id, args) {
+ Base.call(this, id, args);
+
+ this.validate = Validate.slider;
+ this.sanitize = Sanitize.slider;
}
if ( Base ) Slider.__proto__ = Base;
Slider.prototype = Object.create( Base && Base.prototype );
Slider.prototype.constructor = Slider;
- Slider.prototype.validate = function validate (value) {
- return Validate.slider({}, value, this.setting, this);
- };
-
/**
+ * Let's consider '44' to be equal to 44.
* @override
*/
- Slider.prototype.sanitize = function sanitize (value) {
- return Sanitize.slider(value, this.setting, this);
+ Slider.prototype.softenize = function softenize ($value) {
+ return $value.toString();
};
/**
- * Let's consider '44' to be equal to 44.
* @override
*/
- Slider.prototype.softenize = function softenize (value) {
- return value.toString();
+ Slider.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return !_$1.isEqual(this.softenize($value), this._getValueFromUI());
};
/**
* @override
*/
- Slider.prototype.syncUI = function syncUI (value) {
- if (value !== this._getValueFromUI()) {
- this._setPartialValue(value, 'API');
- }
+ Slider.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this._setPartialValue($value, 'API');
};
/**
- * This function is divided in subfunction to make it easy to reuse part of
- * this control in other controls that extend this, such as `size_dynamic`.
+ * This function is divided in subfunctions to make it easy to reuse part of
+ * this control in other controls that extends this, such as `size_dynamic`.
*
* @override
*/
- Slider.prototype.ready = function ready () {
- this._setDOMelements();
+ Slider.prototype.componentDidMount = function componentDidMount () {
+ this._setDOMrefs();
this._initSliderAndBindInputs();
- this._updateUIcustomControl(this.setting());
+ this._updateUI(this.setting());
};
/**
@@ -15741,13 +16356,10 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @memberof! controls.Slider#
* @access protected
*/
- Slider.prototype._setDOMelements = function _setDOMelements () {
+ Slider.prototype._setDOMrefs = function _setDOMrefs () {
var container = this._container;
- /** @type {HTMLElement} */
this.__inputNumber = container.getElementsByClassName('kkcp-slider-number')[0];
- /** @type {JQuery} */
this.__$inputUnits = $$1(container.getElementsByClassName('kkcp-unit'));
- /** @type {JQuery} */
this.__$inputSlider = $$1(container.getElementsByClassName('kkcp-slider')[0]);
};
@@ -15787,7 +16399,7 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
// Init Slider
var sliderOptions = params['attrs'] || {};
$inputSlider.slider(_$1.extend(sliderOptions, {
- value: self._extractFirstNumber(),
+ value: Helper.extractNumber(this.setting()),
slide: function(event, ui) {
inputNumber.value = ui.value;
self._setPartialValue({ _number: ui.value });
@@ -15802,44 +16414,6 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
}));
};
- /**
- * Extract first found unit from value
- *
- * @since 1.0.0
- * @memberof! controls.Slider#
- * @access protected
- *
- * @param {?string} value
- * @return {?string}
- */
- Slider.prototype._extractFirstUnit = function _extractFirstUnit (value) {
- var valueOrigin = value || this.setting();
- var matchesUnit = Regexes._extractUnit.exec(valueOrigin);
- if (matchesUnit && matchesUnit[0]) {
- return matchesUnit[0];
- }
- return null;
- };
-
- /**
- * Extract first number found in value
- *
- * @since 1.0.0
- * @memberof! controls.Slider#
- * @access protected
- *
- * @param {?string|number} value
- * @return {?string}
- */
- Slider.prototype._extractFirstNumber = function _extractFirstNumber (value) {
- var valueOrigin = value || this.setting();
- var matchesNumber = Regexes._extractNumber.exec(valueOrigin);
- if (matchesNumber && matchesNumber[0]) {
- return matchesNumber[0];
- }
- return null;
- };
-
/**
* Get current `setting` value from DOM or from given arg
*
@@ -15881,10 +16455,10 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @param {?string} value Optional, the value from where to extract number and unit,
* uses `this.setting()` if a `null` value is passed.
*/
- Slider.prototype._updateUIcustomControl = function _updateUIcustomControl (value) {
+ Slider.prototype._updateUI = function _updateUI (value) {
var params = this.params;
- var number$$1 = this._extractFirstNumber(value);
- var unit = this._extractFirstUnit(value);
+ var number$$1 = Helper.extractNumber(value);
+ var unit = Helper.extractSizeUnit(value);
// update number input
this.__inputNumber.value = number$$1;
@@ -15914,147 +16488,32 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
*/
Slider.prototype._setPartialValue = function _setPartialValue (value, from) {
if (from === 'API') {
- this._updateUIcustomControl(value);
+ this._updateUI(value);
} else {
this.setting.set(this._getValueFromUI(value));
}
};
- return Slider;
- }(Base$1));
-
- wpApi.controlConstructor['kkcp_slider'] = api$1.controls.Slider = Slider;
-
- /**
- * Control Sortable
- *
- * Accessible globally on `wp.customize.controlConstructor.kkcp_sortable`
- *
- * @since 1.0.0
- *
- * @memberof controls
- * @class Sortable
- *
- * @extends controls.BaseChoices
- * @augments controls.Base
- * @augments wp.customize.Control
- * @augments wp.customize.Class
- *
- * @requires Validate
- * @requires Sanitize
- */
- var Sortable = (function (BaseChoices) {
- function Sortable () {
- BaseChoices.apply(this, arguments);
- }
-
- if ( BaseChoices ) Sortable.__proto__ = BaseChoices;
- Sortable.prototype = Object.create( BaseChoices && BaseChoices.prototype );
- Sortable.prototype.constructor = Sortable;
-
- Sortable.prototype.validate = function validate (value) {
- return Validate.multipleChoices({}, value, this.setting, this, true);
- };
-
- /**
- * @override
- */
- Sortable.prototype.sanitize = function sanitize (value) {
- return Sanitize.multipleChoices(value, this.setting, this, true);
- };
-
/**
+ * Separate the slider template to make it reusable by child classes
+ *
* @override
*/
- Sortable.prototype.syncUI = function syncUI (value) {
- if (!_$1.isEqual(value, this.params.lastValue)) {
- this._reorder();
- this.params.lastValue = value;
- }
+ Slider.prototype._tplSlider = function _tplSlider () {
+ return "\n <# if (data.units) { #>\n \n {{ key }}=\"{{ data.attrs[key] }}\" <# } } #>>\n
\n <# } else { #>\n {{ key }}=\"{{ data.attrs[key] }}\" <# } } #>>\n <# } #>\n \n "
};
/**
* @override
*/
- Sortable.prototype.ready = function ready () {
- var setting = this.setting;
- var container = this.container;
-
- this._buildItemsMap();
-
- this.params.lastValue = this.setting();
-
- container.sortable({
- items: '.kkcp-sortable',
- cursor: 'move',
- update: function () {
- var newValue = container.sortable('toArray', { attribute: 'data-value' });
- setting.set(newValue);
- }
- });
- };
-
- /**
- * Build items map
- *
- * It creates a sortable items map, a key (grabbed from the `data-value`
- * attribute) with the corresponding DOM element
- *
- * @since 1.0.0
- * @memberof! controls.Sortable#
- * @access protected
- */
- Sortable.prototype._buildItemsMap = function _buildItemsMap () {
- var this$1 = this;
-
- var items = this._container.getElementsByClassName('kkcp-sortable');
- this.__itemsMap = {};
-
- for (var i = 0, l = items.length; i < l; i++) {
- var itemKey = items[i].getAttribute('data-value');
- this$1.__itemsMap[itemKey] = {
- _sortable: items[i]
- };
- }
- };
-
- /**
- * Manually reorder the sortable list, needed when a programmatic change
- * is triggered. Unfortunately jQuery UI sortable does not have a method
- * to keep in sync the order of an array and its corresponding DOM.
- *
- * @since 1.0.0
- * @memberof! controls.Sortable#
- * @access protected
- */
- Sortable.prototype._reorder = function _reorder () {
- var this$1 = this;
-
- var value = this.setting();
-
- if (!_$1.isArray(value)) {
- return logError('controls.Sortable->_reorder', "setting.value must be an array");
- }
-
- for (var i = 0, l = value.length; i < l; i++) {
- var itemValueAsKey = value[i];
- var item = this$1.__itemsMap[itemValueAsKey];
- if (item) {
- var itemSortableDOM = item._sortable;
- itemSortableDOM.parentNode.removeChild(itemSortableDOM);
- this$1._container.appendChild(itemSortableDOM);
- } else {
- logError('controls.Sortable->_reorder', ("item '" + itemValueAsKey + "' has no '_sortable' DOM in 'this.__itemsMap'"));
- }
- }
-
- this.container.sortable('refresh');
+ Slider.prototype._tpl = function _tpl () {
+ return ("" + (this._tplHeader()) + (this._tplSlider()))
};
- return Sortable;
- }(BaseChoices$1));
+ return Slider;
+ }(Base$1));
- wpApi.controlConstructor['kkcp_sortable'] = api$1.controls.Sortable = Sortable;
+ wpApi.controlConstructor['kkcp_slider'] = api$1.controls.Slider = Slider;
/**
* Control Tags class
@@ -16074,70 +16533,21 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @requires Sanitize
*/
var Tags = (function (Base) {
- function Tags () {
- Base.apply(this, arguments);
+ function Tags (id, args) {
+ Base.call(this, id, args);
+
+ this.validate = Validate.tags;
+ this.sanitize = Sanitize.tags;
}
if ( Base ) Tags.__proto__ = Base;
Tags.prototype = Object.create( Base && Base.prototype );
Tags.prototype.constructor = Tags;
- Tags.prototype.validate = function validate (value) {
- return Validate.tags({}, value, this.setting, this);
- };
-
- /**
- * @override
- */
- Tags.prototype.sanitize = function sanitize (value) {
- return Sanitize.tags(value, this.setting, this);
- };
-
- /**
- * @override
- */
- Tags.prototype.onDeflate = function onDeflate () {
- if (this.__input && this.__input.selectize) {
- this.__input.selectize.destroy();
- }
- };
-
- /**
- * @override
- */
- Tags.prototype.syncUI = function syncUI (value) {
- var selectize = this.__input.selectize;
-
- if (selectize && selectize.getValue() !== value) {
- // this is due to a bug, we should use:
- // selectize.setValue(value, true);
- // @see https://github.com/brianreavis/selectize.js/issues/568
- // instead here first we have to destroy thene to reinitialize, this
- // happens only through a programmatic change such as a reset action
- selectize.destroy();
- this._initUI(value);
- }
- };
-
/**
* @override
*/
- Tags.prototype.ready = function ready () {
- this.__input = this._container.getElementsByTagName('input')[0];
-
- this._initUI(this.setting());
- };
-
- /**
- * Init select plugin on text input
- *
- * @since 1.0.0
- * @memberof! controls.Tags#
- * @access protected
- *
- * @param {string} value
- */
- Tags.prototype._initUI = function _initUI (value) {
+ Tags.prototype.componentInit = function componentInit () {
var this$1 = this;
var attrs = this.params['attrs'] || {};
@@ -16169,9 +16579,65 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
pluginOptions.plugins.push('restore_on_backspace');
}
- this.__input.value = value;
+ this._pluginOptions = pluginOptions;
+ };
+
+ /**
+ * @override
+ */
+ Tags.prototype.componentWillUnmount = function componentWillUnmount () {
+ this.__input.selectize.destroy();
+ };
- $$1(this.__input).selectize(pluginOptions);
+ /**
+ * @override
+ */
+ Tags.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return this.__input.selectize.getValue() !== $value;
+ };
+
+ /**
+ * @override
+ */
+ Tags.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this._updateUI($value);
+ };
+
+ /**
+ * @override
+ */
+ Tags.prototype.componentDidMount = function componentDidMount () {
+ this.__input = this._container.getElementsByTagName('input')[0];
+
+ this._updateUI(this.setting());
+ };
+
+ /**
+ * Update UI
+ *
+ * @since 1.0.0
+ * @memberof! controls.Tags#
+ * @access protected
+ *
+ * @param {string} $value
+ */
+ Tags.prototype._updateUI = function _updateUI ($value) {
+ // here we should not destroy and recreate, but this is a plugin bug:
+ // @see https://github.com/brianreavis/selectize.js/issues/568
+ if (this.__input.selectize) {
+ this.__input.selectize.destroy();
+ }
+ this.__input.value = $value;
+ $$1(this.__input).selectize(this._pluginOptions);
+
+ // this.__input.selectize.setValue($value, true);
+ };
+
+ /**
+ * @override
+ */
+ Tags.prototype._tpl = function _tpl () {
+ return ("\n \n ")
};
return Tags;
@@ -16208,19 +16674,17 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
Textarea.prototype = Object.create( Text && Text.prototype );
Textarea.prototype.constructor = Textarea;
- Textarea.prototype.onInit = function onInit () {
- if (this.params.wp_editor) {
+ Textarea.prototype.componentInit = function componentInit () {
+ if (this.params['wp_editor']) {
this._wpEditorID = this._getWpEditorId();
}
};
/**
- * Destroy tinyMCE instance
- *
* @override
*/
- Textarea.prototype.onDeflate = function onDeflate () {
- if (this.params.wp_editor) {
+ Textarea.prototype.componentWillUnmount = function componentWillUnmount () {
+ if (this.params['wp_editor']) {
// it might be that this method is called too soon, even before tinyMCE
// has been loaded, so try it and don't break.
try {
@@ -16235,67 +16699,84 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
/**
* @override
*/
- Textarea.prototype.syncUI = function syncUI (value) {
- var lastValue;
- var wpEditorInstance;
- if (this.params.wp_editor) {
- wpEditorInstance = window$1.tinyMCE.get(this._wpEditorID);
- lastValue = wpEditorInstance.getContent();
- // lastValue = window.wp.editor.getContent(this._wpEditorID);;
- } else {
- lastValue = this.__textarea.value;
- }
- if (value && lastValue !== value) {
- if (this.params.wp_editor) {
- wpEditorInstance.setContent(value);
- } else {
- this.__textarea.value = value;
- }
- }
+ Textarea.prototype.shouldComponentUpdate = function shouldComponentUpdate ($value) {
+ return $value !== this._getValueFromUI();
};
/**
* @override
*/
- Textarea.prototype.ready = function ready () {
+ Textarea.prototype.componentDidUpdate = function componentDidUpdate ($value) {
+ this._updateUI($value);
+ };
+
+ /**
+ * @override
+ */
+ Textarea.prototype.componentDidMount = function componentDidMount () {
this.__textarea = this._container.getElementsByTagName('textarea')[0];
// params.wp_editor can be either a boolean or an object with options
- if (this.params.wp_editor && !this._wpEditorIsActive) {
+ if (this.params['wp_editor'] && !this._wpEditorIsActive) {
this._initWpEditor();
} else {
- this._syncAndListen();
+ var self = this;
+
+ this._updateUI(self.setting());
+
+ $$1(self.__textarea).on('change keyup paste', function () {
+ self.setting.set(this.value);
+ });
}
};
/**
- * Get textarea id, add a suffix and replace dashes with underscores
- * as suggested by WordPress Codex.
+ * Get value from UI
*
- * @see https://codex.wordpress.org/Function_Reference/wp_editor -> $editor_id
+ * @since 1.1.0
+ * @memberof! controls.Textarea#
+ * @access protected
+ */
+ Textarea.prototype._getValueFromUI = function _getValueFromUI () {
+ if (this.params['wp_editor']) {
+ wpEditorInstance = window$1.tinyMCE.get(this._wpEditorID);
+ return wpEditorInstance.getContent();
+ // returnwindow.wp.editor.getContent(this._wpEditorID);;
+ } else {
+ return this.__textarea.value;
+ }
+ };
+
+ /**
+ * Update UI
*
- * @since 1.0.0
+ * @since 1.1.0
* @memberof! controls.Textarea#
* @access protected
+ *
+ * @param {$value}
*/
- Textarea.prototype._getWpEditorId = function _getWpEditorId () {
- return ((this.id.replace(/-/g, '_')) + "__textarea");
+ Textarea.prototype._updateUI = function _updateUI ($value) {
+ if (this.params['wp_editor']) {
+ var wpEditorInstance = window$1.tinyMCE.get(this._wpEditorID);
+ wpEditorInstance.setContent($value);
+ } else {
+ this.__textarea.value = $value;
+ }
};
/**
- * Sync textarea and listen for changes
+ * Get textarea id, add a suffix and replace dashes with underscores
+ * as suggested by WordPress Codex.
+ *
+ * @see https://codex.wordpress.org/Function_Reference/wp_editor -> $editor_id
*
* @since 1.0.0
* @memberof! controls.Textarea#
* @access protected
*/
- Textarea.prototype._syncAndListen = function _syncAndListen () {
- var self = this;
- $$1(self.__textarea)
- .val(self.setting())
- .on('change keyup paste', function () {
- self.setting.set(this.value);
- });
+ Textarea.prototype._getWpEditorId = function _getWpEditorId () {
+ return ((this.id.replace(/-/g, '_')) + "__textarea");
};
/**
@@ -16322,7 +16803,7 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
var setting = this.setting;
// get wp_editor custom options defined by the developer through the php API
- var optionsCustom = _$1.isObject(this.params.wp_editor) ? this.params.wp_editor : {};
+ var optionsCustom = _$1.isObject(this.params['wp_editor']) ? this.params['wp_editor'] : {};
// set default options
var optionsDefaults = $$1.extend(true, {}, window$1.wp.editor.getDefaultSettings(), {
@@ -16359,6 +16840,13 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
this._wpEditorIsActive = true;
};
+ /**
+ * @override
+ */
+ Textarea.prototype._tpl = function _tpl () {
+ return ("\n \n ")
+ };
+
return Textarea;
}(Text$1));
@@ -16382,11 +16870,15 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
var Toggle = (function (Checkbox) {
function Toggle () {
Checkbox.apply(this, arguments);
- }if ( Checkbox ) Toggle.__proto__ = Checkbox;
+ }
+
+ if ( Checkbox ) Toggle.__proto__ = Checkbox;
Toggle.prototype = Object.create( Checkbox && Checkbox.prototype );
Toggle.prototype.constructor = Toggle;
-
+ Toggle.prototype._tpl = function _tpl () {
+ return ("\n\t\t\t" + (this._tplHeader()) + "\n\t\t\t<# var labelFalse = data.attrs ? data.attrs.label_false : ''; labelTrue = data.attrs ? data.attrs.label_true : ''; #>\n\t\t\t\n\t\t");
+ };
return Toggle;
}(Checkbox$1));
@@ -16409,8 +16901,9 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* @augments wp.customize.Class
*/
var Base$2 = wpApi.Setting.extend({
+
/**
- * {@inheritDoc}. Add the initial and lastSave values for reset value actions.
+ * {@inheritdoc}. Add the initial and lastSave values for reset value actions.
* The `factory` value is added in the PHP Setting class constructor.
*
* @memberof! settings.Base#
@@ -16432,8 +16925,9 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
this.vInitial = this();
this.vLastSaved = this.vInitial;
},
+
/**
- * {@inheritDoc}. Sanitize value before sending it to the preview via
+ * {@inheritcoc}. Sanitize value before sending it to the preview via
* `postMessage`.
*
* @memberof! settings.Base#
@@ -16456,6 +16950,7 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
setting.previewer.refresh();
}
},
+
/**
* Sanitize setting
*
@@ -16471,6 +16966,7 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
sanitize: function (value) {
return value;
},
+
/**
* Force `set`.
*
@@ -16485,12 +16981,12 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
* setting could stay the same. Despite this make sense, the input field
* gets out of sync, it becomes empty, while the setting value remains the
* latest valid value).
- * The callback that should be called on reset (the `syncUI` method)
+ * The callback that should be called on reset (the `componentDidUpdate` method)
* in this scenario doesn't get called because in the WordPress
* `customize-base.js#187` there is a check that return the function if the
* setting has been set with the same value as the last one, preventing so
* to fire the callbacks binded to the setting and, with these, also our
- * `syncUIfromAPI` that would update the UI, that is our input field with
+ * `componentDidUpdatefromAPI` that would update the UI, that is our input field with
* the resetted value. To overcome this problem we can force the setting to
* set anyway by temporarily set the private property `_value` to a dummy
* value and then re-setting the setting to the desired value, in this way
diff --git a/js/customize.min.js b/js/customize.min.js
new file mode 100644
index 0000000..045c492
--- /dev/null
+++ b/js/customize.min.js
@@ -0,0 +1,85 @@
+/*
+ * classList.js: Cross-browser full element.classList implementation.
+ * 1.2.20171210
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: Dedicated to the public domain.
+ * See https://github.com/eligrey/classList.js/blob/master/LICENSE.md
+ */
+var t,e,i,n,r,s,o;"document"in self&&("classList"in document.createElement("_")&&(!document.createElementNS||"classList"in document.createElementNS("http://www.w3.org/2000/svg","g"))||function(t){"use strict";if("Element"in t){var e="classList",i="prototype",n=t.Element[i],r=Object,s=String[i].trim||function(){return this.replace(/^\s+|\s+$/g,"")},o=Array[i].indexOf||function(t){for(var e=0,i=this.length;e<# for (var i = 0, l = data.units.length; i < l; i++) { #><# } #>
\n ")),t}function l(t){var n,s,l,h,p,b=function(t){var e,i,n,s=t.className+" ";if(s+=t.parentNode?t.parentNode.className:"",i=/\blang(?:uage)?-([\w-]+)\b/.exec(s))return f(i[1])?i[1]:"no-highlight";for(e=0,n=(s=s.split(/\s+/)).length;n>e;e++)if(f(s[e])||r(s[e]))return s[e]}(t);if(!r(b)){var m;d.useBR?(m=document.createElementNS("http://www.w3.org/1999/xhtml","div")).innerHTML=t.innerHTML.replace(/\n/g,"").replace(/
'+(i?t:o(t,!0))+"\n"+(i?t:o(t,!0))+"\n\n"+t+"\n"},r.prototype.html=function(t){return t},r.prototype.heading=function(t,e,i){return"
\n":"
\n"},r.prototype.list=function(t,e){var i=e?"ol":"ul";return"<"+i+">\n"+t+"\n"},r.prototype.listitem=function(t){return"
"+t+"
\n"},r.prototype.table=function(t,e){return""+t+""},r.prototype.br=function(){return this.options.xhtml?"":"
"},r.prototype.del=function(t){return"
"+o(t.message+"",!0)+"";throw t}}h.exec=h,d.options=d.setOptions=function(t){return f(d.defaults,t),d},d.defaults={gfm:!0,tables:!0,breaks:!1,pedantic:!1,sanitize:!1,sanitizer:null,mangle:!0,smartLists:!1,silent:!1,highlight:null,langPrefix:"lang-",smartypants:!1,headerPrefix:"",renderer:new r,xhtml:!1,baseUrl:null},d.Parser=s,d.parser=s.parse,d.Renderer=r,d.Lexer=e,d.lexer=e.lex,d.InlineLexer=n,d.inlineLexer=n.output,d.parse=d,"undefined"!=typeof module&&"object"==typeof exports?module.exports=d:"function"==typeof define&&define.amd?define(function(){return d}):this.marked=d}.call(function(){return this||("undefined"!=typeof window?window:global)}()), +/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04 +* Copyright (c) 2016 Simon Goellner
").addClass(k.inputClass).addClass("items").appendTo(e),n=t('').appendTo(i).attr("tabindex",F.is(":disabled")?"-1":_.tabIndex),l=t(k.dropdownParent||e),r=t("1&&(c=u-a*(s-1),l.eq(s-1).css({width:c})))}};(e.equalizeHeight||e.equalizeWidth)&&(f.after(this,"positionDropdown",s),f.after(this,"refreshOptions",s))}),b.define("remove_button",function(e){e=t.extend({label:"×",title:"Remove",className:"remove",append:!0},e);var i,n,r,s,o;"single"!==this.settings.mode?(s=i=this,o=''+n.label+"",i.setup=(r=s.setup,function(){if(n.append){var e=s.settings.render.item;s.settings.render.item=function(t){return n=e.apply(i,arguments),r=o,s=n.search(/(<\/[^>]+>\s*)$/),n.substring(0,s)+r+n.substring(s);var n,r,s}}r.apply(i,arguments),i.$control.on("click","."+n.className,function(e){if(e.preventDefault(),!s.isLocked){var i=t(e.currentTarget).parent();s.setActiveItem(i),s.deleteSelection()&&s.setCaret(s.items.length)}})})):function(e,i){i.className="remove-single";var n,r=e,s=''+i.label+"";e.setup=(n=r.setup,function(){if(i.append){var o=t(r.$input.context).attr("id"),a=(t("#"+o),r.settings.render.item);r.settings.render.item=function(t){return a.apply(e,arguments)+s}}n.apply(e,arguments),e.$control.on("click","."+i.className,function(t){t.preventDefault(),r.isLocked||r.clear()})})}(this,e)}),b.define("restore_on_backspace",function(t){var e,i=this;t.text=t.text||function(t){return t[this.settings.labelField]},this.onKeyDown=(e=i.onKeyDown,function(i){var n,r;return 8===i.keyCode&&""===this.$control_input.val()&&!this.$activeItems.length&&(n=this.caretPos-1)>=0&&n
";return"").addClass(k.dropdownClass).addClass(h).hide().appendTo(l),u=t("
',t=t.firstChild,i.body.appendChild(t),e=r.width=t.offsetWidth-t.clientWidth,i.body.removeChild(t)),e},s=function(){var i,s,o,a,c,u,l;if((s=(l=t("[data-group]",n.$dropdown_content)).length)&&n.$dropdown_content.width()){if(e.equalizeHeight){for(o=0,i=0;i").addClass(k.dropdownContentClass).appendTo(r),(p=F.attr("id"))&&(n.attr("id",p+"-selectized"),t("label[for='"+p+"']").attr("for",p+"-selectized")),_.settings.copyClassesToDropdown&&r.addClass(f),e.css({width:F[0].style.width}),_.plugins.names.length&&(d="plugin-"+_.plugins.names.join(" plugin-"),e.addClass(d),r.addClass(d)),(null===k.maxItems||k.maxItems>1)&&1===_.tagType&&F.attr("multiple","multiple"),_.settings.placeholder&&n.attr("placeholder",k.placeholder),!_.settings.splitOn&&_.settings.delimiter){var z=_.settings.delimiter.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&");_.settings.splitOn=RegExp("\\s*"+z+"+\\s*")}F.attr("autocorrect")&&n.attr("autocorrect",F.attr("autocorrect")),F.attr("autocapitalize")&&n.attr("autocapitalize",F.attr("autocapitalize")),_.$wrapper=e,_.$control=i,_.$control_input=n,_.$dropdown=r,_.$dropdown_content=u,r.on("mouseenter","[data-selectable]",function(){return _.onOptionHover.apply(_,arguments)}),r.on("mousedown click","[data-selectable]",function(){return _.onOptionSelect.apply(_,arguments)}),m="mousedown",g="*:not(input)",y=function(){return _.onItemSelect.apply(_,arguments)},(b=i).on(m,g,function(t){for(var e=t.target;e&&e.parentNode!==b[0];)e=e.parentNode;return t.currentTarget=e,y.call(this,t)}),v(n),i.on({mousedown:function(){return _.onMouseDown.apply(_,arguments)},click:function(){return _.onClick.apply(_,arguments)}}),n.on({mousedown:function(t){t.stopPropagation()},keydown:function(){return _.onKeyDown.apply(_,arguments)},keyup:function(){return _.onKeyUp.apply(_,arguments)},keypress:function(){return _.onKeyPress.apply(_,arguments)},resize:function(){_.positionDropdown.call(_)},blur:function(){return _.onBlur.apply(_,arguments)},focus:function(){return _.ignoreBlur=!1,_.onFocus.apply(_,arguments)},paste:function(){return _.onPaste.apply(_,arguments)}}),S.on("keydown"+w,function(t){_.isCmdDown=t[s?"metaKey":"ctrlKey"],_.isCtrlDown=t[s?"altKey":"ctrlKey"],_.isShiftDown=t.shiftKey}),S.on("keyup"+w,function(t){t.keyCode===a&&(_.isCtrlDown=!1),16===t.keyCode&&(_.isShiftDown=!1),t.keyCode===o&&(_.isCmdDown=!1)}),S.on("mousedown"+w,function(t){if(_.isFocused){if(t.target===_.$dropdown[0]||t.target.parentNode===_.$dropdown[0])return!1;_.$control.has(t.target).length||t.target===_.$control[0]||_.blur(t.target)}}),x.on(["scroll"+w,"resize"+w].join(" "),function(){_.isOpen&&_.positionDropdown.apply(_,arguments)}),x.on("mousemove"+w,function(){_.ignoreHover=!1}),this.revertSettings={$children:F.children().detach(),tabindex:F.attr("tabindex")},F.attr("tabindex",-1).hide().after(_.$wrapper),t.isArray(k.items)&&(_.setValue(k.items),delete k.items),c&&F.on("invalid"+w,function(t){t.preventDefault(),_.isInvalid=!0,_.refreshState()}),_.updateOriginalInput(),_.refreshItems(),_.refreshState(),_.updatePlaceholder(),_.isSetup=!0,F.is(":disabled")&&_.disable(),_.on("change",this.onChange),F.data("selectize",_),F.addClass("selectized"),_.trigger("initialize"),!0===k.preload&&_.onSearchChange("")},setupTemplates:function(){var e=this.settings.labelField,i=this.settings.optgroupLabelField,n={optgroup:function(t){return'(a=Array.prototype.indexOf.call(this.$control[0].childNodes,e[0]))&&(u=o,o=a,a=u),r=o;r<=a;r++)c=this.$control[0].childNodes[r],-1===this.$activeItems.indexOf(c)&&(t(c).addClass("active"),this.$activeItems.push(c));i.preventDefault()}else"mousedown"===n&&this.isCtrlDown||"keydown"===n&&this.isShiftDown?e.hasClass("active")?(s=this.$activeItems.indexOf(e[0]),this.$activeItems.splice(s,1),e.removeClass("active")):this.$activeItems.push(e.addClass("active")[0]):(t(this.$activeItems).removeClass("active"),this.$activeItems=[e.addClass("active")[0]]);this.hideInput(),this.isFocused||this.focus()}},setActiveOption:function(e,i,n){var r,s,o,a,c;this.$activeOption&&this.$activeOption.removeClass("active"),this.$activeOption=null,(e=t(e)).length&&(this.$activeOption=e.addClass("active"),!i&&u(i)||(r=this.$dropdown_content.height(),s=this.$activeOption.outerHeight(!0),i=this.$dropdown_content.scrollTop()||0,a=o=this.$activeOption.offset().top-this.$dropdown_content.offset().top+i,c=o-r+s,o+s>r+i?this.$dropdown_content.stop().animate({scrollTop:c},n?this.settings.scrollDuration:0):o=0;i--)-1!==this.items.indexOf(l(n.items[i].id))&&n.items.splice(i,1);return n},refreshOptions:function(e){var i,r,s,o,a,c,u,h,f,d,p,v,b,m,g,y;void 0===e&&(e=!0);var _,k,w=this,x=t.trim(w.$control_input.val()),S=w.search(x),F=w.$dropdown_content,z=w.$activeOption&&l(w.$activeOption.attr("data-value"));for(o=S.items.length,"number"==typeof w.settings.maxOptions&&(o=Math.min(o,w.settings.maxOptions)),a={},c=[],i=0;i0||b,w.hasOptions?(S.items.length>0?((g=z&&w.getOption(z))&&g.length?m=g:"single"===w.settings.mode&&w.items.length&&(m=w.getOption(w.items[0])),m&&m.length||(m=y&&!w.settings.addPrecedence?w.getAdjacentOption(y,1):F.find("[data-selectable]:first"))):m=y,w.setActiveOption(m),e&&!w.isOpen&&w.open()):(w.setActiveOption(null),e&&w.isOpen&&w.close())},addOption:function(e){var i,n,r;if(t.isArray(e))for(i=0,n=e.length;i=0&&r0),this.$control_input.data("grow",!e&&!i)},isFull:function(){return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems},updateOriginalInput:function(t){var e,i,n,r;if(t=t||{},1===this.tagType){for(n=[],e=0,i=this.items.length;e'+h(r)+"");n.length||this.$input.attr("multiple")||n.push(''),this.$input.html(n.join(""))}else this.$input.val(this.getValue()),this.$input.attr("value",this.$input.val());this.isSetup&&(t.silent||this.trigger("change",this.$input.val()))},updatePlaceholder:function(){if(this.settings.placeholder){var t=this.$control_input;this.items.length?t.removeAttr("placeholder"):t.attr("placeholder",this.settings.placeholder),t.triggerHandler("update",{force:!0})}},open:function(){this.isLocked||this.isOpen||"multi"===this.settings.mode&&this.isFull()||(this.focus(),this.isOpen=!0,this.refreshState(),this.$dropdown.css({visibility:"hidden",display:"block"}),this.positionDropdown(),this.$dropdown.css({visibility:"visible"}),this.trigger("dropdown_open",this.$dropdown))},close:function(){var t=this.isOpen;"single"===this.settings.mode&&this.items.length&&(this.hideInput(),this.$control_input.blur()),this.isOpen=!1,this.$dropdown.hide(),this.setActiveOption(null),this.refreshState(),t&&this.trigger("dropdown_close",this.$dropdown)},positionDropdown:function(){var t=this.$control,e="body"===this.settings.dropdownParent?t.offset():t.position();e.top+=t.outerHeight(!0),this.$dropdown.css({width:t.outerWidth(),top:e.top,left:e.left})},clear:function(t){this.items.length&&(this.$control.children(":not(input)").remove(),this.items=[],this.lastQuery=null,this.setCaret(0),this.setActiveItem(null),this.updatePlaceholder(),this.updateOriginalInput({silent:t}),this.refreshState(),this.showInput(),this.trigger("clear"))},insertAtCaret:function(e){var i=Math.min(this.caretPos,this.items.length);0===i?this.$control.prepend(e):t(this.$control[0].childNodes[i]).before(e),this.setCaret(i+1)},deleteSelection:function(e){var i,n,r,s,o,a,c,u,l;if(r=e&&8===e.keyCode?-1:1,s=p(this.$control_input[0]),this.$activeOption&&!this.settings.hideSelected&&(c=this.getAdjacentOption(this.$activeOption,-1).attr("data-value")),o=[],this.$activeItems.length){for(l=this.$control.children(".active:"+(r>0?"last":"first")),a=this.$control.children(":not(input)").index(l),r>0&&a++,i=0,n=this.$activeItems.length;i0&&s.start===this.$control_input.val().length&&o.push(this.items[this.caretPos]));if(!o.length||"function"==typeof this.settings.onDelete&&!1===this.settings.onDelete.call(this,o))return!1;for(void 0!==a&&this.setCaret(a);o.length;)this.removeItem(o.pop());return this.showInput(),this.positionDropdown(),this.refreshOptions(!0),c&&(u=this.getOption(c)).length&&this.setActiveOption(u),!0},advanceSelection:function(t,e){var i,n,r,s,o;0!==t&&(this.rtl&&(t*=-1),i=t>0?"last":"first",n=p(this.$control_input[0]),this.isFocused&&!this.isInputHidden?(s=this.$control_input.val().length,(t<0?0===n.start&&0===n.length:n.start===s)&&!s&&this.advanceCaret(t,e)):(o=this.$control.children(".active:"+i)).length&&(r=this.$control.children(":not(input)").index(o),this.setActiveItem(null),this.setCaret(t>0?r+1:r)))},advanceCaret:function(t,e){var i,n;0!==t&&(i=t>0?"next":"prev",this.isShiftDown?(n=this.$control_input[i]()).length&&(this.hideInput(),this.setActiveItem(n),e&&e.preventDefault()):this.setCaret(this.caretPos+t))},setCaret:function(e){var i,n,r,s;if(e="single"===this.settings.mode?this.items.length:Math.max(0,Math.min(this.items.length,e)),!this.isPending)for(i=0,n=(r=this.$control.children(":not(input)")).length;i
'}},e),n.setup=(i=n.setup,function(){i.apply(n,arguments),n.$dropdown_header=t(e.html(e)),n.$dropdown.prepend(n.$dropdown_header)})}),b.define("optgroup_columns",function(e){var i,n=this;e=t.extend({equalizeWidth:!0,equalizeHeight:!0},e),this.getAdjacentOption=function(e,i){var n=e.closest("[data-group]").find("[data-selectable]"),r=n.index(e)+i;return r>=0&&r'+t.html+"
"},optgroup_header:function(t,e){return''+e(t[i])+"
"},option:function(t,i){return''+i(t[e])+"
"},item:function(t,i){return''+i(t[e])+"
"},option_create:function(t,e){return'Add '+e(t.input)+"…
"}};this.settings.render=t.extend({},n,this.settings.render)},setupCallbacks:function(){var t,e,i={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"};for(t in i)i.hasOwnProperty(t)&&(e=this.settings[i[t]])&&this.on(t,e)},onClick:function(t){this.isFocused||(this.focus(),t.preventDefault())},onMouseDown:function(e){var i=this,n=e.isDefaultPrevented();t(e.target);if(i.isFocused){if(e.target!==i.$control_input[0])return"single"===i.settings.mode?i.isOpen?i.close():i.open():n||i.setActiveItem(null),!1}else n||window.setTimeout(function(){i.focus()},0)},onChange:function(){this.$input.trigger("change")},onPaste:function(e){var i=this;i.isFull()||i.isInputHidden||i.isLocked?e.preventDefault():i.settings.splitOn&&setTimeout(function(){var e=i.$control_input.val();if(e.match(i.settings.splitOn))for(var n=t.trim(e).split(i.settings.splitOn),r=0,s=n.length;r'+t.title+'×
"+t+"
"+o.join("")+"
"}function u(u,l){var v,b,m,g,y,_,k,w=(y=l,_=u,(k=t.extend({},i,y)).callbacks={move:f(k.move,_),change:f(k.change,_),show:f(k.show,_),hide:f(k.hide,_),beforeShow:f(k.beforeShow,_)},k),x=w.flat,S=w.showSelectionPalette,F=w.localStorageKey,z=w.theme,O=w.callbacks,A=(v=Zt,b=10,function(){var t=this,e=arguments;m&&clearTimeout(g),!m&&g||(g=setTimeout(function(){g=null,v.apply(t,e)},b))}),N=!1,j=!1,$=0,E=0,C=0,M=0,q=0,I=0,T=0,R=0,P=0,D=0,L=1,U=[],H=[],B={},W=w.selectionPalette.slice(0),Z=w.maxSelectionSize,G="sp-dragging",K=null,V=u.ownerDocument,X=(V.body,t(u)),J=!1,Q=t(a,V).addClass(z),Y=Q.find(".sp-picker-container"),tt=Q.find(".sp-color"),et=Q.find(".sp-dragger"),it=Q.find(".sp-hue"),nt=Q.find(".sp-slider"),rt=Q.find(".sp-alpha-inner"),st=Q.find(".sp-alpha"),ot=Q.find(".sp-alpha-handle"),at=Q.find(".sp-input"),ct=Q.find(".sp-palette"),ut=Q.find(".sp-initial"),lt=Q.find(".sp-cancel"),ht=Q.find(".sp-clear"),ft=Q.find(".sp-choose"),dt=Q.find(".sp-palette-toggle"),pt=X.is("input"),vt=pt&&"color"===X.attr("type")&&p(),bt=pt&&!x,mt=bt?t(o).addClass(z).addClass(w.className).addClass(w.replacerClassName):t([]),gt=bt?mt:X,yt=mt.find(".sp-preview-inner"),_t=w.color||pt&&X.val(),kt=!1,wt=w.preferredFormat,xt=!w.showButtons||w.clickoutFiresChange,St=!_t,Ft=w.allowEmpty&&!vt;function zt(){if(w.showPaletteOnly&&(w.showPalette=!0),dt.text(w.showPaletteOnly?w.togglePaletteMoreText:w.togglePaletteLessText),w.palette){U=w.palette.slice(0),H=t.isArray(U[0])?U:[U],B={};for(var e=0;e\n <# if (marked) { #>{{{ marked(data.label) }}}<# } else { #>{{{ data.label }}}<# } #>\n
\n <# } if (data.description) { #>\n \n <# if (marked) { #>{{{ marked(data.description) }}}\n <# } else { #>{{{ data.description }}}<# } #>\n
\n <# } #>\n '},r.prototype.se=function(){return''},r.prototype.ne=function(){return'\n \n \n
\n "},r.prototype.renderContent=function(){var t=this.Lt,e=(this.templateSelector,A.template(this.template()));if(e&&t){if((!1).performances)performance.now();this.params.content=t.innerHTML=e(this.params)}this.ae()},r.prototype.destroy=function(){this.Xt(!0),this.Lt.parentNode.removeChild(this.Lt)},r.prototype.shouldComponentUpdate=function(t){return!0},r.prototype.componentDidUpdate=function(t){},r.prototype.componentDidMount=function(){},r.prototype.componentWillUnmount=function(){},r.prototype.Xt=function(t){var e=this,i=this.Lt;this.params.content||(this.params.content=i.innerHTML.trim()),this.rendered&&this.componentWillUnmount(),n.defer(function(){if(t||!l.section(e.section.get()).expanded.get()){if((!1).performances)performance.now();i.innerHTML="",e.rendered=!1}})},r.prototype.nt=function(t){if((!1).performances)performance.now();this.params.content?this.rendered||(this.Lt.innerHTML=this.params.content,this.ae()):this.renderContent(),this.rendered=!0,this.componentDidMount(),t&&this.deferred.embedded.resolve(),this.ce()},r.prototype.ae=function(){this.notifications.container=this.getNotificationsContainerElement();var t=this.section();(!t||l.section.has(t)&&l.section(t).expanded())&&this.notifications.render()},r.prototype.softenize=function(t){return t},r.prototype.ce=function(){var t=this,e="kkcp-extras-open",i="kkcp-extras-reset_last",r="kkcp-extras-reset_initial",s="kkcp-extras-reset_factory",o="kkcp-disabled",a=this.Lt,c=a.getElementsByClassName("kkcp-extras")[0],u=a.getElementsByClassName("kkcp-extras-btn")[0],l=a.getElementsByClassName(i)[0],h=a.getElementsByClassName(r)[0],f=a.getElementsByClassName(s)[0],d=this.setting,p=!1,v=function(){a.classList.remove(e)},b=function(){d.forceSet(d.vLastSaved),v()},m=function(){d.forceSet(d.vInitial),v()},g=function(){d.forceSet(d.vFactory),v()},y=function(){h.className=r,h.onclick=m},_=function(){f.className=s,f.onclick=g},k=function(){if(t.te)return y(),void _();var e=t.softenize(d());n.isEqual(e,t.softenize(d.vLastSaved))?(l.className=i+" "+o,l.onclick=""):(l.className=i,l.onclick=b),n.isEqual(e,t.softenize(d.vInitial))?(h.className=r+" "+o,h.onclick=""):y(),n.isEqual(e,t.softenize(d.vFactory))?(f.className=s+" "+o,f.onclick=""):_()};u&&(u.onclick=function(){p=!p,a.classList.toggle(e,p),p&&k()}),c&&(c.onmouseenter=function(){p=!0,a.classList.add(e),k()},c.onmouseleave=function(){p=!1,setTimeout(function(){p||a.classList.remove(e)},200)})},r}(l.Control);l.bind("ready",function(){try{var e=t.ue.autofocus.control;e&&A.linkControl(null,e)}catch(t){}}),l.bind("save",function(){A.ft(function(t){t&&t.setting&&t.setting._dirty&&(t.setting.vLastSaved=t.setting())})});var lt=u.controls.Base=ut,ht=function(t){function e(){t.apply(this,arguments)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.componentInit=function(){this.Wt=this.le(this.params.choices)},e.prototype.le=function(t){if(n.isArray(t))return t;if(!n.isUndefined(t)){var e=[];for(var i in t)t.hasOwnProperty(i)&&e.push(i);return e}return[]},e.prototype.Kt=function(){return"\n <# var choices = data.choices, idx = 0;\n if (!_.isEmpty(choices)) { #>\n "+this.oe()+"\n "+this.he()+"\n "+this.fe()+"\n "+this.de()+"\n <# } #>\n "},e.prototype.fe=function(){return"<# for (var val in choices) { #>"+this.pe()+"<#} #>"},e.prototype.pe=function(){return"\n <# if (choices.hasOwnProperty(val)) {\n var label;\n var choice = choices[val];\n var classes = '';\n var attributes = '';\n var tooltip = '';\n var id = data.id + idx++;\n if (!_.isUndefined(choice.label)) {\n label = choice.label;\n if (choice.popover) {\n classes += 'kkcpui-popover ';\n if (choice.popover.title) attributes += ' data-title=\"' + choice.popover.title + '\"';\n if (choice.popover.img) attributes += ' data-img=\"' + choice.popover.img + '\"';\n if (choice.popover.text) attributes += ' data-text=\"' + choice.popover.text + '\"';\n if (choice.popover.video) attributes += ' data-video=\"' + choice.popover.video + '\"';\n }\n if (choice.tooltip) {\n classes += 'kkcpui-tooltip--top ';\n attributes += ' title=\"' + choice.tooltip + '\"';\n tooltip = choice.tooltip;\n }\n } else {\n label = choice;\n }\n if (!tooltip) {\n tooltip = label;\n }\n #>\n "+this.ve()+"\n <# } #>\n "},e.prototype.ve=function(){return""},e.prototype.he=function(){return""},e.prototype.de=function(){return""},e}(lt),ft=function(t){function e(){t.apply(this,arguments)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.shouldComponentUpdate=function(t){return this.be.value!==t},e.prototype.componentDidUpdate=function(t){this.be.value=t},e.prototype.componentDidMount=function(){var t=this;t.be=t.Lt.getElementsByTagName("input")[0],i(t.be).val(t.setting()).on("change keyup paste",function(){t.setting.set(this.value)})},e.prototype.Kt=function(){return"\n \n "},e.prototype.me=function(){return this.ge()},e.prototype.ge=function(){return'\n {{ key }}="{{ attrs[key] }}" <# } } #>\n >\n '},e}(lt),dt=function(t,e,i){var n,r,s,o;if(s=(t*=n=Math.pow(10,e|=0))%1==.5*(o=t>0|-(t<0)),r=Math.floor(t),s)switch(i){case"PHP_ROUND_HALF_DOWN":t=r+(o<0);break;case"PHP_ROUND_HALF_EVEN":t=r+r%2*o;break;case"PHP_ROUND_HALF_ODD":t=r+!(r%2);break;default:t=r+(o>0)}return(s?t:Math.round(t))/n};function pt(t){return n.isString(t)?t:JSON.stringify(t)}function vt(t,e,i){var r=i.Wt,s=r&&r.length?r:i.params.choices;return n.isArray(s)&&-1!==s.indexOf(t)?et.stripHTML(t):null}function bt(t,e,i,r){void 0===r&&(r=!1);var s=i.Wt,o=i.params,a=s&&s.length?s:o.choices;n.isArray(t)||(t=[t]);for(var c=[],u=0;u- \n
- '+u.l10n.resetLastSaved+' \n
- '+u.l10n.resetInitial+' \n
- '+u.l10n.resetFactory+" \n
<# } #>\n <# if (data.label) { #><# if (marked) { #>{{{ marked(data.label) }}}<# } else { #>{{{ data.label }}}<# } #><# } #>\n <# if (data.description) { #> class="description customize-control-description"<# } #>><# if (marked) { #>{{{ marked(data.description) }}}<# } else { #>{{{ data.description }}}<# } #><# } #>\n <# if (marked && data.markdown) { #>
<# } #>\n '},e}(lt);l.controlConstructor.kkcp_content=u.controls.Content=zt;var Ot=function(t){function e(e,i){t.call(this,e,i),this.validate=ot.fontFamily,this.sanitize=yt.fontFamily}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.componentInit=function(){t.prototype.componentInit.call(this),this.Se=n.map(this.Se,function(t){return t.value=et.normalizeFontFamily(t.value),t}),this.Wt=n.map(this.Wt,function(t){return et.normalizeFontFamily(t)})},e.prototype.softenize=function(t){return n.isArray(t)&&(t=t.join(",")),t},e.prototype.shouldComponentUpdate=function(t){return!n.isEqual(this.softenize(t),this.be.selectize.getValue())},e.prototype.componentDidUpdate=function(t){this._e(t)},e.prototype.componentDidMount=function(){this.be=this.Lt.getElementsByClassName("kkcp-select")[0],this._e(this.setting())},e.prototype._e=function(t){this.be.selectize&&this.be.selectize.destroy(),this.be.value=t,i(this.be).selectize(this.je())},e.prototype.$e=function(){return{hideSelected:!0,delimiter:","}},e.prototype.Ee=function(t){var e=t.value.replace(/'/g,"").replace(/"/g,"");return'{{{ marked(data.markdown) }}}
<# } #>\n <# if (data.alert) { #>'+n.escape(e)+"
"},e.prototype.Ce=function(t){var e=t.value.replace(/'/g,"").replace(/"/g,"");return''+n.escape(e)+"
"},e.prototype.Me=function(t){return'"},e.prototype.Kt=function(){return"\n \n \n '},e}(kt);l.controlConstructor.kkcp_font_family=u.controls.FontFamily=Ot;var At=function(t){function e(){t.apply(this,arguments)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.Ee=function(t){return''},e.prototype.Ce=function(t){return''},e.prototype.Me=function(t){return'"},e.prototype.De=function(t){return t.set+" "+t.set+"-"+t.value},e.prototype.Kt=function(){return"\n \n \n "},e}(kt);l.controlConstructor.kkcp_icon=u.controls.Icon=At;var Nt=function(t){function e(e,i){t.call(this,e,i),this.validate=ot.sortable,this.sanitize=yt.sortable}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.shouldComponentUpdate=function(t){return!n.isEqual(t,this.ye())},e.prototype.componentDidUpdate=function(t){this._e(t)},e.prototype.componentDidMount=function(){var t=this;this.Le(),this.container.sortable({items:".kkcp-sortable",cursor:"move",update:function(){var e=t.ye();t.setting.set(e)}})},e.prototype.Le=function(){var t=this.Lt.getElementsByClassName("kkcp-sortable");this.Ue={};for(var e=0,i=t.length;e{{ label }}
'},e}(ht),jt=l.controlConstructor.kkcp_sortable=u.controls.Sortable=Nt,$t=function(t){function e(e,i){t.call(this,e,i),this.validate=ot.multipleChoices,this.sanitize=yt.multipleChoices}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.shouldComponentUpdate=function(t){return!n.isEqual(t,this.ye())},e.prototype.componentDidUpdate=function(t){this.Be(t),this.params.sortable&&this.We(t)},e.prototype.componentDidMount=function(){var t=this;this.ke=this.Lt.getElementsByTagName("input"),this.params.sortable&&(this.container.sortable({items:"> label",cursor:"move",update:function(){t.setting.set(t.ye())}}),this.Le()),this.Be(this.setting(),!0)},e.prototype.Le=function(){var t=this.Lt.getElementsByTagName("label");this.Ue={};for(var e=0,i=t.length;e\n {{ key }}="{{ data.attrs[key] }}" <# } } #>>\n
\n <# } else { #>\n {{ key }}="{{ data.attrs[key] }}" <# } } #>>\n <# } #>\n \n '},e.prototype.Kt=function(){return""+this.oe()+this.oi()},e}(lt);l.controlConstructor.kkcp_slider=u.controls.Slider=Dt;var Lt=function(t){function e(e,i){t.call(this,e,i),this.validate=ot.tags,this.sanitize=yt.tags}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.componentInit=function(){var t=this,e=this.params.attrs||{},i={plugins:[],persist:!1,create:function(t){return{value:t,text:t}},onChange:function(e){t.setting.set(e)}};e.persist&&(i.persist=!0),e.removable&&i.plugins.push("remove_button"),e.draggable&&i.plugins.push("drag_drop"),e.restore_on_backspace&&i.plugins.push("restore_on_backspace"),this.ai=i},e.prototype.componentWillUnmount=function(){this.be.selectize.destroy()},e.prototype.shouldComponentUpdate=function(t){return this.be.selectize.getValue()!==t},e.prototype.componentDidUpdate=function(t){this._e(t)},e.prototype.componentDidMount=function(){this.be=this.Lt.getElementsByTagName("input")[0],this._e(this.setting())},e.prototype._e=function(t){this.be.selectize&&this.be.selectize.destroy(),this.be.value=t,i(this.be).selectize(this.ai)},e.prototype.Kt=function(){return"\n \n '},e}(lt);l.controlConstructor.kkcp_tags=u.controls.Tags=Lt;var Ut=function(e){function r(){e.apply(this,arguments)}return e&&(r.__proto__=e),r.prototype=Object.create(e&&e.prototype),r.prototype.constructor=r,r.prototype.componentInit=function(){this.params.wp_editor&&(this.ci=this.li())},r.prototype.componentWillUnmount=function(){if(this.params.wp_editor)try{this.hi&&t.wp.editor.remove(this.ci)}catch(t){}},r.prototype.shouldComponentUpdate=function(t){return t!==this.ye()},r.prototype.componentDidUpdate=function(t){this._e(t)},r.prototype.componentDidMount=function(){if(this.fi=this.Lt.getElementsByTagName("textarea")[0],this.params.wp_editor&&!this.hi)this.di();else{var t=this;this._e(t.setting()),i(t.fi).on("change keyup paste",function(){t.setting.set(this.value)})}},r.prototype.ye=function(){return this.params.wp_editor?(wpEditorInstance=t.tinyMCE.get(this.ci),wpEditorInstance.getContent()):this.fi.value},r.prototype._e=function(e){this.params.wp_editor?t.tinyMCE.get(this.ci).setContent(e):this.fi.value=e},r.prototype.li=function(){return this.id.replace(/-/g,"_")+"__textarea"},r.prototype.di=function(){this.fi.id=this.ci;var e=this.setting,r=n.isObject(this.params.wp_editor)?this.params.wp_editor:{},s=i.extend(!0,{},t.wp.editor.getDefaultSettings(),{teeny:!0,mediaButtons:!1}),o=i.extend(!0,s,r,{tinymce:{target:this.fi,setup:function(t){t.on("init",function(){t.setContent(e())}),t.on("change keyup",function(){e.set(t.getContent())})}}});t.wp.editor.initialize(this.ci,o),this.hi=!0},r.prototype.Kt=function(){return"\n \n '},r}(Mt);l.controlConstructor.kkcp_textarea=u.controls.Textarea=Ut;var Ht=function(t){function e(){t.apply(this,arguments)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.Kt=function(){return"\n\t\t\t"+this.oe()+'\n\t\t\t<# var labelFalse = data.attrs ? data.attrs.label_false : \'\'; labelTrue = data.attrs ? data.attrs.label_true : \'\'; #>\n\t\t\t\n\t\t'},e}(St);l.controlConstructor.kkcp_toggle=u.controls.Toggle=Ht;var Bt=l.Setting.extend({initialize:function(t,e,i){l.Setting.prototype.initialize.call(this,t,e,i);var n=l.settings.settings[t];n&&(this.vFactory=n.default),this.vInitial=this(),this.vLastSaved=this.vInitial},preview:function(){var t;"postMessage"!==(t=this.transport)||l.state("previewerAlive").get()||(t="refresh"),"postMessage"===t?this.previewer.send("setting",[this.id,this.sanitize(this())]):"refresh"===t&&this.previewer.refresh()},sanitize:function(t){return t},forceSet:function(t,e){this._value=e||"dummy",this.set(t)}});l.settingConstructor.kkcp_base=u.settings.Base=Bt}(window,document,jQuery,_,wp,kkcp,marked,hljs,Modernizr);
\ No newline at end of file
diff --git a/js/index.php b/js/index.php
new file mode 100644
index 0000000..e71af0e
--- /dev/null
+++ b/js/index.php
@@ -0,0 +1 @@
+Oops! Plugin not activated…<# for (var i = 0, l = data.units.length; i < l; i++) { #><# } #>
\n %s is not fully compatible with your PHP version (%s).
Reccomended PHP version – %s (or higher).
Oops! Plugin not activated…
%s is not fully compatible with your version of WordPress (%s).
Reccomended WordPress version – %s (or higher).
-  ); ?>)
-
+  ); ?>)
+
@@ -374,26 +378,6 @@ public static function get_view_loader() {
-
- (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Data {
diff --git a/includes/class-helper.php b/php/class-helper.php
similarity index 90%
rename from includes/class-helper.php
rename to php/class-helper.php
index 0c91f22..6508f4d 100644
--- a/includes/class-helper.php
+++ b/php/class-helper.php
@@ -12,7 +12,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Helper {
@@ -177,7 +177,7 @@ public static function hex_to_rgb( $value, $return_as_string = true ) {
* @return string
*/
public static function rgba_to_rgb( $input ) {
- sscanf( $input, 'rgba(%d,%d,%d,%f)', $red, $green, $blue, $alpha );
+ sscanf( $input, 'rgba(%d,%d,%d,%f)', $red, $green, $blue );
return "rgba($red,$green,$blue)";
}
@@ -223,7 +223,9 @@ public static function normalize_font_families( $value ) {
}
/**
- * Extract number from value, returns 0 otherwise
+ * Extract number (either integers or float)
+ *
+ * @see http://stackoverflow.com/a/17885985/1938970
*
* @since 1.0.0
* @param string $value The value from to extract from
@@ -231,39 +233,34 @@ public static function normalize_font_families( $value ) {
* @return int|float|null The extracted number or null if the value does not
* contain any digit.
*/
- public static function extract_number( $value, $allowed_float ) {
- if ( is_int( $value ) || ( is_float( $value ) && $allowed_float ) ) {
- return $value;
- }
- if ( $allowed_float ) {
- $number_extracted = filter_var( $value, FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION );
- } else {
- $number_extracted = filter_var( $value, FILTER_SANITIZE_NUMBER_INT );
- }
- if ( $number_extracted || 0 === $number_extracted ) {
- return $number_extracted;
+ public static function extract_number( $value ) {
+ preg_match( '/(\+|-)?((\d+(\.\d+)?)|(\.\d+))/', $value, $matches );
+
+ if ( $matches && isset( $matches[0] ) && is_numeric( $matches[0] ) ) {
+ return $matches[0] + 0;
}
+
return null;
}
/**
- * Extract unit (like `px`, `em`, `%`, etc.) from an array of allowed units
+ * Extract size unit
+ *
+ * It returns the first matched, so the units are kind of sorted by popularity.
+ * @see http://www.w3schools.com/cssref/css_units.asp List of the css units
*
* @since 1.0.0
* @param string $value The value from to extract from
* @param null|array $allowed_units An array of allowed units
- * @return string The first valid unit found.
+ * @return string|null The first valid unit found.
*/
- public static function extract_size_unit( $value, $allowed_units ) {
- if ( is_array( $allowed_units ) ) {
- foreach ( $allowed_units as $unit ) {
- if ( strpos( $value, $unit ) ) {
- return $unit;
- }
- }
- return isset( $allowed_units[0] ) ? $allowed_units[0] : '';
- }
- return '';
+ public static function extract_size_unit( $value ) {
+ preg_match( '/(px|%|em|rem|vh|vw|vmin|vmax|cm|mm|in|pt|pc|ch|ex)/', $value, $matches );
+
+ if ( $matches && isset( $matches[0] ) ) {
+ return $matches[0];
+ }
+ return null;
}
/**
diff --git a/includes/class-requirements.php b/php/class-requirements.php
similarity index 99%
rename from includes/class-requirements.php
rename to php/class-requirements.php
index 2e1c672..55c7a6c 100644
--- a/includes/class-requirements.php
+++ b/php/class-requirements.php
@@ -14,7 +14,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Requirements {
diff --git a/includes/class-sanitize.php b/php/class-sanitize.php
similarity index 82%
rename from includes/class-sanitize.php
rename to php/class-sanitize.php
index 6123373..834045c 100644
--- a/includes/class-sanitize.php
+++ b/php/class-sanitize.php
@@ -15,7 +15,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Sanitize {
@@ -143,6 +143,20 @@ public static function one_or_more_choices( $value, $setting, $control ) {
return null;
}
+ /**
+ * Sanitize sortable
+ *
+ * @since 1.1.0
+ *
+ * @param array $value The value to sanitize.
+ * @param WP_Customize_Setting $setting Setting instance.
+ * @param WP_Customize_Control $control Control instance.
+ * @return array|null The sanitized value.
+ */
+ public static function sortable( $value, $setting, $control ) {
+ return self::multiple_choices( $value, $setting, $control, true );
+ }
+
/**
* Sanitize font family
*
@@ -279,32 +293,32 @@ public static function text( $value, $setting, $control ) {
*/
public static function number( $value, $setting, $control ) {
$attrs = $control->input_attrs;
- $number = KKcp_Helper::extract_number( $value, $control );
+ $value = $value + 0;
- if ( is_null( $number ) ) {
+ if ( ! is_numeric( $value ) ) {
return null;
}
// if it's a float but it is not allowed to be it round it
- if ( is_float( $number ) && ! isset( $attrs['float'] ) ) {
- $number = round( $number );
+ if ( is_float( $value ) && ! isset( $attrs['float'] ) ) {
+ $value = round( $value );
}
// if doesn't respect the step given round it to the closest
// then do the min and max checks
- if ( isset( $attrs['step'] ) && KKcp_Helper::modulus( $number, $attrs['step'] ) != 0 ) {
- $number = round( $number / $attrs['step'] ) * $attrs['step'];
+ if ( isset( $attrs['step'] ) && KKcp_Helper::modulus( $value, $attrs['step'] ) != 0 ) {
+ $value = round( $value / $attrs['step'] ) * $attrs['step'];
}
// if it's lower than the minimum return the minimum
- if ( isset( $attrs['min'] ) && is_numeric( $attrs['min'] ) && $number < $attrs['min'] ) {
+ if ( isset( $attrs['min'] ) && is_numeric( $attrs['min'] ) && $value < $attrs['min'] ) {
return $attrs['min'];
}
// if it's higher than the maxmimum return the maximum
- if ( isset( $attrs['max'] ) && is_numeric( $attrs['max'] ) && $number > $attrs['max'] ) {
+ if ( isset( $attrs['max'] ) && is_numeric( $attrs['max'] ) && $value > $attrs['max'] ) {
return $attrs['max'];
}
- return $number;
+ return $value;
}
/**
@@ -348,8 +362,8 @@ public static function size_unit( $unit, $allowed_units ) {
* @return string|number|null The sanitized value.
*/
public static function slider( $value, $setting, $control ) {
- $number = KKcp_Helper::extract_number( $value, isset( $control->input_attrs['float'] ) );
- $unit = KKcp_Helper::extract_size_unit( $value, $control->units );
+ $number = KKcp_Helper::extract_number( $value );
+ $unit = KKcp_Helper::extract_size_unit( $value );
$number = self::number( $number, $setting, $control );
$unit = self::size_unit( $unit, $control->units );
@@ -398,73 +412,6 @@ public static function color( $value, $setting, $control ) {
}
return $value;
}
-
- /**
- * Sanitize CSS
- *
- * @link(http://git.io/vZ05N, source)
- * @since 1.0.0
- *
- * @param string $input CSS to sanitize.
- * @return string Sanitized CSS.
- */
- private static function css( $input ) {
- return wp_strip_all_tags( $input );
- }
-
- /**
- * Sanitize image
- *
- * @link(http://git.io/vZ05p, source)
- * @since 1.0.0
- *
- * @param string $image Image filename.
- * @param WP_Customize_Setting $setting Setting instance.
- * @return string The image filename if the extension is allowed; otherwise, the setting default.
- */
- private static function image( $image, $setting ) {
- // Array of valid image file types.
- // The array includes image mime types that are included in wp_get_mime_types()
- $mimes = array(
- 'jpg|jpeg|jpe' => 'image/jpeg',
- 'gif' => 'image/gif',
- 'png' => 'image/png',
- 'bmp' => 'image/bmp',
- 'tif|tiff' => 'image/tiff',
- 'ico' => 'image/x-icon'
- );
- // Return an array with file extension and mime_type.
- $file = wp_check_filetype( $image, $mimes );
- // If $image has a valid mime_type, return it; otherwise, return the default.
- return ( $file['ext'] ? $image : $setting->default );
- }
-
- /**
- * HTML sanitization callback example.
- *
- * @link(http://git.io/vZ0dv, source)
- * @since 1.0.0
- *
- * @param string $html HTML to sanitize.
- * @return string Sanitized HTML.
- */
- private static function html( $html ) {
- return wp_filter_post_kses( $html );
- }
-
- /**
- * No-HTML sanitization callback example.
- *
- * @link(http://git.io/vZ0dL, source)
- * @since 1.0.0
- *
- * @since 1.0.0
- * @param string $nohtml The no-HTML content to sanitize.
- * @return string Sanitized no-HTML content.
- */
- private static function nohtml( $nohtml ) {
- return wp_filter_nohtml_kses( $nohtml );
- }
}
endif;
diff --git a/includes/class-sanitizejs.php b/php/class-sanitizejs.php
similarity index 99%
rename from includes/class-sanitizejs.php
rename to php/class-sanitizejs.php
index 9cf1d97..35dbd51 100644
--- a/includes/class-sanitizejs.php
+++ b/php/class-sanitizejs.php
@@ -13,7 +13,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_SanitizeJS {
diff --git a/includes/class-singleton.php b/php/class-singleton.php
similarity index 98%
rename from includes/class-singleton.php
rename to php/class-singleton.php
index f087878..b843755 100644
--- a/includes/class-singleton.php
+++ b/php/class-singleton.php
@@ -12,7 +12,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
abstract class KKcp_Singleton {
diff --git a/includes/class-theme.php b/php/class-theme.php
similarity index 99%
rename from includes/class-theme.php
rename to php/class-theme.php
index 9997f95..cf7e475 100644
--- a/includes/class-theme.php
+++ b/php/class-theme.php
@@ -13,7 +13,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Theme extends KKcp_Singleton {
diff --git a/includes/class-validate.php b/php/class-validate.php
similarity index 92%
rename from includes/class-validate.php
rename to php/class-validate.php
index 7a297d9..135b550 100644
--- a/includes/class-validate.php
+++ b/php/class-validate.php
@@ -13,7 +13,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Validate {
@@ -133,6 +133,21 @@ public static function one_or_more_choices( $validity, $value, $setting, $contro
return self::multiple_choices( $validity, $value, $setting, $control );
}
+ /**
+ * Validate sortable
+ *
+ * @since 1.1.0
+ *
+ * @param WP_Error $validity
+ * @param mixed $value The value to validate.
+ * @param WP_Customize_Setting $setting Setting instance.
+ * @param WP_Customize_Control $control Control instance.
+ * @return WP_Error
+ */
+ public static function sortable( $validity, $value, $setting, $control ) {
+ return self::multiple_choices( $validity, $value, $setting, $control, true );
+ }
+
/**
* Validate font family
*
@@ -273,7 +288,7 @@ public static function text( $validity, $value, $setting, $control ) {
* @return WP_Error
*/
public static function number( $validity, $value, $setting, $control ) {
- $value = ($value == (int) $value) ? (int) $value : (float) $value;
+ $value = $value + 0;
// no number
if ( ! is_numeric( $value ) ) {
@@ -290,8 +305,6 @@ public static function number( $validity, $value, $setting, $control ) {
$validity = $control->add_error( $validity, 'vNotAnInteger' );
}
- $attrs = $control->input_attrs;
-
if ( $attrs ) {
// if doesn't respect the step given
if ( isset( $attrs['step'] ) && is_numeric( $attrs['step'] ) && KKcp_Helper::modulus( $value, $attrs['step'] ) != 0 ) {
@@ -320,17 +333,17 @@ public static function number( $validity, $value, $setting, $control ) {
* @param mixed $allowed_units The allowed units
* @return WP_Error
*/
- public static function size_unit( $validity, $unit, $allowed_units ) {
+ public static function size_unit( $validity, $unit, $setting, $control ) {
// if it needs a unit and it is missing
- if ( ! empty( $allowed_units ) && ! $unit ) {
+ if ( ! empty( $control->units ) && ! $unit ) {
$validity = $control->add_error( $validity, 'vSliderMissingUnit' );
}
// if the unit specified is not in the allowed ones
- else if ( ! empty( $allowed_units ) && $unit && ! in_array( $unit, $allowed_units ) ) {
- $validity = $control->add_error( $validity, 'vSliderInvalidUnit', $unit );
+ else if ( ! empty( $control->units ) && $unit && ! in_array( $unit, $control->units ) ) {
+ $validity = $control->add_error( $validity, 'vSliderUnitNotAllowed', $unit );
}
// if a unit is specified but none is allowed
- else if ( empty( $allowed_units ) && $unit ) {
+ else if ( empty( $control->units ) && $unit ) {
$validity = $control->add_error( $validity, 'vSliderNoUnit' );
}
@@ -349,11 +362,11 @@ public static function size_unit( $validity, $unit, $allowed_units ) {
* @return WP_Error
*/
public static function slider( $validity, $value, $setting, $control ) {
- $number = KKcp_Helper::extract_number( $value, isset( $control->input_attrs['float'] ) );
- $unit = KKcp_Helper::extract_size_unit( $value, $control->units );
+ $number = KKcp_Helper::extract_number( $value );
+ $unit = KKcp_Helper::extract_size_unit( $value );
$validity = self::number( $validity, $number, $setting, $control );
- $validity = self::size_unit( $validity, $unit, $control->units );
+ $validity = self::size_unit( $validity, $unit, $setting, $control );
return $validity;
}
diff --git a/includes/customize-classes.php b/php/customize-classes.php
similarity index 75%
rename from includes/customize-classes.php
rename to php/customize-classes.php
index 9c5faf2..c002826 100644
--- a/includes/customize-classes.php
+++ b/php/customize-classes.php
@@ -11,7 +11,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
@@ -34,7 +34,7 @@
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Setting_Base extends WP_Customize_Setting {
@@ -111,7 +111,7 @@ public function json() {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Setting_Font_Family extends KKcp_Customize_Setting_Base {
@@ -165,7 +165,7 @@ public function js_value_default() {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Base extends WP_Customize_Control {
@@ -202,7 +202,7 @@ class KKcp_Customize_Control_Base extends WP_Customize_Control {
public $loose = false;
/**
- * Enable live validation of control's default setting value
+ * Enable live validation of control default setting's value
*
* For readibility this property is 'positively' put. But in the JSON `params`
* it is reversed in its negative form, so that the `control.params` object
@@ -217,7 +217,7 @@ class KKcp_Customize_Control_Base extends WP_Customize_Control {
public $live_validation = true;
/**
- * Enable live sanitization of control's default setting value
+ * Enable live sanitization of control default setting's value
*
* For readibility this property is 'positively' put. But in the JSON `params`
* it is reversed in its negative form, so that the `control.params` object
@@ -371,8 +371,7 @@ public function to_json() {
protected function add_to_json() {}
/**
- * Never render any content for controls from PHP. We rely completely on js,
- * and declare the control `` container in the js control base class.
+ * Never render any content for controls from PHP
*
* @since 1.0.0
* @override
@@ -380,95 +379,20 @@ protected function add_to_json() {}
protected function render() {}
/**
- * Never render any inner content for controls from PHP.
+ * Never render any inner content for controls from PHP
*
* @since 1.0.0
* @override
*/
- public function render_content() {}
+ protected function render_content() {}
/**
- * Compose and minify js template rendered in the `js_tpl` function.
+ * Templates are entirely managed in JavaScript Control classes
*
* @since 1.0.0
* @override
*/
- public function content_template() {
- $this->js_tpl_info();
- $this->js_tpl_extras();
- $this->js_tpl();
- $this->js_tpl_notifications();
- }
-
- /**
- * Subclasses can have their own notifications container template
- *
- * @since 1.0.0
- */
- protected function js_tpl_notifications() {
- ?>
-
-
- <# if (data.info) { #>
-
- <# } #>
-
- <# if (data.label) { #>
- (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
abstract class KKcp_Customize_Control_Base_Choices extends KKcp_Customize_Control_Base {
@@ -755,104 +680,6 @@ protected function add_to_json() {
$this->json['choices'] = $this->choices;
}
- /**
- * Js template
- *
- * Choice supports both a string if you only want to pass a label or an array
- * with `label`, `sublabel`, `tooltip`, `popover_title`, `popover_txt`, etc.
- *
- * {@inheritDoc}
- *
- * @since 1.0.0
- * @override
- */
- protected function js_tpl() {
- ?>
- <# var choices = data.choices, idx = 0;
- if (!_.isEmpty(choices)) { #>
- js_tpl_header(); ?>
- js_tpl_above_choices(); ?>
- js_tpl_choices_loop(); ?>
- js_tpl_below_choices(); ?>
- <# } #>
-
- <# for (var val in choices) { #>
- js_tpl_choice(); ?>
- <#} #>
-
- <# if (choices.hasOwnProperty(val)) {
- var label;
- var choice = choices[val];
- var classes = '';
- var attributes = '';
- var tooltip = '';
- var id = data.id + idx++;
- if (!_.isUndefined(choice.label)) {
- label = choice.label;
- if (choice.popover) {
- classes += 'kkcpui-popover ';
- if (choice.popover.title) attributes += ' data-title="' + choice.popover.title + '"';
- if (choice.popover.img) attributes += ' data-img="' + choice.popover.img + '"';
- if (choice.popover.text) attributes += ' data-text="' + choice.popover.text + '"';
- if (choice.popover.video) attributes += ' data-video="' + choice.popover.video + '"';
- }
- if (choice.tooltip) {
- classes += 'kkcpui-tooltip--top ';
- attributes += ' title="' + choice.tooltip + '"';
- tooltip = choice.tooltip;
- }
- } else {
- label = choice;
- }
- if (!tooltip) {
- tooltip = label;
- }
- #>
- js_tpl_choice_ui(); ?>
- <# } #>
- (https://knitkode.com)
- * @copyright 2018 KnitKode
- * @license GPLv3
- * @version Release: 1.0.22
- * @link https://knitkode.com/products/customize-plus
- */
-abstract class KKcp_Customize_Control_Base_Input extends KKcp_Customize_Control_Base {
-
- /**
- * {@inheritDoc}. Note that the `tooltip` input_attr is printed in a wrapping
- * span instead of directly on the input field.
- *
- * @since 1.0.0
- * @override
- */
- protected function js_tpl() {
- ?>
-
- js_tpl_input();
- }
-
- /**
- * Js template for the actual input element
- *
- * @since 1.0.0
- * @abstract
- */
- protected function js_tpl_input () {
- ?>
- {{ key }}="{{ attrs[key] }}" <# } } #>
- >
- (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
abstract class KKcp_Customize_Control_Base_Radio extends KKcp_Customize_Control_Base_Choices {
@@ -996,7 +764,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
abstract class KKcp_Customize_Control_Base_Set extends KKcp_Customize_Control_Base_Choices {
@@ -1062,7 +830,7 @@ protected function get_set ( $name ) {
public static function get_flatten_set_values ( $set ) {
$values = array();
- foreach ( $set as $set_group_key => $set_group_values ) {
+ foreach ( $set as $set_group_values ) {
if ( isset( $set_group_values['values'] ) && is_array( $set_group_values['values'] ) ) {
foreach ( $set_group_values['values'] as $value ) {
array_push( $values, $value );
@@ -1159,11 +927,11 @@ private function get_filtered_set ( $name, $filter ) {
protected function get_valid_choices ( $filtered_sets ) {
$valid_choices = array();
- foreach ( $filtered_sets as $set_name => $set_values ) {
+ foreach ( $filtered_sets as $set_values ) {
// set can be a multidimensional array divided by groups
if ( KKcp_Helper::is_assoc( $set_values ) ) {
- foreach ( $set_values as $group_key => $group_values ) {
+ foreach ( $set_values as $group_values ) {
if ( isset( $group_values['values'] ) && is_array( $group_values['values'] ) ) {
$valid_choices = array_merge( $valid_choices, $group_values['values'] );
}
@@ -1219,7 +987,7 @@ protected function add_to_json() {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Buttonset extends KKcp_Customize_Control_Base_Radio {
@@ -1229,45 +997,9 @@ class KKcp_Customize_Control_Buttonset extends KKcp_Customize_Control_Base_Radio
* @inheritDoc
*/
public $type = 'kkcp_buttonset';
-
- /**
- * {@inheritDoc}. Always show tooltips.
- *
- * @since 1.0.0
- * @override
- */
- protected function js_tpl_choice_ui () {
- ?>
- >
-
-
-
- register_control_type( 'KKcp_Customize_Control_Buttonset' );
/**
@@ -1280,7 +1012,7 @@ protected function js_tpl_below_choices () {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Checkbox extends KKcp_Customize_Control_Base {
@@ -1309,20 +1041,6 @@ public function get_l10n() {
);
}
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl() {
- ?>
- js_tpl_header(); ?>
-
- register_control_type( 'KKcp_Customize_Control_Checkbox' );
/**
@@ -1362,7 +1078,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Color extends KKcp_Customize_Control_Base {
@@ -1473,6 +1189,7 @@ public function get_l10n() {
'cancelText' => esc_html__( 'Cancel', 'kkcp' ),
'chooseText' => esc_html__( 'Choose', 'kkcp' ),
'clearText' => esc_html__( 'Clear selection', 'kkcp' ),
+ 'selectColor' => esc_html__( 'Select color', 'kkcp' ),
'noColorSelectedText' => esc_html__( 'No color selected', 'kkcp' ),
'togglePaletteMoreText' => esc_html__( 'Show color picker', 'kkcp' ),
'togglePaletteLessText' => esc_html__( 'Hide color picker', 'kkcp' ),
@@ -1489,8 +1206,6 @@ public function get_l10n() {
* @inheritDoc
*/
protected function add_to_json() {
- $this->json['valueCSS'] = $this->value();
-
if ( $this->alpha ) {
$this->json['alpha'] = true;
}
@@ -1507,22 +1222,6 @@ protected function add_to_json() {
$this->json['mode'] = 'custom';
}
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl() {
- ?>
- js_tpl_header(); ?>
-
-
-
-
- register_control_type( 'KKcp_Customize_Control_Color' );
/**
@@ -1555,7 +1252,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Content extends KKcp_Customize_Control_Base {
@@ -1635,34 +1332,9 @@ protected function add_to_json() {
$this->json['alert'] = $this->alert;
}
}
-
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- public function content_template() {
- $this->js_tpl_info();
- $this->js_tpl();
- }
-
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl() {
- ?>
- <# if (data.alert) { #> (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Font_Family extends KKcp_Customize_Control_Base_Set {
@@ -1738,19 +1410,6 @@ protected function get_valid_choices ( $filtered_sets ) {
return $valid_choices;
}
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl() {
- ?>
-
-
- register_control_type( 'KKcp_Customize_Control_Font_Family' );
/**
@@ -1783,7 +1440,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Icon extends KKcp_Customize_Control_Base_Set {
@@ -1827,22 +1484,17 @@ protected function get_set ( $name ) {
}
/**
- * @since 1.0.0
+ * @since 1.0.0
* @inheritDoc
*/
- protected function js_tpl() {
- ?>
-
-
- esc_html__( 'Search icon by name...', 'kkcp' ),
+ );
}
}
-/**
- * Register on WordPress Customize global object
- */
+// Register on WordPress Customize global object
$wp_customize->register_control_type( 'KKcp_Customize_Control_Icon' );
/**
@@ -1855,7 +1507,7 @@ protected function js_tpl() {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Multicheck extends KKcp_Customize_Control_Base_Choices {
@@ -1919,50 +1571,6 @@ protected function add_to_json() {
$this->json['choicesOrdered'] = $this->value();
}
- /**
- * If the control is sortable we first show the ordered choices (the ones stored
- * as value in the DB, gathered with `$this->value()`) and then the other choices,
- * that's why the double loop with the `indexOf` condition.
- *
- * {@inheritDoc}
- *
- * @since 1.0.0
- * @override
- */
- protected function js_tpl_choices_loop() {
- ?>
- <# if (data.sortable) {
- if (_.isArray(data.choicesOrdered)) {
- for (var i = 0; i < data.choicesOrdered.length; i++) {
- var val = data.choicesOrdered[i]; #>
- js_tpl_choice(); ?>
- <# }
- for (var val in choices) {
- if (data.choicesOrdered.indexOf(val) === -1) { #>
- js_tpl_choice(); ?>
- <# }
- }
- }
- } else {
- for (var val in choices) { #>
- js_tpl_choice(); ?>
- <# }
- } #>
-
-
- register_control_type( 'KKcp_Customize_Control_Multicheck' );
/**
@@ -1995,10 +1601,10 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
-class KKcp_Customize_Control_Number extends KKcp_Customize_Control_Base_Input {
+class KKcp_Customize_Control_Number extends KKcp_Customize_Control_Base {
/**
* @since 1.0.0
@@ -2051,9 +1657,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
}
}
-/**
- * Register on WordPress Customize global object
- */
+// Register on WordPress Customize global object
$wp_customize->register_control_type( 'KKcp_Customize_Control_Number' );
/**
@@ -2066,7 +1670,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Radio extends KKcp_Customize_Control_Base_Radio {
@@ -2076,25 +1680,9 @@ class KKcp_Customize_Control_Radio extends KKcp_Customize_Control_Base_Radio {
* @inheritDoc
*/
public $type = 'kkcp_radio';
-
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl_choice_ui() {
- ?>
-
- register_control_type( 'KKcp_Customize_Control_Radio' );
/**
@@ -2110,7 +1698,7 @@ protected function js_tpl_choice_ui() {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Radio_Image extends KKcp_Customize_Control_Base_Radio {
@@ -2120,29 +1708,9 @@ class KKcp_Customize_Control_Radio_Image extends KKcp_Customize_Control_Base_Rad
* @inheritDoc
*/
public $type = 'kkcp_radio_image';
-
- /**
- * {@inheritDoc}. It shows the full image path (`img_custom`) or an image
- * bundled in the plugin when `img` has been passed, with the plugin url
- * as prepath, and always a `png` extension. Always show tooltip.
- *
- * @since 1.0.0
- * @override
- */
- protected function js_tpl_choice_ui() {
- ?>
- >
-
- register_control_type( 'KKcp_Customize_Control_Radio_Image' );
/**
@@ -2155,7 +1723,7 @@ protected function js_tpl_choice_ui() {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Select extends KKcp_Customize_Control_Base_Choices {
@@ -2191,47 +1759,9 @@ public function __construct( $manager, $id, $args = array() ) {
$this->valid_choices = $this->get_valid_choices( $this->choices );
}
-
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl_choice_ui() {
- ?>
-
-
-
- register_control_type( 'KKcp_Customize_Control_Select' );
/**
@@ -2244,7 +1774,7 @@ protected function js_tpl_below_choices () {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Font_Weight extends KKcp_Customize_Control_Select {
@@ -2296,9 +1826,7 @@ class KKcp_Customize_Control_Font_Weight extends KKcp_Customize_Control_Select {
);
}
-/**
- * Register on WordPress Customize global object
- */
+// Register on WordPress Customize global object
$wp_customize->register_control_type( 'KKcp_Customize_Control_Font_Weight' );
/**
@@ -2311,7 +1839,7 @@ class KKcp_Customize_Control_Font_Weight extends KKcp_Customize_Control_Select {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Slider extends KKcp_Customize_Control_Base {
@@ -2358,8 +1886,8 @@ class KKcp_Customize_Control_Slider extends KKcp_Customize_Control_Base {
* @override
*/
public function __construct( $manager, $id, $args = array() ) {
- if ( isset( $args['step'] ) && is_float( $args['step'] ) ) {
- $args['float'] = true;
+ if ( isset( $args['input_attrs'] ) && isset( $args['input_attrs']['step'] ) && is_float( $args['input_attrs']['step'] ) ) {
+ $args['input_attrs']['float'] = true;
}
if ( isset( $args['units'] ) && ! empty( $args['units'] ) ) {
@@ -2379,7 +1907,7 @@ public function __construct( $manager, $id, $args = array() ) {
public function get_l10n() {
return array(
'vSliderMissingUnit' => esc_html__( 'A CSS unit must be specified', 'kkcp' ),
- 'vSliderInvalidUnit' => esc_html__( 'CSS unit `%` is invalid', 'kkcp' ),
+ 'vSliderUnitNotAllowed' => esc_html__( 'CSS unit **%s** is not allowed here', 'kkcp' ),
'vSliderNoUnit' => esc_html__( 'It does not accept a CSS unit', 'kkcp' ),
);
}
@@ -2402,41 +1930,6 @@ protected function add_to_json() {
}
}
- /**
- * {@inheritDoc}
- *
- * Separate the slider template to make it reusable by child classes
- *
- * @since 1.0.0
- * @override
- */
- protected function js_tpl_slider() {
- ?>
- <# if (data.units) { #>
- (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Sortable extends KKcp_Customize_Control_Base_Choices {
@@ -2511,37 +2002,12 @@ protected function add_to_json() {
$this->json['choices'] = $this->choices;
}
- /**
- * @override
- * @since 1.0.0
- */
- protected function js_tpl_choices_loop() {
- ?>
- <# if (_.isArray(data.choicesOrdered)) {
- for (var i = 0; i < data.choicesOrdered.length; i++) {
- var val = data.choicesOrdered[i]; #>
- js_tpl_choice(); ?>
- <# }
- } #>
-
- (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
-class KKcp_Customize_Control_Text extends KKcp_Customize_Control_Base_Input {
+class KKcp_Customize_Control_Text extends KKcp_Customize_Control_Base {
/**
* @since 1.0.0
@@ -2784,9 +2235,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
}
}
-/**
- * Register on WordPress Customize global object
- */
+// Register on WordPress Customize global object
$wp_customize->register_control_type( 'KKcp_Customize_Control_Text' );
/**
@@ -2803,7 +2252,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Password extends KKcp_Customize_Control_Text {
@@ -2828,24 +2277,14 @@ class KKcp_Customize_Control_Password extends KKcp_Customize_Control_Text {
);
/**
- * @since 1.0.0
- * @inheritDoc
+ * @since 1.0.0
+ * @inerhitDoc
*/
- protected function js_tpl_inner () {
- ?>
-
- <# if (data.attrs && data.attrs.visibility) { #>
- js_tpl_input() ?>
- {{ key }}="{{ attrs[key] }}" <# } } #>>
-
- <# } else { #>
- js_tpl_input() ?>
- <# } #>
-
- esc_html__( 'Show password', 'kkcp' ),
+ 'passwordHide' => esc_html__( 'Hide password', 'kkcp' ),
+ );
}
/**
@@ -2862,9 +2301,7 @@ protected static function sanitize( $value, $setting, $control ) {
}
}
-/**
- * Register on WordPress Customize global object
- */
+// Register on WordPress Customize global object
$wp_customize->register_control_type( 'KKcp_Customize_Control_Password' );
/**
@@ -2877,7 +2314,7 @@ protected static function sanitize( $value, $setting, $control ) {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Textarea extends KKcp_Customize_Control_Text {
@@ -3007,29 +2444,9 @@ protected function add_to_json() {
wp_enqueue_editor();
}
}
-
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl() {
- ?>
-
- register_control_type( 'KKcp_Customize_Control_Textarea' );
/**
@@ -3042,7 +2459,7 @@ protected function js_tpl() {
* @author KnitKode (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Toggle extends KKcp_Customize_Control_Checkbox {
@@ -3061,28 +2478,7 @@ class KKcp_Customize_Control_Toggle extends KKcp_Customize_Control_Checkbox {
'label_false' => array( 'sanitizer' => 'string' ),
'label_true' => array( 'sanitizer' => 'string' ),
);
-
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl() {
- ?>
- js_tpl_header(); ?>
- <# var labelFalse = data.attrs ? data.attrs.label_false : ''; labelTrue = data.attrs ? data.attrs.label_true : ''; #>
-
- register_control_type( 'KKcp_Customize_Control_Toggle' );
\ No newline at end of file
diff --git a/php/index.php b/php/index.php
new file mode 100644
index 0000000..e71af0e
--- /dev/null
+++ b/php/index.php
@@ -0,0 +1 @@
+ Home in the left-hand menu to start translating
= Theme integration =
-Checkout the [documentation here](https://knitkode.com/docs/customize-plus/getting-started/integration?utm_source=customize-plus&utm_medium=wordpress_org&utm_content=theme_integration&utm_campaign=readme). A tool to facilitate this task is [Customize Plus Builder](https://knitkode.com/products/customize-plus-builder?utm_source=customize-plus&utm_medium=wordpress_org&utm_content=theme_integration&utm_campaign=readme), you can [try it here](https://knitkode.com/customize-plus-builder).
+Checkout the [documentation here](https://knitkode.com/docs/customize-plus/getting-started/integration?utm_source=customize-plus&utm_medium=wordpress_org&utm_content=theme_integration&utm_campaign=readme). A tool to facilitate this task is [Customize Plus Builder](https://knitkode.com/products/customize-plus-builder?utm_source=customize-plus&utm_medium=wordpress_org&utm_content=theme_integration&utm_campaign=readme), you can [try it here](https://knitkode.com/customize-plus-builder?utm_source=customize-plus&utm_medium=wordpress_org&utm_content=theme_integration&utm_campaign=readme).
= Translations =
* English - default
@@ -100,11 +100,21 @@ Documentation can be found at [knitkode.com/docs/customize-plus](https://knitkod
= How do I get help? =
-Help is provided via the plugin support forum only. Please visit the [support page](https://knitkode.com/support) to see other options.
+Help is provided via the plugin support forum only. Please visit the [support page](https://knitkode.com/support?utm_source=customize-plus&utm_medium=wordpress_org&utm_content=faq&utm_campaign=readme) to see other options.
+
+= Can I see a quick demo? =
+Yes, try out the always up to date [official demo theme](https://github.com/knitkode/customize-plus-demo).
== Changelog ==
+= 1.1.1: 24/02/2017 =
+
+* Bugfixing
+* Moved control templates to JavaScript control's classes
+* Control's classes use now a React ready methods naming and lifecycle style
+* Support warnings in $validity notifications
+
= 1.0.21: 22/02/2017 =
* Fix 'dancing char' on Base Input Control
-
+
+
@@ -374,26 +378,6 @@ public static function get_view_loader() {
-
- (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Data {
diff --git a/includes/class-helper.php b/php/class-helper.php
similarity index 90%
rename from includes/class-helper.php
rename to php/class-helper.php
index 0c91f22..6508f4d 100644
--- a/includes/class-helper.php
+++ b/php/class-helper.php
@@ -12,7 +12,7 @@
* @author KnitKode <# if (marked) { #>{{{ marked(data.label) }}}<# } else { #>{{{ data.label }}}<# } #>
- <# } if (data.description) { #>
- <# if (marked) { #>{{{ marked(data.description) }}}<# } else { #>{{{ data.description }}}<# } #>
- <# } #>
-
-
-
-
- add( $msg_id, sprintf( $msg, $msg_arguments ) );
- // if it is a simple string message
- } else {
+ }
+ // if it is a simple string message leave it as it is
+ else {
$validity->add( $msg_id, $msg );
}
return $validity;
@@ -657,7 +582,7 @@ public function add_error( $validity, $msg_id, $msg_arguments ) {
* @author KnitKode -
-
-
-
-
-
<# } #>
- <# if (data.label) { #><# if (marked) { #>{{{ marked(data.label) }}}<# } else { #>{{{ data.label }}}<# } #><# } #>
- <# if (data.description) { #> class="description customize-control-description"<# } #>><# if (marked) { #>{{{ marked(data.description) }}}<# } else { #>{{{ data.description }}}<# } #><# } #>
- <# if (marked && data.markdown) { #>
<# } #>
- register_control_type( 'KKcp_Customize_Control_Content' );
/**
@@ -1675,7 +1347,7 @@ protected function js_tpl() {
* @author KnitKode {{{ marked(data.markdown) }}}
<# } #>
- <# if (data.alert) { #>
- {{ key }}="{{ data.attrs[key] }}" <# } } #>>
-
- <# } else { #>
- {{ key }}="{{ data.attrs[key] }}" <# } } #>>
- <# } #>
-
- js_tpl_header();
- $this->js_tpl_slider();
- }
-
/**
* @since 1.0.0
* @inheritDoc
@@ -2454,9 +1947,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
}
}
-/**
- * Register on WordPress Customize global object
- */
+// Register on WordPress Customize global object
$wp_customize->register_control_type( 'KKcp_Customize_Control_Slider' );
/**
@@ -2469,7 +1960,7 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode <# for (var i = 0, l = data.units.length; i < l; i++) { #><# } #>
- {{ label }}
- (https://knitkode.com)
* @copyright 2018 KnitKode
* @license GPLv3
- * @version Release: 1.0.22
+ * @version Release: 1.1.1
* @link https://knitkode.com/products/customize-plus
*/
class KKcp_Customize_Control_Tags extends KKcp_Customize_Control_Base {
@@ -2630,19 +2096,6 @@ protected function add_to_json() {
$this->json['min'] = KKcp_SanitizeJS::int_or_null( false, $this->min );
}
- /**
- * @since 1.0.0
- * @inheritDoc
- */
- protected function js_tpl() {
- ?>
-
- register_control_type( 'KKcp_Customize_Control_Tags' );
/**
@@ -2675,10 +2126,10 @@ protected static function validate( $validity, $value, $setting, $control ) {
* @author KnitKode