text: ﻿/*
   Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
   For licensing, see LICENSE.md or http://ckeditor.com/license
   */
  CKEDITOR.dialog.add("cellProperties", function (g) {
      function d(a) {
          return function (b) {
              for (var c = a(b[0]), d = 1; d < b.length; d++)if (a(b[d]) !== c) {
                  c = null;
                  break
              }
              "undefined" != typeof c && (this.setValue(c), CKEDITOR.env.gecko && ("select" == this.type && !c) && (this.getInputElement().$.selectedIndex = -1))
          }
      }
  
      function j(a) {
          if (a = l.exec(a.getStyle("width") || a.getAttribute("width")))return a[2]
      }
  
      var h = g.lang.table, c = h.cell, e = g.lang.common, i = CKEDITOR.dialog.validate, l = /^(\d+(?:\.\d+)?)(px|%)$/, f = {type: "html", html: "&nbsp;"}, m = "rtl" ==
          g.lang.dir, k = g.plugins.colordialog;
      return{title: c.title, minWidth: CKEDITOR.env.ie && CKEDITOR.env.quirks ? 450 : 410, minHeight: CKEDITOR.env.ie && (CKEDITOR.env.ie7Compat || CKEDITOR.env.quirks) ? 230 : 220, contents: [
          {id: "info", label: c.title, accessKey: "I", elements: [
              {type: "hbox", widths: ["40%", "5%", "40%"], children: [
                  {type: "vbox", padding: 0, children: [
                      {type: "hbox", widths: ["70%", "30%"], children: [
                          {type: "text", id: "width", width: "100px", label: e.width, validate: i.number(c.invalidWidth), onLoad: function () {
                              var a = this.getDialog().getContentElement("info",
                                  "widthType").getElement(), b = this.getInputElement(), c = b.getAttribute("aria-labelledby");
                              b.setAttribute("aria-labelledby", [c, a.$.id].join(" "))
                          }, setup: d(function (a) {
                              var b = parseInt(a.getAttribute("width"), 10), a = parseInt(a.getStyle("width"), 10);
                              return!isNaN(a) ? a : !isNaN(b) ? b : ""
                          }), commit: function (a) {
                              var b = parseInt(this.getValue(), 10), c = this.getDialog().getValueOf("info", "widthType") || j(a);
                              isNaN(b) ? a.removeStyle("width") : a.setStyle("width", b + c);
                              a.removeAttribute("width")
                          }, "default": ""},
                          {type: "select", id: "widthType",
                              label: g.lang.table.widthUnit, labelStyle: "visibility:hidden", "default": "px", items: [
                              [h.widthPx, "px"],
                              [h.widthPc, "%"]
                          ], setup: d(j)}
                      ]},
                      {type: "hbox", widths: ["70%", "30%"], children: [
                          {type: "text", id: "height", label: e.height, width: "100px", "default": "", validate: i.number(c.invalidHeight), onLoad: function () {
                              var a = this.getDialog().getContentElement("info", "htmlHeightType").getElement(), b = this.getInputElement(), c = b.getAttribute("aria-labelledby");
                              b.setAttribute("aria-labelledby", [c, a.$.id].join(" "))
                          }, setup: d(function (a) {
                              var b =
                                  parseInt(a.getAttribute("height"), 10), a = parseInt(a.getStyle("height"), 10);
                              return!isNaN(a) ? a : !isNaN(b) ? b : ""
                          }), commit: function (a) {
                              var b = parseInt(this.getValue(), 10);
                              isNaN(b) ? a.removeStyle("height") : a.setStyle("height", CKEDITOR.tools.cssLength(b));
                              a.removeAttribute("height")
                          }},
                          {id: "htmlHeightType", type: "html", html: "<br />" + h.widthPx}
                      ]},
                      f,
                      {type: "select", id: "wordWrap", label: c.wordWrap, "default": "yes", items: [
                          [c.yes, "yes"],
                          [c.no, "no"]
                      ], setup: d(function (a) {
                          var b = a.getAttribute("noWrap");
                          if ("nowrap" == a.getStyle("white-space") ||
                              b)return"no"
                      }), commit: function (a) {
                          "no" == this.getValue() ? a.setStyle("white-space", "nowrap") : a.removeStyle("white-space");
                          a.removeAttribute("noWrap")
                      }},
                      f,
                      {type: "select", id: "hAlign", label: c.hAlign, "default": "", items: [
                          [e.notSet, ""],
                          [e.alignLeft, "left"],
                          [e.alignCenter, "center"],
                          [e.alignRight, "right"]
                      ], setup: d(function (a) {
                          var b = a.getAttribute("align");
                          return a.getStyle("text-align") || b || ""
                      }), commit: function (a) {
                          var b = this.getValue();
                          b ? a.setStyle("text-align", b) : a.removeStyle("text-align");
                          a.removeAttribute("align")
                      }},
                      {type: "select", id: "vAlign", label: c.vAlign, "default": "", items: [
                          [e.notSet, ""],
                          [e.alignTop, "top"],
                          [e.alignMiddle, "middle"],
                          [e.alignBottom, "bottom"],
                          [c.alignBaseline, "baseline"]
                      ], setup: d(function (a) {
                          var b = a.getAttribute("vAlign"), a = a.getStyle("vertical-align");
                          switch (a) {
                              case "top":
                              case "middle":
                              case "bottom":
                              case "baseline":
                                  break;
                              default:
                                  a = ""
                          }
                          return a || b || ""
                      }), commit: function (a) {
                          var b = this.getValue();
                          b ? a.setStyle("vertical-align", b) : a.removeStyle("vertical-align");
                          a.removeAttribute("vAlign")
                      }}
                  ]},
                  f,
                  {type: "vbox",
                      padding: 0, children: [
                      {type: "select", id: "cellType", label: c.cellType, "default": "td", items: [
                          [c.data, "td"],
                          [c.header, "th"]
                      ], setup: d(function (a) {
                          return a.getName()
                      }), commit: function (a) {
                          a.renameNode(this.getValue())
                      }},
                      f,
                      {type: "text", id: "rowSpan", label: c.rowSpan, "default": "", validate: i.integer(c.invalidRowSpan), setup: d(function (a) {
                          if ((a = parseInt(a.getAttribute("rowSpan"), 10)) && 1 != a)return a
                      }), commit: function (a) {
                          var b = parseInt(this.getValue(), 10);
                          b && 1 != b ? a.setAttribute("rowSpan", this.getValue()) : a.removeAttribute("rowSpan")
                      }},
                      {type: "text", id: "colSpan", label: c.colSpan, "default": "", validate: i.integer(c.invalidColSpan), setup: d(function (a) {
                          if ((a = parseInt(a.getAttribute("colSpan"), 10)) && 1 != a)return a
                      }), commit: function (a) {
                          var b = parseInt(this.getValue(), 10);
                          b && 1 != b ? a.setAttribute("colSpan", this.getValue()) : a.removeAttribute("colSpan")
                      }},
                      f,
                      {type: "hbox", padding: 0, widths: ["60%", "40%"], children: [
                          {type: "text", id: "bgColor", label: c.bgColor, "default": "", setup: d(function (a) {
                              var b = a.getAttribute("bgColor");
                              return a.getStyle("background-color") ||
                                  b
                          }), commit: function (a) {
                              this.getValue() ? a.setStyle("background-color", this.getValue()) : a.removeStyle("background-color");
                              a.removeAttribute("bgColor")
                          }},
                          k ? {type: "button", id: "bgColorChoose", "class": "colorChooser", label: c.chooseColor, onLoad: function () {
                              this.getElement().getParent().setStyle("vertical-align", "bottom")
                          }, onClick: function () {
                              g.getColorFromDialog(function (a) {
                                  a && this.getDialog().getContentElement("info", "bgColor").setValue(a);
                                  this.focus()
                              }, this)
                          }} : f
                      ]},
                      f,
                      {type: "hbox", padding: 0, widths: ["60%", "40%"],
                          children: [
                              {type: "text", id: "borderColor", label: c.borderColor, "default": "", setup: d(function (a) {
                                  var b = a.getAttribute("borderColor");
                                  return a.getStyle("border-color") || b
                              }), commit: function (a) {
                                  this.getValue() ? a.setStyle("border-color", this.getValue()) : a.removeStyle("border-color");
                                  a.removeAttribute("borderColor")
                              }},
                              k ? {type: "button", id: "borderColorChoose", "class": "colorChooser", label: c.chooseColor, style: (m ? "margin-right" : "margin-left") + ": 10px", onLoad: function () {
                                  this.getElement().getParent().setStyle("vertical-align",
                                      "bottom")
                              }, onClick: function () {
                                  g.getColorFromDialog(function (a) {
                                      a && this.getDialog().getContentElement("info", "borderColor").setValue(a);
                                      this.focus()
                                  }, this)
                              }} : f
                          ]}
                  ]}
              ]}
          ]}
      ], onShow: function () {
          this.cells = CKEDITOR.plugins.tabletools.getSelectedCells(this._.editor.getSelection());
          this.setupContent(this.cells)
      }, onOk: function () {
          for (var a = this._.editor.getSelection(), b = a.createBookmarks(), c = this.cells, d = 0; d < c.length; d++)this.commitContent(c[d]);
          this._.editor.forceNextSelectionCheck();
          a.selectBookmarks(b);
          this._.editor.selectionChange()
      },
          onLoad: function () {
              var a = {};
              this.foreach(function (b) {
                  b.setup && b.commit && (b.setup = CKEDITOR.tools.override(b.setup, function (c) {
                      return function () {
                          c.apply(this, arguments);
                          a[b.id] = b.getValue()
                      }
                  }), b.commit = CKEDITOR.tools.override(b.commit, function (c) {
                      return function () {
                          a[b.id] !== b.getValue() && c.apply(this, arguments)
                      }
                  }))
              })
          }}
  });