UNPKG

@progress/kendo-ui

Version:

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

1 lines 20.6 kB
module.exports=function(t){var l={};function a(e){if(l[e])return l[e].exports;var i=l[e]={exports:{},id:e,loaded:!1};return t[e].call(i.exports,i,i.exports,a),i.loaded=!0,i.exports}return a.m=t,a.c=l,a.p="",a(0)}({0:function(e,i,t){e.exports=t(1025)},3:function(e,i){e.exports=function(){throw Error("define cannot be used indirect")}},1025:function(e,i,t){var l;t(3),t=[t(1026),t(1027)],void 0===(i="function"==typeof(l=function(){var p=window.kendo.jQuery,e=void 0,k=window.kendo,s={format:"0",min:0},n=["px","em"],r=["solid","dotted","dashed","double","groove","ridge","inset","outset","initial","inherit","none","hidden"],c=4,o={dataSource:[{className:"k-icon k-i-table-align-middle-left",value:"left"},{className:"k-icon k-i-table-align-middle-center",value:"center"},{className:"k-icon k-i-table-align-middle-right",value:"right"},{className:"k-icon k-i-align-remove",value:""}],dataTextField:"className",dataValueField:"value",template:"<span class='#: className #' title='#: tooltip #'></span>",valueTemplate:"<span class='k-align-group #: className #' title='#: tooltip #'></span>"},d={dataSource:[{className:"k-icon k-i-table-align-top-left",value:"left top"},{className:"k-icon k-i-table-align-top-center",value:"center top"},{className:"k-icon k-i-table-align-top-right",value:"right top"},{className:"k-icon k-i-table-align-middle-left",value:"left middle"},{className:"k-icon k-i-table-align-middle-center",value:"center middle"},{className:"k-icon k-i-table-align-middle-right",value:"right middle"},{className:"k-icon k-i-table-align-bottom-left",value:"left bottom"},{className:"k-icon k-i-table-align-bottom-center",value:"center bottom"},{className:"k-icon k-i-table-align-bottom-right",value:"right bottom"},{className:"k-icon k-i-align-remove",value:""}],dataTextField:"className",dataValueField:"value",template:"<span class='#: className #' title='#: tooltip #'></span>",valueTemplate:"<span class='k-align-group #: className #' title='#: tooltip #'></span>"},b={dataSource:[{className:"k-icon k-i-table-align-top-left",value:"left top"},{className:"k-icon k-i-table-align-top-center",value:"center top"},{className:"k-icon k-i-table-align-top-right",value:"right top"},{className:"k-icon k-i-table-align-bottom-left",value:"left bottom"},{className:"k-icon k-i-table-align-bottom-center",value:"center bottom"},{className:"k-icon k-i-table-align-bottom-right",value:"right bottom"},{className:"k-icon k-i-align-remove",value:""}],dataTextField:"className",dataValueField:"value",template:"<span class='#: className #' title='#: tooltip #'></span>",valueTemplate:"<span class='k-align-group #: className #' title='#: tooltip #'></span>"},i='<div class="k-editor-dialog k-editor-table-wizard-dialog k-action-window k-popup-edit-form">'+'<div class="k-edit-form-container">'+'<div id="k-table-wizard-tabs" class="k-root-tabs">'+"<ul>"+'<li class="k-state-active">#= messages.tableTab #</li>'+"<li>#= messages.cellTab #</li>"+"<li>#= messages.accessibilityTab #</li>"+"</ul>"+'<div id="k-table-properties">'+'<div class="k-edit-label">'+'<label for="k-editor-table-width">#= messages.width #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-width" />'+'<input id="k-editor-table-width-type" aria-label="#= messages.units #" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-height">#= messages.height #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-height" />'+'<input id="k-editor-table-height-type" aria-label="#= messages.units #" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-columns">#= messages.columns #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-columns" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-rows">#= messages.rows #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-rows" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-cell-spacing">#= messages.cellSpacing #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-cell-spacing" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-cell-padding">#= messages.cellPadding #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-cell-padding" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-alignment">#= messages.alignment #</label>'+"</div>"+'<div class="k-edit-field">'+'<input id="k-editor-table-alignment" class="k-align" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-bg">#= messages.background #</label>'+"</div>"+'<div class="k-edit-field">'+'<input id="k-editor-table-bg" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-css-class">#= messages.cssClass #</label>'+"</div>"+'<div class="k-edit-field">'+'<span class="k-textbox k-input k-input-md k-rounded-md k-input-solid"><input id="k-editor-css-class" class="k-input-inner" type="text" /></span>'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-id">#= messages.id #</label>'+"</div>"+'<div class="k-edit-field">'+'<span class="k-textbox k-input k-input-md k-rounded-md k-input-solid"><input id="k-editor-id" class="k-input-inner" type="text" /></span>'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-border-width">#= messages.border #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-border-width" />'+'<input id="k-editor-border-color" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-border-style">#= messages.borderStyle #</label>'+"</div>"+'<div class="k-edit-field">'+'<input id="k-editor-border-style" />'+"</div>"+'<div class="k-edit-label">&nbsp;</div>'+'<div class="k-edit-field">'+'<input id="k-editor-collapse-borders" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md" />'+'<label for="k-editor-collapse-borders" class="k-checkbox-label">#= messages.collapseBorders #</label>'+"</div>"+"</div>"+'<div id="k-cell-properties">'+'<div class="k-edit-field">'+'<input id="k-editor-selectAllCells" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md" />'+'<label for="k-editor-selectAllCells" class="k-checkbox-label">#= messages.selectAllCells #</label>'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cell-width">#= messages.width #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-cell-width" />'+'<input id="k-editor-cell-width-type" aria-label="#= messages.units #" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cell-height">#= messages.height #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-cell-height" />'+'<input id="k-editor-cell-height-type" aria-label="#= messages.units #" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-cell-margin">#= messages.cellMargin #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-cell-margin" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-cells-padding">#= messages.cellPadding #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-cells-padding" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cell-alignment">#= messages.alignment #</label>'+"</div>"+'<div class="k-edit-field">'+'<input id="k-editor-cell-alignment" class="k-align" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cell-bg">#= messages.background #</label>'+"</div>"+'<div class="k-edit-field">'+'<input id="k-editor-cell-bg" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cell-css-class">#= messages.cssClass #</label>'+"</div>"+'<div class="k-edit-field">'+'<span class="k-textbox k-input k-input-md k-rounded-md k-input-solid"><input id="k-editor-cell-css-class" class="k-input-inner" type="text" /></span>'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cell-id">#= messages.id #</label>'+"</div>"+'<div class="k-edit-field">'+'<span class="k-textbox k-input k-input-md k-rounded-md k-input-solid"><input id="k-editor-cell-id" class="k-input-inner" type="text" /></span>'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cell-border-width">#= messages.border #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-cell-border-width" />'+'<input id="k-editor-cell-border-color" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cell-border-style">#= messages.borderStyle #</label>'+"</div>"+'<div class="k-edit-field">'+'<input id="k-editor-cell-border-style" />'+"</div>"+'<div class="k-edit-label">&nbsp;</div>'+'<div class="k-edit-field">'+'<input id="k-editor-wrap-text" type="checkbox" class="k-checkbox k-checkbox-md k-rounded-md" />'+'<label for="k-editor-wrap-text" class="k-checkbox-label">#= messages.wrapText #</label>'+"</div>"+"</div>"+'<div id="k-accessibility-properties">'+'<div class="k-edit-label">'+'<label for="k-editor-table-header-rows">#= messages.headerRows #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-header-rows" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-header-columns">#= messages.headerColumns #</label>'+"</div>"+'<div class="k-edit-field">'+'<input type="numeric" id="k-editor-table-header-columns" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-table-caption">#= messages.caption #</label>'+"</div>"+'<div class="k-edit-field">'+'<span class="k-textbox k-input k-input-md k-rounded-md k-input-solid"><input id="k-editor-table-caption" class="k-input-inner" type="text"/></span>'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-accessibility-alignment">#= messages.alignment #</label>'+"</div>"+'<div class="k-edit-field">'+'<input id="k-editor-accessibility-alignment" class="k-align" />'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-accessibility-summary">#= messages.summary #</label>'+"</div>"+'<div class="k-edit-field">'+'<span class="k-input k-textarea k-input-solid k-input-md k-rounded-md"><textarea id="k-editor-accessibility-summary" rows="5" class="k-input-inner k-editor-accessibility-summary" placeholder="#= messages.tableSummaryPlaceholder #"></textarea></span>'+"</div>"+'<div class="k-edit-label">'+'<label for="k-editor-cells-headers">#= messages.associateCellsWithHeaders #</label>'+"</div>"+'<div class="k-edit-field">'+'<select id="k-editor-cells-headers">'+'<option value="none">#= messages.associateNone #</option>'+'<option value="scope">#= messages.associateScope #</option>'+'<option value="ids">#= messages.associateIds #</option>'+"</select>"+"</div>"+"</div>"+"</div>"+'<div class="k-edit-buttons">'+'<button class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-dialog-ok"><span class="k-button-text">#= messages.dialogOk #</span></button>'+'<button class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-dialog-close"><span class="k-button-text">#= messages.dialogCancel #</span></button>'+"</div>"+"</div>"+"</div>",t=k.Class.extend({init:function(e){this.options=e},open:function(){var i=this,t=i.options,e=t.dialogOptions,l=t.table,a,o=t.messages,s=k.support.browser.msie;function d(e){e.preventDefault();i.destroy();a.destroy()}function c(e){i.collectDialogValues(l);d(e);if(i.change)i.change();t.closeCallback(l)}function n(e){d(e);t.closeCallback()}e.close=n;e.title=o.tableWizard;e.visible=t.visible;a=p(i._dialogTemplate(o)).appendTo(document.body).kendoWindow(e).closest(".k-window").toggleClass("k-rtl",t.isRtl).end().find(".k-dialog-ok").on("click",c).end().find(".k-dialog-close").on("click",n).end().data("kendoWindow");var r=a.element;i._initTabStripComponent(r);i._initTableViewComponents(r,l);i._initCellViewComponents(r,l);i._initAccessibilityViewComponents(r,l);a.center();a.open();if(s){var b=r.closest(".k-window").height();r.css("max-height",b)}},_initTabStripComponent:function(e){var i=this.components={};i.tabStrip=e.find("#k-table-wizard-tabs").kendoTabStrip({animation:false}).data("kendoTabStrip")},collectDialogValues:function(){var e=this;var i=e.options.table;e._collectTableViewValues(i);e._collectCellViewValues(i);e._collectAccessibilityViewValues(i)},_collectTableViewValues:function(e){var i=this.components.tableView;var t=e.tableProperties;t.width=i.width.value();t.widthUnit=i.widthUnit.value();t.height=i.height.value();t.columns=i.columns.value();t.rows=i.rows.value();t.heightUnit=i.heightUnit.value();t.cellSpacing=i.cellSpacing.value();t.cellPadding=i.cellPadding.value();t.alignment=i.alignment.value();t.bgColor=i.bgColor.value();t.className=i.className.value;t.id=i.id.value;t.borderWidth=i.borderWidth.value();t.borderColor=i.borderColor.value();t.borderStyle=i.borderStyle.value();t.collapseBorders=i.collapseBorders.checked},_collectCellViewValues:function(e){var i=e.cellProperties={};var t=this.components.cellView;i.selectAllCells=t.selectAllCells.checked;i.width=t.width.value();i.widthUnit=t.widthUnit.value();i.height=t.height.value();i.heightUnit=t.heightUnit.value();i.cellMargin=t.cellMargin.value();i.cellPadding=t.cellPadding.value();i.alignment=t.alignment.value();i.bgColor=t.bgColor.value();i.className=t.className.value;i.id=t.id.value;i.borderWidth=t.borderWidth.value();i.borderColor=t.borderColor.value();i.borderStyle=t.borderStyle.value();i.wrapText=t.wrapText.checked;if(!i.width){i.selectAllCells=true;i.width=100/e.tableProperties.columns;i.widthUnit="%"}},_collectAccessibilityViewValues:function(e){var i=e.tableProperties;var t=this.components.accessibilityView;i.captionContent=t.captionContent.value;i.captionAlignment=t.captionAlignment.value();i.summary=t.summary.value;i.cellsWithHeaders=t.cellsWithHeaders.value();i.headerRows=t.headerRows.value();i.headerColumns=t.headerColumns.value()},_addUnit:function(e,i){if(i&&p.inArray(i,e)==-1)e.push(i)},_initTableViewComponents:function(e,i){var o=this;var t=o.components;var l=t.tableView={};var a=i.tableProperties=i.tableProperties||{};a.borderStyle=a.borderStyle||"";var s=function(e){var i=o.components.accessibilityView;var t=i.headerColumns;var l=t.value();var a=e.sender.value();if(a<l)t.value(a);t.max(a)};var d=function(e){var i=o.components.accessibilityView;var t=i.headerRows;var l=t.value();var a=e.sender.value();if(a<l)t.value(a);t.max(a)};o._addUnit(n,a.widthUnit);o._addUnit(n,a.heightUnit);o._initNumericTextbox(e.find("#k-editor-table-width"),"width",a,l);o._initNumericTextbox(e.find("#k-editor-table-height"),"height",a,l);o._initNumericTextbox(e.find("#k-editor-table-columns"),"columns",a,l,{min:1,value:c,change:s});o._initNumericTextbox(e.find("#k-editor-table-rows"),"rows",a,l,{min:1,value:c,change:d});o._initDropDownList(e.find("#k-editor-table-width-type"),"widthUnit",a,l,n);o._initDropDownList(e.find("#k-editor-table-height-type"),"heightUnit",a,l,n);o._initNumericTextbox(e.find("#k-editor-table-cell-spacing"),"cellSpacing",a,l);o._initNumericTextbox(e.find("#k-editor-table-cell-padding"),"cellPadding",a,l);o._initTableAlignmentDropDown(e.find("#k-editor-table-alignment"),a);o._initColorPicker(e.find("#k-editor-table-bg"),"bgColor",a,l);o._initInput(e.find("#k-editor-css-class"),"className",a,l);o._initInput(e.find("#k-editor-id"),"id",a,l);o._initNumericTextbox(e.find("#k-editor-border-width"),"borderWidth",a,l);o._initColorPicker(e.find("#k-editor-border-color"),"borderColor",a,l);o._initBorderStyleDropDown(e.find("#k-editor-border-style"),"borderStyle",a,l,r);o._initCheckbox(e.find("#k-editor-collapse-borders"),"collapseBorders",a,l)},_initCellViewComponents:function(e,i){var t=this.components;var l=t.cellView={};i.selectedCells=i.selectedCells=i.selectedCells||[];var a=i.selectedCells[0]||{borderStyle:"",wrapText:true};this._addUnit(n,a.widthUnit);this._addUnit(n,a.heightUnit);this._initCheckbox(e.find("#k-editor-selectAllCells"),"selectAllCells",i.tableProperties,l);this._initNumericTextbox(e.find("#k-editor-cell-width"),"width",a,l);this._initNumericTextbox(e.find("#k-editor-cell-height"),"height",a,l);this._initDropDownList(e.find("#k-editor-cell-width-type"),"widthUnit",a,l,n);this._initDropDownList(e.find("#k-editor-cell-height-type"),"heightUnit",a,l,n);this._initNumericTextbox(e.find("#k-editor-table-cell-margin"),"cellMargin",a,l);this._initNumericTextbox(e.find("#k-editor-table-cells-padding"),"cellPadding",a,l);this._initCellAlignmentDropDown(e.find("#k-editor-cell-alignment"),a);this._initColorPicker(e.find("#k-editor-cell-bg"),"bgColor",a,l);this._initInput(e.find("#k-editor-cell-css-class"),"className",a,l);this._initInput(e.find("#k-editor-cell-id"),"id",a,l);this._initNumericTextbox(e.find("#k-editor-cell-border-width"),"borderWidth",a,l);this._initColorPicker(e.find("#k-editor-cell-border-color"),"borderColor",a,l);this._initBorderStyleDropDown(e.find("#k-editor-cell-border-style"),"borderStyle",a,l,r);this._initCheckbox(e.find("#k-editor-wrap-text"),"wrapText",a,l)},_initAccessibilityViewComponents:function(e,i){var t=this.components;var l=t.accessibilityView={};var a=i.tableProperties;this._initInput(e.find("#k-editor-table-caption"),"captionContent",a,l);this._initAccessibilityAlignmentDropDown(e.find("#k-editor-accessibility-alignment"),a);this._initInput(e.find("#k-editor-accessibility-summary"),"summary",a,l);this._initAssociationDropDown(e.find("#k-editor-cells-headers"),"cellsWithHeaders",{valuePrimitive:true},a,l);this._initNumericTextbox(e.find("#k-editor-table-header-rows"),"headerRows",a,l,{max:a.rows||c});this._initNumericTextbox(e.find("#k-editor-table-header-columns"),"headerColumns",a,l,{max:a.columns||c})},_initNumericTextbox:function(e,i,t,l,a){var o=l[i]=e.kendoNumericTextBox(a?p.extend({},s,a):s).data("kendoNumericTextBox");if(i in t)o.value(parseInt(t[i],10))},_initDropDownList:function(e,i,t,l,a){var o=l[i]=e.kendoDropDownList({dataSource:a}).data("kendoDropDownList");this._setComponentValue(o,t,i)},_initBorderStyleDropDown:function(e,i,t,l,a){var o=l[i]=e.kendoDropDownList({dataSource:a,optionLabel:this.options.messages.borderNone}).data("kendoDropDownList");this._setComponentValue(o,t,i)},_initTableAlignmentDropDown:function(e,i){var t=this.options.messages;var l=this.components.tableView;var a=o.dataSource;a[0].tooltip=t.alignLeft;a[1].tooltip=t.alignCenter;a[2].tooltip=t.alignRight;a[3].tooltip=t.alignRemove;this._initAlignmentDropDown(e,o,"alignment",i,l)},_initCellAlignmentDropDown:function(e,i){var t=this.options.messages;var l=this.components.cellView;var a=d.dataSource;a[0].tooltip=t.alignLeftTop;a[1].tooltip=t.alignCenterTop;a[2].tooltip=t.alignRightTop;a[3].tooltip=t.alignLeftMiddle;a[4].tooltip=t.alignCenterMiddle;a[5].tooltip=t.alignRightMiddle;a[6].tooltip=t.alignLeftBottom;a[7].tooltip=t.alignCenterBottom;a[8].tooltip=t.alignRightBottom;a[9].tooltip=t.alignRemove;this._initAlignmentDropDown(e,d,"alignment",i,l)},_initAccessibilityAlignmentDropDown:function(e,i){var t=this.options.messages;var l=this.components.accessibilityView;var a=b.dataSource;a[0].tooltip=t.alignLeftTop;a[1].tooltip=t.alignCenterTop;a[2].tooltip=t.alignRightTop;a[3].tooltip=t.alignLeftBottom;a[4].tooltip=t.alignCenterBottom;a[5].tooltip=t.alignRightBottom;a[6].tooltip=t.alignRemove;this._initAlignmentDropDown(e,b,"captionAlignment",i,l)},_initAlignmentDropDown:function(e,i,t,l,a){var o=a[t]=e.kendoDropDownList(i).data("kendoDropDownList");o.list.addClass("k-align").css("width","110px");this._setComponentValue(o,l,t)},_initAssociationDropDown:function(e,i,t,l,a){var o=a[i]=e.kendoDropDownList(t).data("kendoDropDownList");this._setComponentValue(o,l,i)},_setComponentValue:function(e,i,t){if(t in i)e.value(i[t])},_initColorPicker:function(e,i,t,l){var a=l[i]=e.kendoColorPicker({buttons:false,clearButton:true}).data("kendoColorPicker");if(t[i])a.value(t[i])},_initInput:function(e,i,t,l){var a=l[i]=e.get(0);if(i in t)a.value=t[i]},_initCheckbox:function(e,i,t,l){var a=l[i]=e.get(0);if(i in t)a.checked=t[i]},destroy:function(){this._destroyComponents(this.components.tableView);this._destroyComponents(this.components.cellView);this._destroyComponents(this.components.accessibilityView);this._destroyComponents(this.components);delete this.components},_destroyComponents:function(e){for(var i in e){if(e[i].destroy)e[i].destroy();delete e[i]}},_dialogTemplate:function(e){return k.template(i)({messages:e})}});k.ui.editor.TableWizardDialog=t})?l.apply(i,t):l)||(e.exports=i)},1026:function(e,i){e.exports=require("./table-wizard-command")},1027:function(e,i){e.exports=require("../../kendo.tabstrip")}});