@progress/kendo-ui
Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
1 lines • 6.62 kB
JavaScript
module.exports=function(o){var r={};function n(t){if(r[t])return r[t].exports;var e=r[t]={exports:{},id:t,loaded:!1};return o[t].call(e.exports,e,e.exports,n),e.loaded=!0,e.exports}return n.m=o,n.c=r,n.p="",n(0)}({0:function(t,e,o){t.exports=o(1688)},3:function(t,e){t.exports=function(){throw Error("define cannot be used indirect")}},20:function(t,e){t.exports=require("../kendo.core")},962:function(t,e){t.exports=require("../kendo.popup")},978:function(t,e){t.exports=require("../kendo.colorpicker")},1688:function(t,e,o){var r;o(3),o=[o(20),o(978),o(962)],void 0===(e="function"==typeof(r=function(){var n=window.kendo,s=n.jQuery,r=["allBorders","insideBorders","insideHorizontalBorders","insideVerticalBorders","outsideBorders","leftBorder","topBorder","rightBorder","bottomBorder","noBorders"],i=n.spreadsheet.messages.borderPalette={allBorders:"All borders",insideBorders:"Inside borders",insideHorizontalBorders:"Inside horizontal borders",insideVerticalBorders:"Inside vertical borders",outsideBorders:"Outside borders",leftBorder:"Left border",topBorder:"Top border",rightBorder:"Right border",bottomBorder:"Bottom border",noBorders:"No border"},l=n.spreadsheet.messages.colorPicker={reset:"Reset color",customColor:"Custom color...",apply:"Apply",cancel:"Cancel"};function o(e){return function(t){t.preventDefault();return e.apply(this,arguments)}}var e=n.ui.Widget.extend({init:function(t,e){n.ui.Widget.call(this,t,e);this.element=t;this.color=e.color;this._resetButton();this._colorPalette();this._customColorPalette();this._customColorButton();this.resetButton.on("click",o(this.resetColor.bind(this)));this.customColorButton.on("click",o(this.customColor.bind(this)))},options:{name:"ColorChooser"},events:["change"],destroy:function(){n.unbind(this.dialog.element.find(".k-action-buttons"));this.dialog.destroy();this.colorPalette.destroy();this.resetButton.off("click");this.customColorButton.off("click")},value:function(t){if(t!==undefined){this.color=t;this.customColorButton.find(".k-icon").css("background-color",this.color);this.colorPalette.value(null);this.flatColorPicker.value(this.color)}else return this.color},_change:function(t){this.color=t;this.trigger("change",{value:t})},_colorPalette:function(){var t=s("<div />",{class:"k-spreadsheet-color-palette"});var e=this.colorPalette=s("<div />").kendoColorPalette({palette:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],value:this.color,change:function(t){this.customColorButton.find(".k-icon").css("background-color","transparent");this.flatColorPicker.value(null);this._change(t.value)}.bind(this)}).data("kendoColorPalette");t.append(e.wrapper).appendTo(this.element)},_customColorPalette:function(){var t=s("<div />",{class:"k-spreadsheet-window",html:"<div></div>"+"<div class='k-action-buttons'>"+"<button class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary' data-"+n.ns+"bind='click: apply'><span class='k-button-text'>"+l.apply+"</span></button>"+"<button class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-base' data-"+n.ns+"bind='click: close'><span class='k-button-text'>"+l.cancel+"</span></button>"+"</div>"});var e=this.dialog=t.appendTo(document.body).kendoWindow({animation:false,scrollable:false,resizable:false,maximizable:false,modal:true,visible:false,width:"auto",open:function(){this.center()}}).data("kendoWindow");e.one("activate",function(){this.element.find("["+n.attr("role")+"=flatcolorpicker]").data("kendoFlatColorPicker")._view._hueSlider.resize()});var o=this.flatColorPicker=e.element.children().first().kendoFlatColorPicker().data("kendoFlatColorPicker");var r=n.observable({apply:function(){this.customColorButton.find(".k-icon").css("background-color",o.value());this.colorPalette.value(null);this._change(o.value());e.close()}.bind(this),close:function(){o.value(null);e.close()}});n.bind(e.element.find(".k-action-buttons"),r)},_resetButton:function(){this.resetButton=s("<a role='button' class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-reset-color' href='#'>"+"<span class='k-button-icon k-icon k-i-reset-color'></span>"+'<span class="k-button-text">'+l.reset+"</span>"+"</a>").appendTo(this.element)},_customColorButton:function(){this.customColorButton=s("<a role='button' class='k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-custom-color' href='#'>"+"<span class='k-button-icon k-icon'></span>"+'<span class="k-button-text">'+l.customColor+"</span>"+"</a>").appendTo(this.element)},resetColor:function(){this.colorPalette.value(null);this.flatColorPicker.value(null);this._change(null)},customColor:function(){this.dialog.open()}}),t=n.ui.Widget.extend({init:function(t,e){n.ui.Widget.call(this,t,e);this.element=t;this.color="#000";this.element.addClass("k-spreadsheet-border-palette");this._borderTypePalette();this._borderColorPalette();this.element.on("click",".k-spreadsheet-border-type-palette .k-button",o(this._click.bind(this)))},options:{name:"BorderPalette"},events:["change"],destroy:function(){this.colorChooser.destroy();this.element.off("click")},_borderTypePalette:function(){var e=i;var t=r.map(function(t){return'<a role="button" title="'+e[t]+'" aria-label="'+e[t]+'" href="#" data-border-type="'+t+'" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button">'+'<span class="k-button-icon k-icon k-i-'+n.toHyphens(t)+'"></span>'+"</a>"}).join("");var o=s("<div />",{class:"k-spreadsheet-border-type-palette",html:t});o.appendTo(this.element)},_borderColorPalette:function(){var t=s("<div />",{class:"k-spreadsheet-border-color-palette"});t.appendTo(this.element);this.colorChooser=new e(t,{color:this.color,change:this._colorChange.bind(this)})},_click:function(t){this.type=s(t.currentTarget).data("borderType");this.trigger("change",{type:this.type,color:this.color})},_colorChange:function(t){this.color=t.value;if(this.type)this.trigger("change",{type:this.type,color:this.color})}});n.spreadsheet.ColorChooser=e,n.spreadsheet.BorderPalette=t})?r.apply(e,o):r)||(t.exports=e)}});