+// ----- labeled element ------\r
+\r
+/**\r
+ * The definition of labeled user interface element (textarea, textInput etc).\r
+ * <div class="notapi">This class is not really part of the API. It just illustrates the properties\r
+ * that developers can use to define and create dialog UI elements.</div>\r
+ * @name CKEDITOR.dialog.definition.labeledElement\r
+ * @extends CKEDITOR.dialog.definition.uiElement\r
+ * @constructor\r
+ * @see CKEDITOR.ui.dialog.labeledElement\r
+ * @example\r
+ * // There is no constructor for this class, the user just has to define an\r
+ * // object with the appropriate properties.\r
+ */\r
+\r
+/**\r
+ * The label of the UI element.\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.label\r
+ * @type String\r
+ * @field\r
+ * @example\r
+ * {\r
+ * type : 'text',\r
+ * label : 'My Label '\r
+ * }\r
+ */\r
+\r
+/**\r
+ * (Optional) Specify the layout of the label. Set to 'horizontal' for horizontal layout.\r
+ * The default layout is vertical.\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.labelLayout\r
+ * @type String\r
+ * @field\r
+ * @example\r
+ * {\r
+ * type : 'text',\r
+ * label : 'My Label ',\r
+ * <strong> labelLayout : 'horizontal',</strong>\r
+ * }\r
+ */\r
+\r
+/**\r
+ * (Optional) Applies only to horizontal layouts: a two elements array of lengths to specify the widths of the\r
+* label and the content element. See also {@link CKEDITOR.dialog.definition.labeledElement#labelLayout}.\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.widths\r
+ * @type Array\r
+ * @field\r
+ * @example\r
+ * {\r
+ * type : 'text',\r
+ * label : 'My Label ',\r
+ * labelLayout : 'horizontal',\r
+ * <strong> widths : [100, 200],</strong>\r
+ * }\r
+ */\r
+\r
+/**\r
+ * Specify the inline style of the uiElement label.\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.labelStyle\r
+ * @type String\r
+ * @field\r
+ * @example\r
+ * {\r
+ * type : 'text',\r
+ * label : 'My Label ',\r
+ * <strong> labelStyle : 'color: red',</strong>\r
+ * }\r
+ */\r
+\r
+\r
+/**\r
+ * Specify the inline style of the input element.\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.inputStyle\r
+ * @type String\r
+ * @since 3.6.1\r
+ * @field\r
+ * @example\r
+ * {\r
+ * type : 'text',\r
+ * label : 'My Label ',\r
+ * <strong> inputStyle : 'text-align:center',</strong>\r
+ * }\r
+ */\r
+\r
+/**\r
+ * Specify the inline style of the input element container .\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.controlStyle\r
+ * @type String\r
+ * @since 3.6.1\r
+ * @field\r
+ * @example\r
+ * {\r
+ * type : 'text',\r
+ * label : 'My Label ',\r
+ * <strong> controlStyle : 'width:3em',</strong>\r
+ * }\r
+ */\r
+\r
+\r