@syncfusion/ej2-inplace-editor 25.2.3 → 26.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -2
- package/dist/ej2-inplace-editor.umd.min.js +2 -2
- package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
- package/dist/es6/ej2-inplace-editor.es2015.js +22 -43
- package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
- package/dist/es6/ej2-inplace-editor.es5.js +77 -98
- package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
- package/dist/global/ej2-inplace-editor.min.js +2 -2
- package/dist/global/ej2-inplace-editor.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/dist/ts/index.d.ts +4 -0
- package/dist/ts/index.ts +4 -0
- package/dist/ts/inplace-editor/base/classes.d.ts +63 -0
- package/dist/ts/inplace-editor/base/classes.ts +63 -0
- package/dist/ts/inplace-editor/base/events.d.ts +17 -0
- package/dist/ts/inplace-editor/base/events.ts +18 -0
- package/dist/ts/inplace-editor/base/index.d.ts +10 -0
- package/dist/ts/inplace-editor/base/index.ts +10 -0
- package/dist/ts/inplace-editor/base/inplace-editor-model.d.ts +344 -0
- package/dist/ts/inplace-editor/base/inplace-editor.d.ts +623 -0
- package/dist/ts/inplace-editor/base/inplace-editor.ts +1758 -0
- package/dist/ts/inplace-editor/base/interface.d.ts +117 -0
- package/dist/ts/inplace-editor/base/interface.ts +127 -0
- package/dist/ts/inplace-editor/base/models-model.d.ts +22 -0
- package/dist/ts/inplace-editor/base/models.d.ts +31 -0
- package/dist/ts/inplace-editor/base/models.ts +45 -0
- package/dist/ts/inplace-editor/base/util.d.ts +28 -0
- package/dist/ts/inplace-editor/base/util.ts +104 -0
- package/dist/ts/inplace-editor/index.d.ts +5 -0
- package/dist/ts/inplace-editor/index.ts +5 -0
- package/dist/ts/inplace-editor/modules/auto-complete.d.ts +34 -0
- package/dist/ts/inplace-editor/modules/auto-complete.ts +65 -0
- package/dist/ts/inplace-editor/modules/base-module.d.ts +19 -0
- package/dist/ts/inplace-editor/modules/base-module.ts +74 -0
- package/dist/ts/inplace-editor/modules/color-picker.d.ts +29 -0
- package/dist/ts/inplace-editor/modules/color-picker.ts +55 -0
- package/dist/ts/inplace-editor/modules/combo-box.d.ts +34 -0
- package/dist/ts/inplace-editor/modules/combo-box.ts +63 -0
- package/dist/ts/inplace-editor/modules/date-range-picker.d.ts +29 -0
- package/dist/ts/inplace-editor/modules/date-range-picker.ts +55 -0
- package/dist/ts/inplace-editor/modules/index.d.ts +12 -0
- package/dist/ts/inplace-editor/modules/index.ts +12 -0
- package/dist/ts/inplace-editor/modules/multi-select.d.ts +35 -0
- package/dist/ts/inplace-editor/modules/multi-select.ts +88 -0
- package/dist/ts/inplace-editor/modules/rte.d.ts +31 -0
- package/dist/ts/inplace-editor/modules/rte.ts +73 -0
- package/dist/ts/inplace-editor/modules/slider.d.ts +30 -0
- package/dist/ts/inplace-editor/modules/slider.ts +59 -0
- package/dist/ts/inplace-editor/modules/time-picker.d.ts +29 -0
- package/dist/ts/inplace-editor/modules/time-picker.ts +54 -0
- package/package.json +17 -17
- package/src/inplace-editor/base/inplace-editor.d.ts +0 -1
- package/src/inplace-editor/base/interface.js +0 -1
- package/src/inplace-editor/base/models.js +0 -2
- package/styles/bootstrap-dark.css +61 -14
- package/styles/bootstrap-dark.scss +26 -1
- package/styles/bootstrap.css +63 -15
- package/styles/bootstrap.scss +26 -1
- package/styles/bootstrap4.css +71 -19
- package/styles/bootstrap4.scss +26 -1
- package/styles/bootstrap5-dark.css +62 -14
- package/styles/bootstrap5-dark.scss +26 -1
- package/styles/bootstrap5.css +62 -14
- package/styles/bootstrap5.scss +26 -1
- package/styles/fabric-dark.css +59 -13
- package/styles/fabric-dark.scss +26 -1
- package/styles/fabric.css +61 -14
- package/styles/fabric.scss +26 -1
- package/styles/fluent-dark.css +63 -15
- package/styles/fluent-dark.scss +26 -1
- package/styles/fluent.css +63 -15
- package/styles/fluent.scss +26 -1
- package/styles/fluent2.css +1996 -0
- package/styles/fluent2.scss +26 -0
- package/styles/highcontrast-light.css +62 -13
- package/styles/highcontrast-light.scss +26 -1
- package/styles/highcontrast.css +64 -14
- package/styles/highcontrast.scss +26 -1
- package/styles/inplace-editor/_bootstrap5.3-definition.scss +69 -0
- package/styles/inplace-editor/_fluent2-definition.scss +71 -0
- package/styles/inplace-editor/_theme.scss +8 -3
- package/styles/inplace-editor/bootstrap-dark.css +61 -14
- package/styles/inplace-editor/bootstrap.css +63 -15
- package/styles/inplace-editor/bootstrap4.css +71 -19
- package/styles/inplace-editor/bootstrap5-dark.css +62 -14
- package/styles/inplace-editor/bootstrap5.css +62 -14
- package/styles/inplace-editor/fabric-dark.css +59 -13
- package/styles/inplace-editor/fabric.css +61 -14
- package/styles/inplace-editor/fluent-dark.css +63 -15
- package/styles/inplace-editor/fluent.css +63 -15
- package/styles/inplace-editor/fluent2.css +1996 -0
- package/styles/inplace-editor/fluent2.scss +26 -0
- package/styles/inplace-editor/highcontrast-light.css +62 -13
- package/styles/inplace-editor/highcontrast.css +64 -14
- package/styles/inplace-editor/icons/_bootstrap5.3.scss +19 -0
- package/styles/inplace-editor/icons/_fluent2.scss +19 -0
- package/styles/inplace-editor/material-dark.css +79 -17
- package/styles/inplace-editor/material.css +95 -20
- package/styles/inplace-editor/material3-dark.css +101 -21
- package/styles/inplace-editor/material3.css +101 -21
- package/styles/inplace-editor/tailwind-dark.css +72 -17
- package/styles/inplace-editor/tailwind.css +72 -17
- package/styles/material-dark.css +79 -17
- package/styles/material-dark.scss +26 -1
- package/styles/material.css +95 -20
- package/styles/material.scss +26 -1
- package/styles/material3-dark.css +101 -21
- package/styles/material3-dark.scss +26 -1
- package/styles/material3.css +101 -21
- package/styles/material3.scss +26 -1
- package/styles/tailwind-dark.css +72 -17
- package/styles/tailwind-dark.scss +26 -1
- package/styles/tailwind.css +72 -17
- package/styles/tailwind.scss +26 -1
- package/CHANGELOG.md +0 -262
- package/dist/ej2-inplace-editor.min.js +0 -10
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { Internationalization, isNullOrUndefined, isBlazor, Property, ChildProperty, addClass, removeClass, getValue, setStyleAttribute, select, extend, Browser, detach, L10n, resetBlazorTemplate, closest, EventHandler, compile, updateBlazorTemplate, SanitizeHtmlHelper, Touch, Complex, Event, NotifyPropertyChanges, Component } from '@syncfusion/ej2-base';
|
|
2
|
+
import { Query, DataManager, Predicate, ODataV4Adaptor, WebApiAdaptor, UrlAdaptor } from '@syncfusion/ej2-data';
|
|
3
3
|
import { Button } from '@syncfusion/ej2-buttons';
|
|
4
|
-
import { DatePicker, DateRangePicker
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { AutoComplete, ComboBox
|
|
8
|
-
import {
|
|
4
|
+
import { DateTimePicker, DatePicker, DateRangePicker as DateRangePicker$1, TimePicker as TimePicker$1 } from '@syncfusion/ej2-calendars';
|
|
5
|
+
import { createSpinner, showSpinner, hideSpinner, Tooltip } from '@syncfusion/ej2-popups';
|
|
6
|
+
import { TextBox, NumericTextBox, MaskedTextBox, FormValidator, ColorPicker as ColorPicker$1, Slider as Slider$1 } from '@syncfusion/ej2-inputs';
|
|
7
|
+
import { DropDownList, AutoComplete as AutoComplete$1, ComboBox as ComboBox$1, MultiSelect as MultiSelect$1 } from '@syncfusion/ej2-dropdowns';
|
|
8
|
+
import { RichTextEditor, HtmlEditor, MarkdownEditor, Toolbar, Link, Image, QuickToolbar, Table, FileManager, PasteCleanup, EmojiPicker, Audio, Video, FormatPainter, Count } from '@syncfusion/ej2-richtexteditor';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Exports util methods used by In-place editor.
|
|
@@ -173,12 +173,10 @@ var modulesList = {
|
|
|
173
173
|
/**
|
|
174
174
|
* @hidden
|
|
175
175
|
*/
|
|
176
|
-
// eslint-disable-next-line
|
|
177
176
|
var localeConstant = {
|
|
178
177
|
'Click': { 'editAreaClick': 'Click to edit' },
|
|
179
178
|
'DblClick': { 'editAreaDoubleClick': 'Double click to edit' },
|
|
180
179
|
'EditIconClick': { 'editAreaClick': 'Click to edit' }
|
|
181
|
-
/* eslint-enable */
|
|
182
180
|
};
|
|
183
181
|
|
|
184
182
|
/**
|
|
@@ -264,9 +262,6 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
264
262
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
265
263
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
266
264
|
};
|
|
267
|
-
/* Helper modules */
|
|
268
|
-
/* Models */
|
|
269
|
-
/* Interface */
|
|
270
265
|
/**
|
|
271
266
|
* ```html
|
|
272
267
|
* * The In-place editor control is used to edit an element in a place and to update the value in server.
|
|
@@ -1671,10 +1666,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
|
|
|
1671
1666
|
return InPlaceEditor;
|
|
1672
1667
|
}(Component));
|
|
1673
1668
|
|
|
1674
|
-
/**
|
|
1675
|
-
* Base modules
|
|
1676
|
-
*/
|
|
1677
|
-
|
|
1678
1669
|
/**
|
|
1679
1670
|
* The `Base` module.
|
|
1680
1671
|
*/
|
|
@@ -1737,29 +1728,29 @@ var Base = /** @__PURE__ @class */ (function () {
|
|
|
1737
1728
|
/**
|
|
1738
1729
|
* The `AutoComplete` module is used configure the properties of Auto complete type editor.
|
|
1739
1730
|
*/
|
|
1740
|
-
var AutoComplete
|
|
1741
|
-
function AutoComplete
|
|
1731
|
+
var AutoComplete = /** @__PURE__ @class */ (function () {
|
|
1732
|
+
function AutoComplete(parent) {
|
|
1742
1733
|
this.compObj = undefined;
|
|
1743
1734
|
this.parent = parent;
|
|
1744
1735
|
this.parent.atcModule = this;
|
|
1745
1736
|
this.base = new Base(this.parent, this);
|
|
1746
1737
|
}
|
|
1747
|
-
AutoComplete
|
|
1748
|
-
this.compObj = new AutoComplete(this.parent.model);
|
|
1738
|
+
AutoComplete.prototype.render = function (e) {
|
|
1739
|
+
this.compObj = new AutoComplete$1(this.parent.model);
|
|
1749
1740
|
this.compObj.appendTo(e.target);
|
|
1750
1741
|
};
|
|
1751
1742
|
/**
|
|
1752
1743
|
* @hidden
|
|
1753
1744
|
* @returns {void}
|
|
1754
1745
|
*/
|
|
1755
|
-
AutoComplete
|
|
1746
|
+
AutoComplete.prototype.showPopup = function () {
|
|
1756
1747
|
this.compObj.focusIn();
|
|
1757
1748
|
this.compObj.showPopup();
|
|
1758
1749
|
};
|
|
1759
|
-
AutoComplete
|
|
1750
|
+
AutoComplete.prototype.focus = function () {
|
|
1760
1751
|
this.compObj.element.focus();
|
|
1761
1752
|
};
|
|
1762
|
-
AutoComplete
|
|
1753
|
+
AutoComplete.prototype.updateValue = function (e) {
|
|
1763
1754
|
if (this.compObj && e.type === 'AutoComplete') {
|
|
1764
1755
|
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
1765
1756
|
this.parent.extendModelValue(this.compObj.value);
|
|
@@ -1772,7 +1763,7 @@ var AutoComplete$1 = /** @__PURE__ @class */ (function () {
|
|
|
1772
1763
|
* @returns {void}
|
|
1773
1764
|
* @hidden
|
|
1774
1765
|
*/
|
|
1775
|
-
AutoComplete
|
|
1766
|
+
AutoComplete.prototype.destroy = function () {
|
|
1776
1767
|
this.base.destroy();
|
|
1777
1768
|
};
|
|
1778
1769
|
/**
|
|
@@ -1780,30 +1771,30 @@ var AutoComplete$1 = /** @__PURE__ @class */ (function () {
|
|
|
1780
1771
|
*
|
|
1781
1772
|
* @returns {string} - returns the string
|
|
1782
1773
|
*/
|
|
1783
|
-
AutoComplete
|
|
1774
|
+
AutoComplete.prototype.getModuleName = function () {
|
|
1784
1775
|
return 'auto-complete';
|
|
1785
1776
|
};
|
|
1786
|
-
return AutoComplete
|
|
1777
|
+
return AutoComplete;
|
|
1787
1778
|
}());
|
|
1788
1779
|
|
|
1789
1780
|
/**
|
|
1790
1781
|
* The `ColorPicker` module is used configure the properties of Color picker type editor.
|
|
1791
1782
|
*/
|
|
1792
|
-
var ColorPicker
|
|
1793
|
-
function ColorPicker
|
|
1783
|
+
var ColorPicker = /** @__PURE__ @class */ (function () {
|
|
1784
|
+
function ColorPicker(parent) {
|
|
1794
1785
|
this.compObj = undefined;
|
|
1795
1786
|
this.parent = parent;
|
|
1796
1787
|
this.parent.colorModule = this;
|
|
1797
1788
|
this.base = new Base(this.parent, this);
|
|
1798
1789
|
}
|
|
1799
|
-
ColorPicker
|
|
1800
|
-
this.compObj = new ColorPicker(this.parent.model);
|
|
1790
|
+
ColorPicker.prototype.render = function (e) {
|
|
1791
|
+
this.compObj = new ColorPicker$1(this.parent.model);
|
|
1801
1792
|
this.compObj.appendTo(e.target);
|
|
1802
1793
|
};
|
|
1803
|
-
ColorPicker
|
|
1794
|
+
ColorPicker.prototype.focus = function () {
|
|
1804
1795
|
this.compObj.element.focus();
|
|
1805
1796
|
};
|
|
1806
|
-
ColorPicker
|
|
1797
|
+
ColorPicker.prototype.updateValue = function (e) {
|
|
1807
1798
|
if (this.compObj && e.type === 'Color') {
|
|
1808
1799
|
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
1809
1800
|
this.parent.extendModelValue(this.compObj.value);
|
|
@@ -1816,7 +1807,7 @@ var ColorPicker$1 = /** @__PURE__ @class */ (function () {
|
|
|
1816
1807
|
* @returns {void}
|
|
1817
1808
|
* @hidden
|
|
1818
1809
|
*/
|
|
1819
|
-
ColorPicker
|
|
1810
|
+
ColorPicker.prototype.destroy = function () {
|
|
1820
1811
|
this.base.destroy();
|
|
1821
1812
|
};
|
|
1822
1813
|
/**
|
|
@@ -1824,34 +1815,34 @@ var ColorPicker$1 = /** @__PURE__ @class */ (function () {
|
|
|
1824
1815
|
*
|
|
1825
1816
|
* @returns {string} - retunrs the string
|
|
1826
1817
|
*/
|
|
1827
|
-
ColorPicker
|
|
1818
|
+
ColorPicker.prototype.getModuleName = function () {
|
|
1828
1819
|
return 'color-picker';
|
|
1829
1820
|
};
|
|
1830
|
-
return ColorPicker
|
|
1821
|
+
return ColorPicker;
|
|
1831
1822
|
}());
|
|
1832
1823
|
|
|
1833
1824
|
/**
|
|
1834
1825
|
* The `ComboBox` module is used configure the properties of Combo box type editor.
|
|
1835
1826
|
*/
|
|
1836
|
-
var ComboBox
|
|
1837
|
-
function ComboBox
|
|
1827
|
+
var ComboBox = /** @__PURE__ @class */ (function () {
|
|
1828
|
+
function ComboBox(parent) {
|
|
1838
1829
|
this.compObj = undefined;
|
|
1839
1830
|
this.parent = parent;
|
|
1840
1831
|
this.parent.comboBoxModule = this;
|
|
1841
1832
|
this.base = new Base(this.parent, this);
|
|
1842
1833
|
}
|
|
1843
|
-
ComboBox
|
|
1844
|
-
this.compObj = new ComboBox(this.parent.model);
|
|
1834
|
+
ComboBox.prototype.render = function (e) {
|
|
1835
|
+
this.compObj = new ComboBox$1(this.parent.model);
|
|
1845
1836
|
this.compObj.appendTo(e.target);
|
|
1846
1837
|
};
|
|
1847
|
-
ComboBox
|
|
1838
|
+
ComboBox.prototype.focus = function () {
|
|
1848
1839
|
this.compObj.element.focus();
|
|
1849
1840
|
};
|
|
1850
1841
|
/**
|
|
1851
1842
|
* @hidden
|
|
1852
1843
|
* @returns {void}
|
|
1853
1844
|
*/
|
|
1854
|
-
ComboBox
|
|
1845
|
+
ComboBox.prototype.showPopup = function () {
|
|
1855
1846
|
this.compObj.focusIn();
|
|
1856
1847
|
this.compObj.showPopup();
|
|
1857
1848
|
};
|
|
@@ -1862,10 +1853,10 @@ var ComboBox$1 = /** @__PURE__ @class */ (function () {
|
|
|
1862
1853
|
* @returns {void}
|
|
1863
1854
|
* @hidden
|
|
1864
1855
|
*/
|
|
1865
|
-
ComboBox
|
|
1856
|
+
ComboBox.prototype.destroy = function () {
|
|
1866
1857
|
this.base.destroy();
|
|
1867
1858
|
};
|
|
1868
|
-
ComboBox
|
|
1859
|
+
ComboBox.prototype.updateValue = function (e) {
|
|
1869
1860
|
if (this.compObj && e.type === 'ComboBox') {
|
|
1870
1861
|
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
1871
1862
|
this.parent.extendModelValue(this.compObj.value);
|
|
@@ -1876,27 +1867,27 @@ var ComboBox$1 = /** @__PURE__ @class */ (function () {
|
|
|
1876
1867
|
*
|
|
1877
1868
|
* @returns {string} - returns the string
|
|
1878
1869
|
*/
|
|
1879
|
-
ComboBox
|
|
1870
|
+
ComboBox.prototype.getModuleName = function () {
|
|
1880
1871
|
return 'combo-box';
|
|
1881
1872
|
};
|
|
1882
|
-
return ComboBox
|
|
1873
|
+
return ComboBox;
|
|
1883
1874
|
}());
|
|
1884
1875
|
|
|
1885
1876
|
/**
|
|
1886
1877
|
* The `DateRangePicker` module is used configure the properties of Date range picker type editor.
|
|
1887
1878
|
*/
|
|
1888
|
-
var DateRangePicker
|
|
1889
|
-
function DateRangePicker
|
|
1879
|
+
var DateRangePicker = /** @__PURE__ @class */ (function () {
|
|
1880
|
+
function DateRangePicker(parent) {
|
|
1890
1881
|
this.compObj = undefined;
|
|
1891
1882
|
this.parent = parent;
|
|
1892
1883
|
this.parent.dateRangeModule = this;
|
|
1893
1884
|
this.base = new Base(this.parent, this);
|
|
1894
1885
|
}
|
|
1895
|
-
DateRangePicker
|
|
1896
|
-
this.compObj = new DateRangePicker(this.parent.model);
|
|
1886
|
+
DateRangePicker.prototype.render = function (e) {
|
|
1887
|
+
this.compObj = new DateRangePicker$1(this.parent.model);
|
|
1897
1888
|
this.compObj.appendTo(e.target);
|
|
1898
1889
|
};
|
|
1899
|
-
DateRangePicker
|
|
1890
|
+
DateRangePicker.prototype.focus = function () {
|
|
1900
1891
|
this.compObj.element.focus();
|
|
1901
1892
|
};
|
|
1902
1893
|
/**
|
|
@@ -1904,10 +1895,10 @@ var DateRangePicker$1 = /** @__PURE__ @class */ (function () {
|
|
|
1904
1895
|
*
|
|
1905
1896
|
* @returns {string} - returns the string
|
|
1906
1897
|
*/
|
|
1907
|
-
DateRangePicker
|
|
1898
|
+
DateRangePicker.prototype.getModuleName = function () {
|
|
1908
1899
|
return 'date-range-picker';
|
|
1909
1900
|
};
|
|
1910
|
-
DateRangePicker
|
|
1901
|
+
DateRangePicker.prototype.updateValue = function (e) {
|
|
1911
1902
|
if (this.compObj && e.type === 'DateRange') {
|
|
1912
1903
|
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
1913
1904
|
this.parent.extendModelValue(this.compObj.value);
|
|
@@ -1920,10 +1911,10 @@ var DateRangePicker$1 = /** @__PURE__ @class */ (function () {
|
|
|
1920
1911
|
* @returns {void}
|
|
1921
1912
|
* @hidden
|
|
1922
1913
|
*/
|
|
1923
|
-
DateRangePicker
|
|
1914
|
+
DateRangePicker.prototype.destroy = function () {
|
|
1924
1915
|
this.base.destroy();
|
|
1925
1916
|
};
|
|
1926
|
-
return DateRangePicker
|
|
1917
|
+
return DateRangePicker;
|
|
1927
1918
|
}());
|
|
1928
1919
|
|
|
1929
1920
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
@@ -1940,51 +1931,51 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
1940
1931
|
/**
|
|
1941
1932
|
* The `MultiSelect` module is used configure the properties of Multi select type editor.
|
|
1942
1933
|
*/
|
|
1943
|
-
var MultiSelect
|
|
1944
|
-
function MultiSelect
|
|
1934
|
+
var MultiSelect = /** @__PURE__ @class */ (function () {
|
|
1935
|
+
function MultiSelect(parent) {
|
|
1945
1936
|
this.isPopOpen = false;
|
|
1946
1937
|
this.compObj = undefined;
|
|
1947
1938
|
this.parent = parent;
|
|
1948
1939
|
this.parent.multiSelectModule = this;
|
|
1949
1940
|
this.base = new Base(this.parent, this);
|
|
1950
1941
|
}
|
|
1951
|
-
MultiSelect
|
|
1942
|
+
MultiSelect.prototype.render = function (e) {
|
|
1952
1943
|
var compModel = __assign({}, this.parent.model);
|
|
1953
1944
|
this.openEvent = compModel.open;
|
|
1954
1945
|
this.closeEvent = compModel.close;
|
|
1955
1946
|
compModel.open = this.openHandler.bind(this);
|
|
1956
1947
|
compModel.close = this.closeHandler.bind(this);
|
|
1957
|
-
this.compObj = new MultiSelect(compModel);
|
|
1948
|
+
this.compObj = new MultiSelect$1(compModel);
|
|
1958
1949
|
this.compObj.appendTo(e.target);
|
|
1959
1950
|
};
|
|
1960
|
-
MultiSelect
|
|
1951
|
+
MultiSelect.prototype.openHandler = function (e) {
|
|
1961
1952
|
this.isPopOpen = true;
|
|
1962
1953
|
if (this.openEvent) {
|
|
1963
1954
|
this.compObj.setProperties({ open: this.openEvent }, true);
|
|
1964
1955
|
this.compObj.trigger('open', e);
|
|
1965
1956
|
}
|
|
1966
1957
|
};
|
|
1967
|
-
MultiSelect
|
|
1958
|
+
MultiSelect.prototype.closeHandler = function (e) {
|
|
1968
1959
|
this.isPopOpen = false;
|
|
1969
1960
|
if (this.closeEvent) {
|
|
1970
1961
|
this.compObj.setProperties({ close: this.closeEvent }, true);
|
|
1971
1962
|
this.compObj.trigger('close', e);
|
|
1972
1963
|
}
|
|
1973
1964
|
};
|
|
1974
|
-
MultiSelect
|
|
1965
|
+
MultiSelect.prototype.focus = function () {
|
|
1975
1966
|
if (!this.isPopOpen) {
|
|
1976
1967
|
var evt = document.createEvent('MouseEvent');
|
|
1977
1968
|
evt.initEvent('mousedown', true, true);
|
|
1978
1969
|
closest(this.compObj.element, '.e-multi-select-wrapper').dispatchEvent(evt);
|
|
1979
1970
|
}
|
|
1980
1971
|
};
|
|
1981
|
-
MultiSelect
|
|
1972
|
+
MultiSelect.prototype.updateValue = function (e) {
|
|
1982
1973
|
if (this.compObj && e.type === 'MultiSelect') {
|
|
1983
1974
|
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
1984
1975
|
this.parent.extendModelValue(this.compObj.value);
|
|
1985
1976
|
}
|
|
1986
1977
|
};
|
|
1987
|
-
MultiSelect
|
|
1978
|
+
MultiSelect.prototype.getRenderValue = function () {
|
|
1988
1979
|
this.parent.printValue = this.compObj.text;
|
|
1989
1980
|
};
|
|
1990
1981
|
/**
|
|
@@ -1994,7 +1985,7 @@ var MultiSelect$1 = /** @__PURE__ @class */ (function () {
|
|
|
1994
1985
|
* @returns {void}
|
|
1995
1986
|
* @hidden
|
|
1996
1987
|
*/
|
|
1997
|
-
MultiSelect
|
|
1988
|
+
MultiSelect.prototype.destroy = function () {
|
|
1998
1989
|
this.base.destroy();
|
|
1999
1990
|
};
|
|
2000
1991
|
/**
|
|
@@ -2002,10 +1993,10 @@ var MultiSelect$1 = /** @__PURE__ @class */ (function () {
|
|
|
2002
1993
|
*
|
|
2003
1994
|
* @returns {string} - returns the string
|
|
2004
1995
|
*/
|
|
2005
|
-
MultiSelect
|
|
1996
|
+
MultiSelect.prototype.getModuleName = function () {
|
|
2006
1997
|
return 'multi-select';
|
|
2007
1998
|
};
|
|
2008
|
-
return MultiSelect
|
|
1999
|
+
return MultiSelect;
|
|
2009
2000
|
}());
|
|
2010
2001
|
|
|
2011
2002
|
/**
|
|
@@ -2070,27 +2061,27 @@ var Rte = /** @__PURE__ @class */ (function () {
|
|
|
2070
2061
|
/**
|
|
2071
2062
|
* The `Slider` module is used configure the properties of Slider type editor.
|
|
2072
2063
|
*/
|
|
2073
|
-
var Slider
|
|
2074
|
-
function Slider
|
|
2064
|
+
var Slider = /** @__PURE__ @class */ (function () {
|
|
2065
|
+
function Slider(parent) {
|
|
2075
2066
|
this.compObj = undefined;
|
|
2076
2067
|
this.parent = parent;
|
|
2077
2068
|
this.parent.sliderModule = this;
|
|
2078
2069
|
this.base = new Base(this.parent, this);
|
|
2079
2070
|
}
|
|
2080
|
-
Slider
|
|
2081
|
-
this.compObj = new Slider(this.parent.model);
|
|
2071
|
+
Slider.prototype.render = function (e) {
|
|
2072
|
+
this.compObj = new Slider$1(this.parent.model);
|
|
2082
2073
|
this.compObj.appendTo(e.target);
|
|
2083
2074
|
};
|
|
2084
|
-
Slider
|
|
2075
|
+
Slider.prototype.focus = function () {
|
|
2085
2076
|
this.compObj.element.focus();
|
|
2086
2077
|
};
|
|
2087
|
-
Slider
|
|
2078
|
+
Slider.prototype.updateValue = function (e) {
|
|
2088
2079
|
if (this.compObj && e.type === 'Slider') {
|
|
2089
2080
|
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
2090
2081
|
this.parent.extendModelValue(this.compObj.value);
|
|
2091
2082
|
}
|
|
2092
2083
|
};
|
|
2093
|
-
Slider
|
|
2084
|
+
Slider.prototype.refresh = function () {
|
|
2094
2085
|
this.compObj.refresh();
|
|
2095
2086
|
};
|
|
2096
2087
|
/**
|
|
@@ -2100,7 +2091,7 @@ var Slider$1 = /** @__PURE__ @class */ (function () {
|
|
|
2100
2091
|
* @returns {void}
|
|
2101
2092
|
* @hidden
|
|
2102
2093
|
*/
|
|
2103
|
-
Slider
|
|
2094
|
+
Slider.prototype.destroy = function () {
|
|
2104
2095
|
this.base.destroy();
|
|
2105
2096
|
};
|
|
2106
2097
|
/**
|
|
@@ -2108,30 +2099,30 @@ var Slider$1 = /** @__PURE__ @class */ (function () {
|
|
|
2108
2099
|
*
|
|
2109
2100
|
* @returns {string} - returns the string
|
|
2110
2101
|
*/
|
|
2111
|
-
Slider
|
|
2102
|
+
Slider.prototype.getModuleName = function () {
|
|
2112
2103
|
return 'slider';
|
|
2113
2104
|
};
|
|
2114
|
-
return Slider
|
|
2105
|
+
return Slider;
|
|
2115
2106
|
}());
|
|
2116
2107
|
|
|
2117
2108
|
/**
|
|
2118
2109
|
* The `TimePicker` module is used configure the properties of Time picker type editor.
|
|
2119
2110
|
*/
|
|
2120
|
-
var TimePicker
|
|
2121
|
-
function TimePicker
|
|
2111
|
+
var TimePicker = /** @__PURE__ @class */ (function () {
|
|
2112
|
+
function TimePicker(parent) {
|
|
2122
2113
|
this.compObj = undefined;
|
|
2123
2114
|
this.parent = parent;
|
|
2124
2115
|
this.parent.timeModule = this;
|
|
2125
2116
|
this.base = new Base(this.parent, this);
|
|
2126
2117
|
}
|
|
2127
|
-
TimePicker
|
|
2128
|
-
this.compObj = new TimePicker(this.parent.model);
|
|
2118
|
+
TimePicker.prototype.render = function (e) {
|
|
2119
|
+
this.compObj = new TimePicker$1(this.parent.model);
|
|
2129
2120
|
this.compObj.appendTo(e.target);
|
|
2130
2121
|
};
|
|
2131
|
-
TimePicker
|
|
2122
|
+
TimePicker.prototype.focus = function () {
|
|
2132
2123
|
this.compObj.focusIn();
|
|
2133
2124
|
};
|
|
2134
|
-
TimePicker
|
|
2125
|
+
TimePicker.prototype.updateValue = function (e) {
|
|
2135
2126
|
if (this.compObj && e.type === 'Time') {
|
|
2136
2127
|
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
2137
2128
|
this.parent.extendModelValue(this.compObj.value);
|
|
@@ -2142,7 +2133,7 @@ var TimePicker$1 = /** @__PURE__ @class */ (function () {
|
|
|
2142
2133
|
*
|
|
2143
2134
|
* @returns {string} - returns the string
|
|
2144
2135
|
*/
|
|
2145
|
-
TimePicker
|
|
2136
|
+
TimePicker.prototype.getModuleName = function () {
|
|
2146
2137
|
return 'time-picker';
|
|
2147
2138
|
};
|
|
2148
2139
|
/**
|
|
@@ -2152,23 +2143,11 @@ var TimePicker$1 = /** @__PURE__ @class */ (function () {
|
|
|
2152
2143
|
* @returns {void}
|
|
2153
2144
|
* @hidden
|
|
2154
2145
|
*/
|
|
2155
|
-
TimePicker
|
|
2146
|
+
TimePicker.prototype.destroy = function () {
|
|
2156
2147
|
this.base.destroy();
|
|
2157
2148
|
};
|
|
2158
|
-
return TimePicker
|
|
2149
|
+
return TimePicker;
|
|
2159
2150
|
}());
|
|
2160
2151
|
|
|
2161
|
-
|
|
2162
|
-
*
|
|
2163
|
-
*/
|
|
2164
|
-
|
|
2165
|
-
/**
|
|
2166
|
-
*
|
|
2167
|
-
*/
|
|
2168
|
-
|
|
2169
|
-
/**
|
|
2170
|
-
*
|
|
2171
|
-
*/
|
|
2172
|
-
|
|
2173
|
-
export { parseValue, getCompValue, encode, render, update, destroy, setFocus, accessValue, destroyModules, showPopup, PopupSettings, modulesList, localeConstant, ROOT, ROOT_TIP, VALUE_WRAPPER, VALUE, OVERLAY_ICON, TIP_TITLE, TITLE, INLINE, POPUP, WRAPPER, LOADING, FORM, CTRL_GROUP, INPUT, BUTTONS, EDITABLE_ERROR, ELEMENTS, OPEN, BTN_SAVE, BTN_CANCEL, RTE_SPIN_WRAP, CTRL_OVERLAY, DISABLE, ICONS, PRIMARY, SHOW, HIDE, RTL, ERROR, LOAD, InPlaceEditor, Base, AutoComplete$1 as AutoComplete, ColorPicker$1 as ColorPicker, ComboBox$1 as ComboBox, DateRangePicker$1 as DateRangePicker, MultiSelect$1 as MultiSelect, Rte, Slider$1 as Slider, TimePicker$1 as TimePicker };
|
|
2152
|
+
export { AutoComplete, BTN_CANCEL, BTN_SAVE, BUTTONS, Base, CTRL_GROUP, CTRL_OVERLAY, ColorPicker, ComboBox, DISABLE, DateRangePicker, EDITABLE_ERROR, ELEMENTS, ERROR, FORM, HIDE, ICONS, INLINE, INPUT, InPlaceEditor, LOAD, LOADING, MultiSelect, OPEN, OVERLAY_ICON, POPUP, PRIMARY, PopupSettings, ROOT, ROOT_TIP, RTE_SPIN_WRAP, RTL, Rte, SHOW, Slider, TIP_TITLE, TITLE, TimePicker, VALUE, VALUE_WRAPPER, WRAPPER, accessValue, destroy, destroyModules, encode, getCompValue, localeConstant, modulesList, parseValue, render, setFocus, showPopup, update };
|
|
2174
2153
|
//# sourceMappingURL=ej2-inplace-editor.es5.js.map
|