devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
651 lines (627 loc) • 29.3 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/platform-browser'), require('@angular/core'), require('devextreme/ui/resizable'), require('devextreme-angular/core')) :
typeof define === 'function' && define.amd ? define('devextreme-angular/ui/resizable', ['exports', '@angular/platform-browser', '@angular/core', 'devextreme/ui/resizable', 'devextreme-angular/core'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["devextreme-angular"] = global["devextreme-angular"] || {}, global["devextreme-angular"].ui = global["devextreme-angular"].ui || {}, global["devextreme-angular"].ui.resizable = {}), global.ng.platformBrowser, global.ng.core, global.DxResizable, global["devextreme-angular"].core));
})(this, (function (exports, i2, i0, DxResizable, i1) { 'use strict';
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n["default"] = e;
return Object.freeze(n);
}
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
var DxResizable__default = /*#__PURE__*/_interopDefaultLegacy(DxResizable);
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b)
if (b.hasOwnProperty(p))
d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = function () {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
function __decorate(decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
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;
return c > 3 && r && Object.defineProperty(target, key, r), r;
}
function __param(paramIndex, decorator) {
return function (target, key) { decorator(target, key, paramIndex); };
}
function __metadata(metadataKey, metadataValue) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(metadataKey, metadataValue);
}
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try {
step(generator.next(value));
}
catch (e) {
reject(e);
} }
function rejected(value) { try {
step(generator["throw"](value));
}
catch (e) {
reject(e);
} }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = { label: 0, sent: function () { if (t[0] & 1)
throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f)
throw new TypeError("Generator is already executing.");
while (_)
try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
return t;
if (y = 0, t)
op = [op[0] & 2, t.value];
switch (op[0]) {
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return { value: op[1], done: false };
case 5:
_.label++;
y = op[1];
op = [0];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2])
_.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
}
catch (e) {
op = [6, e];
y = 0;
}
finally {
f = t = 0;
}
if (op[0] & 5)
throw op[1];
return { value: op[0] ? op[1] : void 0, done: true };
}
}
function __createBinding(o, m, k, k2) {
if (k2 === undefined)
k2 = k;
o[k2] = m[k];
}
function __exportStar(m, exports) {
for (var p in m)
if (p !== "default" && !exports.hasOwnProperty(p))
exports[p] = m[p];
}
function __values(o) {
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
if (m)
return m.call(o);
if (o && typeof o.length === "number")
return {
next: function () {
if (o && i >= o.length)
o = void 0;
return { value: o && o[i++], done: !o };
}
};
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
}
function __read(o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m)
return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
ar.push(r.value);
}
catch (error) {
e = { error: error };
}
finally {
try {
if (r && !r.done && (m = i["return"]))
m.call(i);
}
finally {
if (e)
throw e.error;
}
}
return ar;
}
function __spread() {
for (var ar = [], i = 0; i < arguments.length; i++)
ar = ar.concat(__read(arguments[i]));
return ar;
}
function __spreadArrays() {
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
}
;
function __await(v) {
return this instanceof __await ? (this.v = v, this) : new __await(v);
}
function __asyncGenerator(thisArg, _arguments, generator) {
if (!Symbol.asyncIterator)
throw new TypeError("Symbol.asyncIterator is not defined.");
var g = generator.apply(thisArg, _arguments || []), i, q = [];
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
function verb(n) { if (g[n])
i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
function resume(n, v) { try {
step(g[n](v));
}
catch (e) {
settle(q[0][3], e);
} }
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
function fulfill(value) { resume("next", value); }
function reject(value) { resume("throw", value); }
function settle(f, v) { if (f(v), q.shift(), q.length)
resume(q[0][0], q[0][1]); }
}
function __asyncDelegator(o) {
var i, p;
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
}
function __asyncValues(o) {
if (!Symbol.asyncIterator)
throw new TypeError("Symbol.asyncIterator is not defined.");
var m = o[Symbol.asyncIterator], i;
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) {
Object.defineProperty(cooked, "raw", { value: raw });
}
else {
cooked.raw = raw;
}
return cooked;
}
;
function __importStar(mod) {
if (mod && mod.__esModule)
return mod;
var result = {};
if (mod != null)
for (var k in mod)
if (Object.hasOwnProperty.call(mod, k))
result[k] = mod[k];
result.default = mod;
return result;
}
function __importDefault(mod) {
return (mod && mod.__esModule) ? mod : { default: mod };
}
function __classPrivateFieldGet(receiver, privateMap) {
if (!privateMap.has(receiver)) {
throw new TypeError("attempted to get private field on non-instance");
}
return privateMap.get(receiver);
}
function __classPrivateFieldSet(receiver, privateMap, value) {
if (!privateMap.has(receiver)) {
throw new TypeError("attempted to set private field on non-instance");
}
privateMap.set(receiver, value);
return value;
}
var _c0 = ["*"];
/**
* The Resizable UI component enables its content to be resizable in the UI.
*/
var DxResizableComponent = /** @class */ (function (_super) {
__extends(DxResizableComponent, _super);
function DxResizableComponent(elementRef, ngZone, templateHost, _watcherHelper, optionHost, transferState, platformId) {
var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId) || this;
_this._createEventEmitters([
{ subscribe: 'disposing', emit: 'onDisposing' },
{ subscribe: 'initialized', emit: 'onInitialized' },
{ subscribe: 'optionChanged', emit: 'onOptionChanged' },
{ subscribe: 'resize', emit: 'onResize' },
{ subscribe: 'resizeEnd', emit: 'onResizeEnd' },
{ subscribe: 'resizeStart', emit: 'onResizeStart' },
{ emit: 'areaChange' },
{ emit: 'elementAttrChange' },
{ emit: 'handlesChange' },
{ emit: 'heightChange' },
{ emit: 'keepAspectRatioChange' },
{ emit: 'maxHeightChange' },
{ emit: 'maxWidthChange' },
{ emit: 'minHeightChange' },
{ emit: 'minWidthChange' },
{ emit: 'rtlEnabledChange' },
{ emit: 'widthChange' }
]);
optionHost.setHost(_this);
return _this;
}
Object.defineProperty(DxResizableComponent.prototype, "area", {
/**
* Specifies the area within which users can resize the UI component.
*/
get: function () {
return this._getOption('area');
},
set: function (value) {
this._setOption('area', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "elementAttr", {
/**
* Specifies the global attributes to be attached to the UI component's container element.
*/
get: function () {
return this._getOption('elementAttr');
},
set: function (value) {
this._setOption('elementAttr', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "handles", {
/**
* Specifies which borders of the UI component element are used as a handle.
*/
get: function () {
return this._getOption('handles');
},
set: function (value) {
this._setOption('handles', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "height", {
/**
* Specifies the UI component's height.
*/
get: function () {
return this._getOption('height');
},
set: function (value) {
this._setOption('height', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "keepAspectRatio", {
/**
* Specifies whether to resize the UI component's content proportionally when you use corner handles.
*/
get: function () {
return this._getOption('keepAspectRatio');
},
set: function (value) {
this._setOption('keepAspectRatio', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "maxHeight", {
/**
* Specifies the upper height boundary for resizing.
*/
get: function () {
return this._getOption('maxHeight');
},
set: function (value) {
this._setOption('maxHeight', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "maxWidth", {
/**
* Specifies the upper width boundary for resizing.
*/
get: function () {
return this._getOption('maxWidth');
},
set: function (value) {
this._setOption('maxWidth', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "minHeight", {
/**
* Specifies the lower height boundary for resizing.
*/
get: function () {
return this._getOption('minHeight');
},
set: function (value) {
this._setOption('minHeight', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "minWidth", {
/**
* Specifies the lower width boundary for resizing.
*/
get: function () {
return this._getOption('minWidth');
},
set: function (value) {
this._setOption('minWidth', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "rtlEnabled", {
/**
* Switches the UI component to a right-to-left representation.
*/
get: function () {
return this._getOption('rtlEnabled');
},
set: function (value) {
this._setOption('rtlEnabled', value);
},
enumerable: false,
configurable: true
});
Object.defineProperty(DxResizableComponent.prototype, "width", {
/**
* Specifies the UI component's width.
*/
get: function () {
return this._getOption('width');
},
set: function (value) {
this._setOption('width', value);
},
enumerable: false,
configurable: true
});
DxResizableComponent.prototype._createInstance = function (element, options) {
return new DxResizable__default["default"](element, options);
};
DxResizableComponent.prototype.ngOnDestroy = function () {
this._destroyWidget();
};
return DxResizableComponent;
}(i1.DxComponent));
/** @nocollapse */ DxResizableComponent.ɵfac = function DxResizableComponent_Factory(t) { return new (t || DxResizableComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1__namespace.DxTemplateHost), i0__namespace.ɵɵdirectiveInject(i1__namespace.WatcherHelper), i0__namespace.ɵɵdirectiveInject(i1__namespace.NestedOptionHost), i0__namespace.ɵɵdirectiveInject(i2__namespace.TransferState), i0__namespace.ɵɵdirectiveInject(i0.PLATFORM_ID)); };
/** @nocollapse */ DxResizableComponent.ɵcmp = /** @pureOrBreakMyCode */ i0__namespace.ɵɵdefineComponent({ type: DxResizableComponent, selectors: [["dx-resizable"]], inputs: { area: "area", elementAttr: "elementAttr", handles: "handles", height: "height", keepAspectRatio: "keepAspectRatio", maxHeight: "maxHeight", maxWidth: "maxWidth", minHeight: "minHeight", minWidth: "minWidth", rtlEnabled: "rtlEnabled", width: "width" }, outputs: { onDisposing: "onDisposing", onInitialized: "onInitialized", onOptionChanged: "onOptionChanged", onResize: "onResize", onResizeEnd: "onResizeEnd", onResizeStart: "onResizeStart", areaChange: "areaChange", elementAttrChange: "elementAttrChange", handlesChange: "handlesChange", heightChange: "heightChange", keepAspectRatioChange: "keepAspectRatioChange", maxHeightChange: "maxHeightChange", maxWidthChange: "maxWidthChange", minHeightChange: "minHeightChange", minWidthChange: "minWidthChange", rtlEnabledChange: "rtlEnabledChange", widthChange: "widthChange" }, features: [i0__namespace.ɵɵProvidersFeature([
i1.DxTemplateHost,
i1.WatcherHelper,
i1.NestedOptionHost
]), i0__namespace.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function DxResizableComponent_Template(rf, ctx) {
if (rf & 1) {
i0__namespace.ɵɵprojectionDef();
i0__namespace.ɵɵprojection(0);
}
}, encapsulation: 2 });
(function () {
(typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DxResizableComponent, [{
type: i0.Component,
args: [{
selector: 'dx-resizable',
template: '<ng-content></ng-content>',
providers: [
i1.DxTemplateHost,
i1.WatcherHelper,
i1.NestedOptionHost
]
}]
}], function () {
return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.NgZone }, { type: i1__namespace.DxTemplateHost }, { type: i1__namespace.WatcherHelper }, { type: i1__namespace.NestedOptionHost }, { type: i2__namespace.TransferState }, { type: undefined, decorators: [{
type: i0.Inject,
args: [i0.PLATFORM_ID]
}] }];
}, { area: [{
type: i0.Input
}], elementAttr: [{
type: i0.Input
}], handles: [{
type: i0.Input
}], height: [{
type: i0.Input
}], keepAspectRatio: [{
type: i0.Input
}], maxHeight: [{
type: i0.Input
}], maxWidth: [{
type: i0.Input
}], minHeight: [{
type: i0.Input
}], minWidth: [{
type: i0.Input
}], rtlEnabled: [{
type: i0.Input
}], width: [{
type: i0.Input
}], onDisposing: [{
type: i0.Output
}], onInitialized: [{
type: i0.Output
}], onOptionChanged: [{
type: i0.Output
}], onResize: [{
type: i0.Output
}], onResizeEnd: [{
type: i0.Output
}], onResizeStart: [{
type: i0.Output
}], areaChange: [{
type: i0.Output
}], elementAttrChange: [{
type: i0.Output
}], handlesChange: [{
type: i0.Output
}], heightChange: [{
type: i0.Output
}], keepAspectRatioChange: [{
type: i0.Output
}], maxHeightChange: [{
type: i0.Output
}], maxWidthChange: [{
type: i0.Output
}], minHeightChange: [{
type: i0.Output
}], minWidthChange: [{
type: i0.Output
}], rtlEnabledChange: [{
type: i0.Output
}], widthChange: [{
type: i0.Output
}] });
})();
var DxResizableModule = /** @class */ (function () {
function DxResizableModule() {
}
return DxResizableModule;
}());
/** @nocollapse */ DxResizableModule.ɵfac = function DxResizableModule_Factory(t) { return new (t || DxResizableModule)(); };
/** @nocollapse */ DxResizableModule.ɵmod = /** @pureOrBreakMyCode */ i0__namespace.ɵɵdefineNgModule({ type: DxResizableModule });
/** @nocollapse */ DxResizableModule.ɵinj = /** @pureOrBreakMyCode */ i0__namespace.ɵɵdefineInjector({ imports: [[
i1.DxIntegrationModule,
i1.DxTemplateModule,
i2.BrowserTransferStateModule
], i1.DxTemplateModule] });
(function () {
(typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DxResizableModule, [{
type: i0.NgModule,
args: [{
imports: [
i1.DxIntegrationModule,
i1.DxTemplateModule,
i2.BrowserTransferStateModule
],
declarations: [
DxResizableComponent
],
exports: [
DxResizableComponent,
i1.DxTemplateModule
]
}]
}], null, null);
})();
(function () {
(typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(DxResizableModule, { declarations: [DxResizableComponent], imports: [i1.DxIntegrationModule,
i1.DxTemplateModule,
i2.BrowserTransferStateModule], exports: [DxResizableComponent, i1.DxTemplateModule] });
})();
/**
* Generated bundle index. Do not edit.
*/
exports.DxResizableComponent = DxResizableComponent;
exports.DxResizableModule = DxResizableModule;
Object.defineProperty(exports, '__esModule', { value: true });
}));
//# sourceMappingURL=devextreme-angular-ui-resizable.umd.js.map