@firestitch/popover 9.4.13 → 12.0.0
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/app/components/popover/popover.component.d.ts +3 -0
- package/app/components/popover-wrapper/popover-wrapper.component.d.ts +3 -0
- package/app/fs-popover.module.d.ts +9 -0
- package/app/services/popover.service.d.ts +3 -0
- package/bundles/firestitch-popover.umd.js +491 -396
- package/bundles/firestitch-popover.umd.js.map +1 -1
- package/esm2015/app/class/popover-ref.js +3 -13
- package/esm2015/app/components/popover/popover.component.js +57 -88
- package/esm2015/app/components/popover-wrapper/popover-wrapper.component.js +29 -34
- package/esm2015/app/enums/position.js +1 -1
- package/esm2015/app/fs-popover.module.js +29 -20
- package/esm2015/app/helpers/create-injector.js +1 -1
- package/esm2015/app/helpers/create-overlay-ref.js +1 -1
- package/esm2015/app/helpers/create-position-strategy.js +1 -1
- package/esm2015/app/helpers/create-template-portal.js +1 -1
- package/esm2015/app/helpers/point-in-rect.js +1 -1
- package/esm2015/app/interfaces/popover-config.interface.js +2 -1
- package/esm2015/app/services/popover.service.js +12 -16
- package/esm2015/firestitch-popover.js +1 -3
- package/esm2015/public_api.js +1 -1
- package/fesm2015/firestitch-popover.js +120 -156
- package/fesm2015/firestitch-popover.js.map +1 -1
- package/firestitch-popover.d.ts +1 -2
- package/package.json +7 -8
- package/styles.scss +3 -2
- package/bundles/firestitch-popover.umd.min.js +0 -16
- package/bundles/firestitch-popover.umd.min.js.map +0 -1
- package/esm5/app/class/popover-ref.js +0 -152
- package/esm5/app/components/popover/popover.component.js +0 -239
- package/esm5/app/components/popover-wrapper/popover-wrapper.component.js +0 -138
- package/esm5/app/enums/position.js +0 -8
- package/esm5/app/fs-popover.module.js +0 -39
- package/esm5/app/helpers/create-injector.js +0 -9
- package/esm5/app/helpers/create-overlay-ref.js +0 -12
- package/esm5/app/helpers/create-position-strategy.js +0 -56
- package/esm5/app/helpers/create-template-portal.js +0 -5
- package/esm5/app/helpers/point-in-rect.js +0 -4
- package/esm5/app/interfaces/popover-config.interface.js +0 -1
- package/esm5/app/services/popover.service.js +0 -70
- package/esm5/firestitch-popover.js +0 -7
- package/esm5/public_api.js +0 -7
- package/fesm5/firestitch-popover.js +0 -706
- package/fesm5/firestitch-popover.js.map +0 -1
- package/firestitch-popover.metadata.json +0 -1
|
@@ -1,221 +1,350 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/portal'), require('@angular/material/progress-spinner'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@firestitch/common'), require('@angular/cdk/overlay')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@firestitch/popover', ['exports', '@angular/core', '@angular/common', '@angular/cdk/portal', '@angular/material/progress-spinner', '@angular/router', 'rxjs', 'rxjs/operators', '@firestitch/common', '@angular/cdk/overlay'], factory) :
|
|
4
|
-
(global = global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.popover = {}), global.ng.core, global.ng.common, global.ng.cdk.portal, global.ng.material.progressSpinner, global.ng.router, global.rxjs, global.rxjs.operators, global.common
|
|
5
|
-
}(this, (function (exports,
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.popover = {}), global.ng.core, global.ng.common, global.ng.cdk.portal, global.ng.material.progressSpinner, global.ng.router, global.rxjs, global.rxjs.operators, global.common, global.ng.cdk.overlay));
|
|
5
|
+
})(this, (function (exports, i0, i3, i4, i2, i2$1, rxjs, operators, common, i1) { 'use strict';
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
function
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
function
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
if (
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
if (
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
7
|
+
function _interopNamespace(e) {
|
|
8
|
+
if (e && e.__esModule) return e;
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n["default"] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
27
|
+
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
28
|
+
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
29
|
+
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
30
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
31
|
+
|
|
32
|
+
/*! *****************************************************************************
|
|
33
|
+
Copyright (c) Microsoft Corporation.
|
|
34
|
+
|
|
35
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
36
|
+
purpose with or without fee is hereby granted.
|
|
37
|
+
|
|
38
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
39
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
40
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
41
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
42
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
43
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
44
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
45
|
+
***************************************************************************** */
|
|
46
|
+
/* global Reflect, Promise */
|
|
47
|
+
var extendStatics = function (d, b) {
|
|
48
|
+
extendStatics = Object.setPrototypeOf ||
|
|
49
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
50
|
+
function (d, b) { for (var p in b)
|
|
51
|
+
if (Object.prototype.hasOwnProperty.call(b, p))
|
|
52
|
+
d[p] = b[p]; };
|
|
53
|
+
return extendStatics(d, b);
|
|
54
|
+
};
|
|
55
|
+
function __extends(d, b) {
|
|
56
|
+
if (typeof b !== "function" && b !== null)
|
|
57
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
58
|
+
extendStatics(d, b);
|
|
59
|
+
function __() { this.constructor = d; }
|
|
60
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
61
|
+
}
|
|
62
|
+
var __assign = function () {
|
|
63
|
+
__assign = Object.assign || function __assign(t) {
|
|
64
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
65
|
+
s = arguments[i];
|
|
66
|
+
for (var p in s)
|
|
67
|
+
if (Object.prototype.hasOwnProperty.call(s, p))
|
|
68
|
+
t[p] = s[p];
|
|
69
|
+
}
|
|
70
|
+
return t;
|
|
71
|
+
};
|
|
72
|
+
return __assign.apply(this, arguments);
|
|
73
|
+
};
|
|
74
|
+
function __rest(s, e) {
|
|
75
|
+
var t = {};
|
|
76
|
+
for (var p in s)
|
|
77
|
+
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
78
|
+
t[p] = s[p];
|
|
79
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
80
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
81
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
82
|
+
t[p[i]] = s[p[i]];
|
|
83
|
+
}
|
|
84
|
+
return t;
|
|
85
|
+
}
|
|
86
|
+
function __decorate(decorators, target, key, desc) {
|
|
87
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
88
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
89
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
90
|
+
else
|
|
91
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
92
|
+
if (d = decorators[i])
|
|
93
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
94
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
95
|
+
}
|
|
96
|
+
function __param(paramIndex, decorator) {
|
|
97
|
+
return function (target, key) { decorator(target, key, paramIndex); };
|
|
98
|
+
}
|
|
99
|
+
function __metadata(metadataKey, metadataValue) {
|
|
100
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
101
|
+
return Reflect.metadata(metadataKey, metadataValue);
|
|
102
|
+
}
|
|
103
|
+
function __awaiter(thisArg, _arguments, P, generator) {
|
|
104
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
105
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
106
|
+
function fulfilled(value) { try {
|
|
107
|
+
step(generator.next(value));
|
|
108
|
+
}
|
|
109
|
+
catch (e) {
|
|
110
|
+
reject(e);
|
|
111
|
+
} }
|
|
112
|
+
function rejected(value) { try {
|
|
113
|
+
step(generator["throw"](value));
|
|
114
|
+
}
|
|
115
|
+
catch (e) {
|
|
116
|
+
reject(e);
|
|
117
|
+
} }
|
|
118
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
119
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
function __generator(thisArg, body) {
|
|
123
|
+
var _ = { label: 0, sent: function () { if (t[0] & 1)
|
|
124
|
+
throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
125
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
|
|
126
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
127
|
+
function step(op) {
|
|
128
|
+
if (f)
|
|
129
|
+
throw new TypeError("Generator is already executing.");
|
|
130
|
+
while (_)
|
|
131
|
+
try {
|
|
132
|
+
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)
|
|
133
|
+
return t;
|
|
134
|
+
if (y = 0, t)
|
|
135
|
+
op = [op[0] & 2, t.value];
|
|
136
|
+
switch (op[0]) {
|
|
137
|
+
case 0:
|
|
138
|
+
case 1:
|
|
139
|
+
t = op;
|
|
140
|
+
break;
|
|
141
|
+
case 4:
|
|
142
|
+
_.label++;
|
|
143
|
+
return { value: op[1], done: false };
|
|
144
|
+
case 5:
|
|
145
|
+
_.label++;
|
|
146
|
+
y = op[1];
|
|
147
|
+
op = [0];
|
|
148
|
+
continue;
|
|
149
|
+
case 7:
|
|
150
|
+
op = _.ops.pop();
|
|
151
|
+
_.trys.pop();
|
|
152
|
+
continue;
|
|
153
|
+
default:
|
|
154
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
155
|
+
_ = 0;
|
|
156
|
+
continue;
|
|
157
|
+
}
|
|
158
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
|
|
159
|
+
_.label = op[1];
|
|
160
|
+
break;
|
|
161
|
+
}
|
|
162
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
163
|
+
_.label = t[1];
|
|
164
|
+
t = op;
|
|
165
|
+
break;
|
|
166
|
+
}
|
|
167
|
+
if (t && _.label < t[2]) {
|
|
168
|
+
_.label = t[2];
|
|
169
|
+
_.ops.push(op);
|
|
170
|
+
break;
|
|
171
|
+
}
|
|
172
|
+
if (t[2])
|
|
173
|
+
_.ops.pop();
|
|
174
|
+
_.trys.pop();
|
|
175
|
+
continue;
|
|
176
|
+
}
|
|
177
|
+
op = body.call(thisArg, _);
|
|
178
|
+
}
|
|
179
|
+
catch (e) {
|
|
180
|
+
op = [6, e];
|
|
181
|
+
y = 0;
|
|
182
|
+
}
|
|
183
|
+
finally {
|
|
184
|
+
f = t = 0;
|
|
185
|
+
}
|
|
186
|
+
if (op[0] & 5)
|
|
187
|
+
throw op[1];
|
|
188
|
+
return { value: op[0] ? op[1] : void 0, done: true };
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
var __createBinding = Object.create ? (function (o, m, k, k2) {
|
|
192
|
+
if (k2 === undefined)
|
|
193
|
+
k2 = k;
|
|
194
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
|
|
195
|
+
}) : (function (o, m, k, k2) {
|
|
196
|
+
if (k2 === undefined)
|
|
197
|
+
k2 = k;
|
|
198
|
+
o[k2] = m[k];
|
|
199
|
+
});
|
|
200
|
+
function __exportStar(m, o) {
|
|
201
|
+
for (var p in m)
|
|
202
|
+
if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
|
|
203
|
+
__createBinding(o, m, p);
|
|
204
|
+
}
|
|
205
|
+
function __values(o) {
|
|
206
|
+
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
207
|
+
if (m)
|
|
208
|
+
return m.call(o);
|
|
209
|
+
if (o && typeof o.length === "number")
|
|
210
|
+
return {
|
|
211
|
+
next: function () {
|
|
212
|
+
if (o && i >= o.length)
|
|
213
|
+
o = void 0;
|
|
214
|
+
return { value: o && o[i++], done: !o };
|
|
215
|
+
}
|
|
216
|
+
};
|
|
217
|
+
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
218
|
+
}
|
|
219
|
+
function __read(o, n) {
|
|
220
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
221
|
+
if (!m)
|
|
222
|
+
return o;
|
|
223
|
+
var i = m.call(o), r, ar = [], e;
|
|
224
|
+
try {
|
|
225
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
|
|
226
|
+
ar.push(r.value);
|
|
227
|
+
}
|
|
228
|
+
catch (error) {
|
|
229
|
+
e = { error: error };
|
|
230
|
+
}
|
|
231
|
+
finally {
|
|
232
|
+
try {
|
|
233
|
+
if (r && !r.done && (m = i["return"]))
|
|
234
|
+
m.call(i);
|
|
235
|
+
}
|
|
236
|
+
finally {
|
|
237
|
+
if (e)
|
|
238
|
+
throw e.error;
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
return ar;
|
|
242
|
+
}
|
|
243
|
+
/** @deprecated */
|
|
244
|
+
function __spread() {
|
|
245
|
+
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
246
|
+
ar = ar.concat(__read(arguments[i]));
|
|
247
|
+
return ar;
|
|
248
|
+
}
|
|
249
|
+
/** @deprecated */
|
|
250
|
+
function __spreadArrays() {
|
|
251
|
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
|
|
252
|
+
s += arguments[i].length;
|
|
253
|
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
254
|
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
255
|
+
r[k] = a[j];
|
|
256
|
+
return r;
|
|
257
|
+
}
|
|
258
|
+
function __spreadArray(to, from, pack) {
|
|
259
|
+
if (pack || arguments.length === 2)
|
|
260
|
+
for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
261
|
+
if (ar || !(i in from)) {
|
|
262
|
+
if (!ar)
|
|
263
|
+
ar = Array.prototype.slice.call(from, 0, i);
|
|
264
|
+
ar[i] = from[i];
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
268
|
+
}
|
|
269
|
+
function __await(v) {
|
|
270
|
+
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
271
|
+
}
|
|
272
|
+
function __asyncGenerator(thisArg, _arguments, generator) {
|
|
273
|
+
if (!Symbol.asyncIterator)
|
|
274
|
+
throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
275
|
+
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
|
276
|
+
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
|
277
|
+
function verb(n) { if (g[n])
|
|
278
|
+
i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
|
|
279
|
+
function resume(n, v) { try {
|
|
280
|
+
step(g[n](v));
|
|
281
|
+
}
|
|
282
|
+
catch (e) {
|
|
283
|
+
settle(q[0][3], e);
|
|
284
|
+
} }
|
|
285
|
+
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
|
286
|
+
function fulfill(value) { resume("next", value); }
|
|
287
|
+
function reject(value) { resume("throw", value); }
|
|
288
|
+
function settle(f, v) { if (f(v), q.shift(), q.length)
|
|
289
|
+
resume(q[0][0], q[0][1]); }
|
|
290
|
+
}
|
|
291
|
+
function __asyncDelegator(o) {
|
|
292
|
+
var i, p;
|
|
293
|
+
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
|
294
|
+
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; }
|
|
295
|
+
}
|
|
296
|
+
function __asyncValues(o) {
|
|
297
|
+
if (!Symbol.asyncIterator)
|
|
298
|
+
throw new TypeError("Symbol.asyncIterator is not defined.");
|
|
299
|
+
var m = o[Symbol.asyncIterator], i;
|
|
300
|
+
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);
|
|
301
|
+
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); }); }; }
|
|
302
|
+
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
|
|
303
|
+
}
|
|
304
|
+
function __makeTemplateObject(cooked, raw) {
|
|
305
|
+
if (Object.defineProperty) {
|
|
306
|
+
Object.defineProperty(cooked, "raw", { value: raw });
|
|
307
|
+
}
|
|
308
|
+
else {
|
|
309
|
+
cooked.raw = raw;
|
|
310
|
+
}
|
|
311
|
+
return cooked;
|
|
312
|
+
}
|
|
313
|
+
;
|
|
314
|
+
var __setModuleDefault = Object.create ? (function (o, v) {
|
|
315
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
316
|
+
}) : function (o, v) {
|
|
317
|
+
o["default"] = v;
|
|
318
|
+
};
|
|
319
|
+
function __importStar(mod) {
|
|
320
|
+
if (mod && mod.__esModule)
|
|
321
|
+
return mod;
|
|
322
|
+
var result = {};
|
|
323
|
+
if (mod != null)
|
|
324
|
+
for (var k in mod)
|
|
325
|
+
if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
|
|
326
|
+
__createBinding(result, mod, k);
|
|
327
|
+
__setModuleDefault(result, mod);
|
|
328
|
+
return result;
|
|
329
|
+
}
|
|
330
|
+
function __importDefault(mod) {
|
|
331
|
+
return (mod && mod.__esModule) ? mod : { default: mod };
|
|
332
|
+
}
|
|
333
|
+
function __classPrivateFieldGet(receiver, state, kind, f) {
|
|
334
|
+
if (kind === "a" && !f)
|
|
335
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
336
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
337
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
338
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
339
|
+
}
|
|
340
|
+
function __classPrivateFieldSet(receiver, state, value, kind, f) {
|
|
341
|
+
if (kind === "m")
|
|
342
|
+
throw new TypeError("Private method is not writable");
|
|
343
|
+
if (kind === "a" && !f)
|
|
344
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
345
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
346
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
347
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
219
348
|
}
|
|
220
349
|
|
|
221
350
|
var Position;
|
|
@@ -226,6 +355,10 @@
|
|
|
226
355
|
Position["West"] = "west";
|
|
227
356
|
})(Position || (Position = {}));
|
|
228
357
|
|
|
358
|
+
function pointInRect(x1, y1, x2, y2, px, py) {
|
|
359
|
+
return (px > x1 && px < x2) && (py > y1 && py < y2);
|
|
360
|
+
}
|
|
361
|
+
|
|
229
362
|
var FsPopoverRef = /** @class */ (function () {
|
|
230
363
|
function FsPopoverRef(config) {
|
|
231
364
|
if (config === void 0) { config = {}; }
|
|
@@ -238,35 +371,35 @@
|
|
|
238
371
|
get: function () {
|
|
239
372
|
return this._loadingDiameter;
|
|
240
373
|
},
|
|
241
|
-
enumerable:
|
|
374
|
+
enumerable: false,
|
|
242
375
|
configurable: true
|
|
243
376
|
});
|
|
244
377
|
Object.defineProperty(FsPopoverRef.prototype, "size", {
|
|
245
378
|
get: function () {
|
|
246
379
|
return this._size;
|
|
247
380
|
},
|
|
248
|
-
enumerable:
|
|
381
|
+
enumerable: false,
|
|
249
382
|
configurable: true
|
|
250
383
|
});
|
|
251
384
|
Object.defineProperty(FsPopoverRef.prototype, "theme", {
|
|
252
385
|
get: function () {
|
|
253
386
|
return this._theme;
|
|
254
387
|
},
|
|
255
|
-
enumerable:
|
|
388
|
+
enumerable: false,
|
|
256
389
|
configurable: true
|
|
257
390
|
});
|
|
258
391
|
Object.defineProperty(FsPopoverRef.prototype, "loading", {
|
|
259
392
|
get: function () {
|
|
260
393
|
return this._loading;
|
|
261
394
|
},
|
|
262
|
-
enumerable:
|
|
395
|
+
enumerable: false,
|
|
263
396
|
configurable: true
|
|
264
397
|
});
|
|
265
398
|
Object.defineProperty(FsPopoverRef.prototype, "autoShow$", {
|
|
266
399
|
get: function () {
|
|
267
400
|
return this._autoShow$.asObservable();
|
|
268
401
|
},
|
|
269
|
-
enumerable:
|
|
402
|
+
enumerable: false,
|
|
270
403
|
configurable: true
|
|
271
404
|
});
|
|
272
405
|
Object.defineProperty(FsPopoverRef.prototype, "autoShow", {
|
|
@@ -276,14 +409,14 @@
|
|
|
276
409
|
set: function (value) {
|
|
277
410
|
this._autoShow$.next(value);
|
|
278
411
|
},
|
|
279
|
-
enumerable:
|
|
412
|
+
enumerable: false,
|
|
280
413
|
configurable: true
|
|
281
414
|
});
|
|
282
415
|
Object.defineProperty(FsPopoverRef.prototype, "autoClose$", {
|
|
283
416
|
get: function () {
|
|
284
417
|
return this._autoClose$.asObservable();
|
|
285
418
|
},
|
|
286
|
-
enumerable:
|
|
419
|
+
enumerable: false,
|
|
287
420
|
configurable: true
|
|
288
421
|
});
|
|
289
422
|
Object.defineProperty(FsPopoverRef.prototype, "autoClose", {
|
|
@@ -293,7 +426,7 @@
|
|
|
293
426
|
set: function (value) {
|
|
294
427
|
this._autoClose$.next(value);
|
|
295
428
|
},
|
|
296
|
-
enumerable:
|
|
429
|
+
enumerable: false,
|
|
297
430
|
configurable: true
|
|
298
431
|
});
|
|
299
432
|
Object.defineProperty(FsPopoverRef.prototype, "componentVisible$", {
|
|
@@ -306,35 +439,35 @@
|
|
|
306
439
|
return autoShow || !componentLoading;
|
|
307
440
|
}));
|
|
308
441
|
},
|
|
309
|
-
enumerable:
|
|
442
|
+
enumerable: false,
|
|
310
443
|
configurable: true
|
|
311
444
|
});
|
|
312
445
|
Object.defineProperty(FsPopoverRef.prototype, "componentLoading$", {
|
|
313
446
|
get: function () {
|
|
314
447
|
return this._componentLoading$.asObservable();
|
|
315
448
|
},
|
|
316
|
-
enumerable:
|
|
449
|
+
enumerable: false,
|
|
317
450
|
configurable: true
|
|
318
451
|
});
|
|
319
452
|
Object.defineProperty(FsPopoverRef.prototype, "componentLoading", {
|
|
320
453
|
get: function () {
|
|
321
454
|
return this._componentLoading$.getValue();
|
|
322
455
|
},
|
|
323
|
-
enumerable:
|
|
456
|
+
enumerable: false,
|
|
324
457
|
configurable: true
|
|
325
458
|
});
|
|
326
459
|
Object.defineProperty(FsPopoverRef.prototype, "wrapperClass", {
|
|
327
460
|
get: function () {
|
|
328
461
|
return this._wrapperClass;
|
|
329
462
|
},
|
|
330
|
-
enumerable:
|
|
463
|
+
enumerable: false,
|
|
331
464
|
configurable: true
|
|
332
465
|
});
|
|
333
466
|
Object.defineProperty(FsPopoverRef.prototype, "maxWidth", {
|
|
334
467
|
get: function () {
|
|
335
468
|
return this._maxWidth;
|
|
336
469
|
},
|
|
337
|
-
enumerable:
|
|
470
|
+
enumerable: false,
|
|
338
471
|
configurable: true
|
|
339
472
|
});
|
|
340
473
|
FsPopoverRef.prototype.show = function () {
|
|
@@ -363,13 +496,6 @@
|
|
|
363
496
|
this._autoShow$.next(config.autoShow);
|
|
364
497
|
this._autoClose$.next(config.autoClose);
|
|
365
498
|
};
|
|
366
|
-
FsPopoverRef.ctorParameters = function () { return [
|
|
367
|
-
{ type: undefined }
|
|
368
|
-
]; };
|
|
369
|
-
FsPopoverRef = __decorate([
|
|
370
|
-
core.Injectable(),
|
|
371
|
-
__metadata("design:paramtypes", [Object])
|
|
372
|
-
], FsPopoverRef);
|
|
373
499
|
return FsPopoverRef;
|
|
374
500
|
}());
|
|
375
501
|
|
|
@@ -392,7 +518,7 @@
|
|
|
392
518
|
set: function (value) {
|
|
393
519
|
this._el.nativeElement.style.maxWidth = value ? value + 'px' : void 0;
|
|
394
520
|
},
|
|
395
|
-
enumerable:
|
|
521
|
+
enumerable: false,
|
|
396
522
|
configurable: true
|
|
397
523
|
});
|
|
398
524
|
Object.defineProperty(FsPopoverWrapperComponent.prototype, "wrapperClass", {
|
|
@@ -400,7 +526,7 @@
|
|
|
400
526
|
this._wrapperClass = value;
|
|
401
527
|
this._updateClass();
|
|
402
528
|
},
|
|
403
|
-
enumerable:
|
|
529
|
+
enumerable: false,
|
|
404
530
|
configurable: true
|
|
405
531
|
});
|
|
406
532
|
FsPopoverWrapperComponent.prototype.ngOnInit = function () {
|
|
@@ -473,36 +599,28 @@
|
|
|
473
599
|
_this.popoverRef.updatePosition();
|
|
474
600
|
});
|
|
475
601
|
};
|
|
476
|
-
FsPopoverWrapperComponent.ctorParameters = function () { return [
|
|
477
|
-
{ type: FsPopoverRef },
|
|
478
|
-
{ type: core.ElementRef },
|
|
479
|
-
{ type: core.NgZone }
|
|
480
|
-
]; };
|
|
481
|
-
__decorate([
|
|
482
|
-
core.ViewChild(portal.CdkPortalOutlet, { static: true }),
|
|
483
|
-
__metadata("design:type", portal.CdkPortalOutlet)
|
|
484
|
-
], FsPopoverWrapperComponent.prototype, "_portalOutlet", void 0);
|
|
485
|
-
__decorate([
|
|
486
|
-
core.ViewChild('spinner'),
|
|
487
|
-
__metadata("design:type", Object)
|
|
488
|
-
], FsPopoverWrapperComponent.prototype, "spinner", void 0);
|
|
489
|
-
__decorate([
|
|
490
|
-
core.HostBinding('class'),
|
|
491
|
-
__metadata("design:type", Object)
|
|
492
|
-
], FsPopoverWrapperComponent.prototype, "class", void 0);
|
|
493
|
-
FsPopoverWrapperComponent = __decorate([
|
|
494
|
-
core.Component({
|
|
495
|
-
selector: 'fs-popover-wrapper',
|
|
496
|
-
template: "<div class=\"wrapper\" [ngClass]=\"{\n 'theme-dark' : popoverRef.theme === 'dark',\n 'size-tiny': popoverRef.size === 'tiny',\n 'size-small': popoverRef.size === 'small',\n 'hidden': !(popoverRef.componentVisible$ | async)\n }\">\n <div class=\"mat-elevation-z4 popover-content\">\n <ng-template cdkPortalOutlet></ng-template>\n </div>\n\n <div class=\"fs-popover-arrow light\"></div>\n <div class=\"fs-popover-arrow dark\"></div>\n</div>\n\n<div class=\"loading-spinner\"\n #spinner\n *ngIf=\"popoverRef.loading && !(popoverRef.componentVisible$ | async)\"\n [style.marginLeft]=\"(popoverRef.loadingDiameter * -.25) +'px'\">\n <mat-spinner [diameter]=\"popoverRef.loadingDiameter\"></mat-spinner>\n</div>\n",
|
|
497
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
498
|
-
styles: [".wrapper{padding:6px;-webkit-animation:.2s fadeIn;animation:.2s fadeIn}.wrapper.hidden{display:none}.wrapper .popover-content{background:#fff;border-radius:4px;padding:8px;color:#1b1b1b;box-sizing:border-box;overflow:hidden}.wrapper.theme-dark .popover-content{background-color:#707070;color:#fff}.wrapper.size-small .popover-content{font-size:80%}.wrapper.size-tiny .popover-content{font-size:75%}.wrapper .fs-popover-arrow{width:0;height:0;font-size:0;line-height:0;position:absolute;z-index:1}.wrapper .fs-popover-arrow.dark{z-index:0}::ng-deep .fs-popover-bottom .fs-popover-arrow,::ng-deep .fs-popover-top .fs-popover-arrow{border-left:10px solid transparent;border-right:10px solid transparent}::ng-deep .fs-popover-left .fs-popover-arrow,::ng-deep .fs-popover-right .fs-popover-arrow{border-top:10px solid transparent;border-bottom:10px solid transparent}::ng-deep .fs-popover-top .fs-popover-arrow{bottom:-3px;left:calc(50% - 10px);border-top:10px solid #fff}::ng-deep .fs-popover-top .fs-popover-arrow.dark{border-top-color:rgba(223,223,223,.25);bottom:-4px}::ng-deep .fs-popover-bottom .fs-popover-arrow{top:-3px;left:calc(50% - 10px);border-bottom:10px solid #fff}::ng-deep .fs-popover-bottom .fs-popover-arrow.dark{border-bottom-color:rgba(223,223,223,.25);top:-4px}::ng-deep .fs-popover-left .fs-popover-arrow{left:-3px;top:calc(50% - 10px);border-right:10px solid #fff}::ng-deep .fs-popover-left .fs-popover-arrow.dark{border-right-color:rgba(223,223,223,.25);left:-4px}::ng-deep .fs-popover-right .fs-popover-arrow{right:-3px;top:calc(50% - 10px);border-left:10px solid #fff}::ng-deep .fs-popover-right .fs-popover-arrow.dark{border-left-color:rgba(223,223,223,.25);right:-4px}::ng-deep .fs-popover-bottom .wrapper.theme-dark .fs-popover-arrow{border-bottom-color:#707070}::ng-deep .fs-popover-left .wrapper.theme-dark .fs-popover-arrow{border-right-color:#707070}::ng-deep .fs-popover-right .wrapper.theme-dark .fs-popover-arrow{border-left-color:#707070}::ng-deep .fs-popover-top .wrapper.theme-dark .fs-popover-arrow{border-top-color:#707070}.loading-spinner{margin-top:10px}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}"]
|
|
499
|
-
}),
|
|
500
|
-
__metadata("design:paramtypes", [FsPopoverRef,
|
|
501
|
-
core.ElementRef,
|
|
502
|
-
core.NgZone])
|
|
503
|
-
], FsPopoverWrapperComponent);
|
|
504
602
|
return FsPopoverWrapperComponent;
|
|
505
|
-
}(
|
|
603
|
+
}(i4.BasePortalOutlet));
|
|
604
|
+
FsPopoverWrapperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverWrapperComponent, deps: [{ token: FsPopoverRef }, { token: i0__namespace.ElementRef }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
605
|
+
FsPopoverWrapperComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsPopoverWrapperComponent, selector: "fs-popover-wrapper", host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: i4.CdkPortalOutlet, descendants: true, static: true }, { propertyName: "spinner", first: true, predicate: ["spinner"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"wrapper\" [ngClass]=\"{\n 'theme-dark' : popoverRef.theme === 'dark',\n 'size-tiny': popoverRef.size === 'tiny',\n 'size-small': popoverRef.size === 'small',\n 'hidden': !(popoverRef.componentVisible$ | async)\n }\">\n <div class=\"mat-elevation-z4 popover-content\">\n <ng-template cdkPortalOutlet></ng-template>\n </div>\n\n <div class=\"fs-popover-arrow light\"></div>\n <div class=\"fs-popover-arrow dark\"></div>\n</div>\n\n<div class=\"loading-spinner\"\n #spinner\n *ngIf=\"popoverRef.loading && !(popoverRef.componentVisible$ | async)\"\n [style.marginLeft]=\"(popoverRef.loadingDiameter * -.25) +'px'\">\n <mat-spinner [diameter]=\"popoverRef.loadingDiameter\"></mat-spinner>\n</div>\n", styles: [".wrapper{padding:6px;animation:fadeIn ease .2s}.wrapper.hidden{display:none}.wrapper .popover-content{background:#fff;border-radius:4px;padding:8px;color:#1b1b1b;box-sizing:border-box;overflow:hidden}.wrapper.theme-dark .popover-content{background-color:#707070;color:#fff}.wrapper.size-small .popover-content{font-size:80%}.wrapper.size-tiny .popover-content{font-size:75%}.wrapper .fs-popover-arrow{width:0;height:0;font-size:0;line-height:0;position:absolute;z-index:200;z-index:1}.wrapper .fs-popover-arrow.dark{z-index:0}::ng-deep .fs-popover-top .fs-popover-arrow,::ng-deep .fs-popover-bottom .fs-popover-arrow{border-left:10px solid transparent;border-right:10px solid transparent}::ng-deep .fs-popover-left .fs-popover-arrow,::ng-deep .fs-popover-right .fs-popover-arrow{border-top:10px solid transparent;border-bottom:10px solid transparent}::ng-deep .fs-popover-top .fs-popover-arrow{bottom:-3px;left:calc(50% - 10px);border-top:10px solid #fff}::ng-deep .fs-popover-top .fs-popover-arrow.dark{border-top-color:#dfdfdf40;bottom:-4px}::ng-deep .fs-popover-bottom .fs-popover-arrow{top:-3px;left:calc(50% - 10px);border-bottom:10px solid #fff}::ng-deep .fs-popover-bottom .fs-popover-arrow.dark{border-bottom-color:#dfdfdf40;top:-4px}::ng-deep .fs-popover-left .fs-popover-arrow{left:-3px;top:calc(50% - 10px);border-right:10px solid #fff}::ng-deep .fs-popover-left .fs-popover-arrow.dark{border-right-color:#dfdfdf40;left:-4px}::ng-deep .fs-popover-right .fs-popover-arrow{right:-3px;top:calc(50% - 10px);border-left:10px solid #fff}::ng-deep .fs-popover-right .fs-popover-arrow.dark{border-left-color:#dfdfdf40;right:-4px}::ng-deep .fs-popover-bottom .wrapper.theme-dark .fs-popover-arrow{border-bottom-color:#707070}::ng-deep .fs-popover-left .wrapper.theme-dark .fs-popover-arrow{border-right-color:#707070}::ng-deep .fs-popover-right .wrapper.theme-dark .fs-popover-arrow{border-left-color:#707070}::ng-deep .fs-popover-top .wrapper.theme-dark .fs-popover-arrow{border-top-color:#707070}.loading-spinner{margin-top:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], components: [{ type: i2__namespace.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
606
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverWrapperComponent, decorators: [{
|
|
607
|
+
type: i0.Component,
|
|
608
|
+
args: [{
|
|
609
|
+
selector: 'fs-popover-wrapper',
|
|
610
|
+
templateUrl: 'popover-wrapper.component.html',
|
|
611
|
+
styleUrls: ['popover-wrapper.component.scss'],
|
|
612
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
613
|
+
}]
|
|
614
|
+
}], ctorParameters: function () { return [{ type: FsPopoverRef }, { type: i0__namespace.ElementRef }, { type: i0__namespace.NgZone }]; }, propDecorators: { _portalOutlet: [{
|
|
615
|
+
type: i0.ViewChild,
|
|
616
|
+
args: [i4.CdkPortalOutlet, { static: true }]
|
|
617
|
+
}], spinner: [{
|
|
618
|
+
type: i0.ViewChild,
|
|
619
|
+
args: ['spinner']
|
|
620
|
+
}], class: [{
|
|
621
|
+
type: i0.HostBinding,
|
|
622
|
+
args: ['class']
|
|
623
|
+
}] } });
|
|
506
624
|
|
|
507
625
|
function createPopupPositionStrategy(el, overlay, position) {
|
|
508
626
|
var overlayX = 'center';
|
|
@@ -559,25 +677,25 @@
|
|
|
559
677
|
.withViewportMargin(4);
|
|
560
678
|
}
|
|
561
679
|
|
|
562
|
-
function createOverlayRef(el, overlay
|
|
680
|
+
function createOverlayRef(el, overlay, position) {
|
|
563
681
|
var config = {
|
|
564
|
-
positionStrategy: createPopupPositionStrategy(el, overlay
|
|
565
|
-
scrollStrategy: overlay
|
|
682
|
+
positionStrategy: createPopupPositionStrategy(el, overlay, position),
|
|
683
|
+
scrollStrategy: overlay.scrollStrategies.reposition(),
|
|
566
684
|
hasBackdrop: false
|
|
567
685
|
};
|
|
568
|
-
var overlayConfig = new
|
|
569
|
-
return overlay
|
|
686
|
+
var overlayConfig = new i1.OverlayConfig(config);
|
|
687
|
+
return overlay.create(overlayConfig);
|
|
570
688
|
}
|
|
571
689
|
|
|
572
690
|
function createInjector(popoverRef, parentInjector) {
|
|
573
691
|
var injectionTokens = new WeakMap([
|
|
574
692
|
[FsPopoverRef, popoverRef],
|
|
575
693
|
]);
|
|
576
|
-
return new
|
|
694
|
+
return new i4.PortalInjector(parentInjector, injectionTokens);
|
|
577
695
|
}
|
|
578
696
|
|
|
579
697
|
function createTempatePortal(template, popoverRef, data) {
|
|
580
|
-
return new
|
|
698
|
+
return new i4.TemplatePortal(template, void 0, { data: data, popover: popoverRef });
|
|
581
699
|
}
|
|
582
700
|
|
|
583
701
|
var FsPopoverService = /** @class */ (function () {
|
|
@@ -589,14 +707,14 @@
|
|
|
589
707
|
get: function () {
|
|
590
708
|
return !!this._activeElement;
|
|
591
709
|
},
|
|
592
|
-
enumerable:
|
|
710
|
+
enumerable: false,
|
|
593
711
|
configurable: true
|
|
594
712
|
});
|
|
595
713
|
Object.defineProperty(FsPopoverService.prototype, "activeElementGUID", {
|
|
596
714
|
get: function () {
|
|
597
715
|
return this._activeElementGUID;
|
|
598
716
|
},
|
|
599
|
-
enumerable:
|
|
717
|
+
enumerable: false,
|
|
600
718
|
configurable: true
|
|
601
719
|
});
|
|
602
720
|
FsPopoverService.prototype.setActivePopoverGUID = function (value) {
|
|
@@ -626,24 +744,16 @@
|
|
|
626
744
|
}
|
|
627
745
|
};
|
|
628
746
|
FsPopoverService.prototype._openPortalPreview = function (component, overlayRef, popoverRef) {
|
|
629
|
-
var containerPortal = new
|
|
747
|
+
var containerPortal = new i4.ComponentPortal(component, void 0, createInjector(popoverRef, this._injector));
|
|
630
748
|
return overlayRef.attach(containerPortal);
|
|
631
749
|
};
|
|
632
|
-
FsPopoverService.ctorParameters = function () { return [
|
|
633
|
-
{ type: core.Injector },
|
|
634
|
-
{ type: overlay.Overlay }
|
|
635
|
-
]; };
|
|
636
|
-
FsPopoverService = __decorate([
|
|
637
|
-
core.Injectable(),
|
|
638
|
-
__metadata("design:paramtypes", [core.Injector,
|
|
639
|
-
overlay.Overlay])
|
|
640
|
-
], FsPopoverService);
|
|
641
750
|
return FsPopoverService;
|
|
642
751
|
}());
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
752
|
+
FsPopoverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverService, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.Overlay }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
753
|
+
FsPopoverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverService });
|
|
754
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverService, decorators: [{
|
|
755
|
+
type: i0.Injectable
|
|
756
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.Injector }, { type: i1__namespace.Overlay }]; } });
|
|
647
757
|
|
|
648
758
|
var FsPopoverComponent = /** @class */ (function () {
|
|
649
759
|
function FsPopoverComponent(_elRef, _popoverService, _ngZone, _router) {
|
|
@@ -651,7 +761,7 @@
|
|
|
651
761
|
this._popoverService = _popoverService;
|
|
652
762
|
this._ngZone = _ngZone;
|
|
653
763
|
this._router = _router;
|
|
654
|
-
this._guid = common
|
|
764
|
+
this._guid = common.guid('xxxxxxx');
|
|
655
765
|
this.leaveDelay = 100;
|
|
656
766
|
this.showDelay = 0;
|
|
657
767
|
this.maxWidth = 250;
|
|
@@ -674,14 +784,14 @@
|
|
|
674
784
|
get: function () {
|
|
675
785
|
return rxjs.timer(this.showDelay);
|
|
676
786
|
},
|
|
677
|
-
enumerable:
|
|
787
|
+
enumerable: false,
|
|
678
788
|
configurable: true
|
|
679
789
|
});
|
|
680
790
|
Object.defineProperty(FsPopoverComponent.prototype, "closeTimer$", {
|
|
681
791
|
get: function () {
|
|
682
792
|
return rxjs.timer(this.leaveDelay);
|
|
683
793
|
},
|
|
684
|
-
enumerable:
|
|
794
|
+
enumerable: false,
|
|
685
795
|
configurable: true
|
|
686
796
|
});
|
|
687
797
|
FsPopoverComponent.prototype.ngOnInit = function () {
|
|
@@ -724,7 +834,7 @@
|
|
|
724
834
|
var _this = this;
|
|
725
835
|
this._router.events
|
|
726
836
|
.pipe(operators.filter(function (event) {
|
|
727
|
-
return event instanceof
|
|
837
|
+
return event instanceof i2$1.NavigationEnd;
|
|
728
838
|
}), rxjs.pipe(operators.takeUntil(this._destroy$
|
|
729
839
|
.pipe(operators.delay(200)))))
|
|
730
840
|
.subscribe(function () {
|
|
@@ -761,7 +871,7 @@
|
|
|
761
871
|
};
|
|
762
872
|
FsPopoverComponent.prototype._openPopover = function () {
|
|
763
873
|
var _this = this;
|
|
764
|
-
if (this._popoverService.activeElementGUID !== this._guid) {
|
|
874
|
+
if (this.trigger === 'mouseover' && this._popoverService.activeElementGUID !== this._guid) {
|
|
765
875
|
return;
|
|
766
876
|
}
|
|
767
877
|
this._hostBounds = this._elRef.nativeElement.getBoundingClientRect();
|
|
@@ -771,10 +881,12 @@
|
|
|
771
881
|
};
|
|
772
882
|
FsPopoverComponent.prototype._listenMouseHostLeave$ = function () {
|
|
773
883
|
var _this = this;
|
|
774
|
-
|
|
884
|
+
var mouseMove$ = this._mouseMove$
|
|
775
885
|
.pipe(operators.debounceTime(50), operators.filter(function () { return !!_this._wrapperElement; }), operators.filter(function (event) {
|
|
776
886
|
return _this._popoverRef.autoClose && _this._mouseLeftTheTargets(event);
|
|
777
887
|
}));
|
|
888
|
+
var mouseClick$ = rxjs.fromEvent(this._elRef.nativeElement, 'click');
|
|
889
|
+
return rxjs.merge(mouseMove$, mouseClick$);
|
|
778
890
|
//
|
|
779
891
|
// return this._mouseLeave$
|
|
780
892
|
// .pipe(
|
|
@@ -790,126 +902,109 @@
|
|
|
790
902
|
var pointInPopoverRect = pointInRect(popoverBounds.x, popoverBounds.y, popoverBounds.x + popoverBounds.width, popoverBounds.y + popoverBounds.height, event.x, event.y);
|
|
791
903
|
return !pointInHostRect && !pointInPopoverRect;
|
|
792
904
|
};
|
|
793
|
-
FsPopoverComponent.ctorParameters = function () { return [
|
|
794
|
-
{ type: core.ElementRef },
|
|
795
|
-
{ type: FsPopoverService },
|
|
796
|
-
{ type: core.NgZone },
|
|
797
|
-
{ type: router.Router, decorators: [{ type: core.Optional }] }
|
|
798
|
-
]; };
|
|
799
|
-
__decorate([
|
|
800
|
-
core.Input(),
|
|
801
|
-
__metadata("design:type", core.TemplateRef)
|
|
802
|
-
], FsPopoverComponent.prototype, "template", void 0);
|
|
803
|
-
__decorate([
|
|
804
|
-
core.Input(),
|
|
805
|
-
__metadata("design:type", Object)
|
|
806
|
-
], FsPopoverComponent.prototype, "data", void 0);
|
|
807
|
-
__decorate([
|
|
808
|
-
core.Input(),
|
|
809
|
-
__metadata("design:type", Object)
|
|
810
|
-
], FsPopoverComponent.prototype, "leaveDelay", void 0);
|
|
811
|
-
__decorate([
|
|
812
|
-
core.Input(),
|
|
813
|
-
__metadata("design:type", Object)
|
|
814
|
-
], FsPopoverComponent.prototype, "showDelay", void 0);
|
|
815
|
-
__decorate([
|
|
816
|
-
core.Input(),
|
|
817
|
-
__metadata("design:type", Object)
|
|
818
|
-
], FsPopoverComponent.prototype, "maxWidth", void 0);
|
|
819
|
-
__decorate([
|
|
820
|
-
core.Input(),
|
|
821
|
-
__metadata("design:type", String)
|
|
822
|
-
], FsPopoverComponent.prototype, "wrapperClass", void 0);
|
|
823
|
-
__decorate([
|
|
824
|
-
core.Input(),
|
|
825
|
-
__metadata("design:type", Object)
|
|
826
|
-
], FsPopoverComponent.prototype, "autoShow", void 0);
|
|
827
|
-
__decorate([
|
|
828
|
-
core.Input(),
|
|
829
|
-
__metadata("design:type", Object)
|
|
830
|
-
], FsPopoverComponent.prototype, "autoClose", void 0);
|
|
831
|
-
__decorate([
|
|
832
|
-
core.Input(),
|
|
833
|
-
__metadata("design:type", Object)
|
|
834
|
-
], FsPopoverComponent.prototype, "loadingDiameter", void 0);
|
|
835
|
-
__decorate([
|
|
836
|
-
core.Input(),
|
|
837
|
-
__metadata("design:type", Object)
|
|
838
|
-
], FsPopoverComponent.prototype, "loading", void 0);
|
|
839
|
-
__decorate([
|
|
840
|
-
core.Input(),
|
|
841
|
-
core.HostBinding('class.indication'),
|
|
842
|
-
__metadata("design:type", Object)
|
|
843
|
-
], FsPopoverComponent.prototype, "indication", void 0);
|
|
844
|
-
__decorate([
|
|
845
|
-
core.Input(),
|
|
846
|
-
__metadata("design:type", String)
|
|
847
|
-
], FsPopoverComponent.prototype, "position", void 0);
|
|
848
|
-
__decorate([
|
|
849
|
-
core.Input(),
|
|
850
|
-
__metadata("design:type", String)
|
|
851
|
-
], FsPopoverComponent.prototype, "theme", void 0);
|
|
852
|
-
__decorate([
|
|
853
|
-
core.Input(),
|
|
854
|
-
__metadata("design:type", String)
|
|
855
|
-
], FsPopoverComponent.prototype, "size", void 0);
|
|
856
|
-
__decorate([
|
|
857
|
-
core.Input(),
|
|
858
|
-
__metadata("design:type", String)
|
|
859
|
-
], FsPopoverComponent.prototype, "trigger", void 0);
|
|
860
|
-
FsPopoverComponent = __decorate([
|
|
861
|
-
core.Component({
|
|
862
|
-
selector: 'fs-popover',
|
|
863
|
-
template: "<ng-content></ng-content>\n<!-- <div class=\"line-container\">\n <div class=\"line\"></div>\n</div> -->\n\n<div class=\"line\"></div>\n\n",
|
|
864
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
865
|
-
styles: [":host{display:inline-flex;cursor:pointer;position:relative}::ng-deep fs-popover.indication .line{width:100%;bottom:0;border-bottom:1px dashed #ccc;position:absolute;opacity:.6}"]
|
|
866
|
-
}),
|
|
867
|
-
__param(3, core.Optional()),
|
|
868
|
-
__metadata("design:paramtypes", [core.ElementRef,
|
|
869
|
-
FsPopoverService,
|
|
870
|
-
core.NgZone,
|
|
871
|
-
router.Router])
|
|
872
|
-
], FsPopoverComponent);
|
|
873
905
|
return FsPopoverComponent;
|
|
874
906
|
}());
|
|
907
|
+
FsPopoverComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverComponent, deps: [{ token: i0__namespace.ElementRef }, { token: FsPopoverService }, { token: i0__namespace.NgZone }, { token: i2__namespace$1.Router, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
908
|
+
FsPopoverComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsPopoverComponent, selector: "fs-popover", inputs: { template: "template", data: "data", leaveDelay: "leaveDelay", showDelay: "showDelay", maxWidth: "maxWidth", wrapperClass: "wrapperClass", autoShow: "autoShow", autoClose: "autoClose", loadingDiameter: "loadingDiameter", loading: "loading", indication: "indication", position: "position", theme: "theme", size: "size", trigger: "trigger" }, host: { properties: { "class.indication": "this.indication" } }, ngImport: i0__namespace, template: "<ng-content></ng-content>\n<!-- <div class=\"line-container\">\n <div class=\"line\"></div>\n</div> -->\n\n<div class=\"line\"></div>\n\n", styles: [":host{display:inline-flex;cursor:pointer;position:relative}::ng-deep fs-popover.indication .line{width:100%;bottom:0;border-bottom:1px dashed #ccc;position:absolute;opacity:.6}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
909
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverComponent, decorators: [{
|
|
910
|
+
type: i0.Component,
|
|
911
|
+
args: [{
|
|
912
|
+
selector: 'fs-popover',
|
|
913
|
+
templateUrl: 'popover.component.html',
|
|
914
|
+
styleUrls: ['popover.component.scss'],
|
|
915
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
916
|
+
}]
|
|
917
|
+
}], ctorParameters: function () {
|
|
918
|
+
return [{ type: i0__namespace.ElementRef }, { type: FsPopoverService }, { type: i0__namespace.NgZone }, { type: i2__namespace$1.Router, decorators: [{
|
|
919
|
+
type: i0.Optional
|
|
920
|
+
}] }];
|
|
921
|
+
}, propDecorators: { template: [{
|
|
922
|
+
type: i0.Input
|
|
923
|
+
}], data: [{
|
|
924
|
+
type: i0.Input
|
|
925
|
+
}], leaveDelay: [{
|
|
926
|
+
type: i0.Input
|
|
927
|
+
}], showDelay: [{
|
|
928
|
+
type: i0.Input
|
|
929
|
+
}], maxWidth: [{
|
|
930
|
+
type: i0.Input
|
|
931
|
+
}], wrapperClass: [{
|
|
932
|
+
type: i0.Input
|
|
933
|
+
}], autoShow: [{
|
|
934
|
+
type: i0.Input
|
|
935
|
+
}], autoClose: [{
|
|
936
|
+
type: i0.Input
|
|
937
|
+
}], loadingDiameter: [{
|
|
938
|
+
type: i0.Input
|
|
939
|
+
}], loading: [{
|
|
940
|
+
type: i0.Input
|
|
941
|
+
}], indication: [{
|
|
942
|
+
type: i0.Input
|
|
943
|
+
}, {
|
|
944
|
+
type: i0.HostBinding,
|
|
945
|
+
args: ['class.indication']
|
|
946
|
+
}], position: [{
|
|
947
|
+
type: i0.Input
|
|
948
|
+
}], theme: [{
|
|
949
|
+
type: i0.Input
|
|
950
|
+
}], size: [{
|
|
951
|
+
type: i0.Input
|
|
952
|
+
}], trigger: [{
|
|
953
|
+
type: i0.Input
|
|
954
|
+
}] } });
|
|
875
955
|
|
|
876
956
|
var FsPopoverModule = /** @class */ (function () {
|
|
877
957
|
function FsPopoverModule() {
|
|
878
958
|
}
|
|
879
|
-
FsPopoverModule_1 = FsPopoverModule;
|
|
880
959
|
FsPopoverModule.forRoot = function () {
|
|
881
960
|
return {
|
|
882
|
-
ngModule:
|
|
961
|
+
ngModule: FsPopoverModule,
|
|
883
962
|
providers: [FsPopoverService]
|
|
884
963
|
};
|
|
885
964
|
};
|
|
886
|
-
var FsPopoverModule_1;
|
|
887
|
-
FsPopoverModule = FsPopoverModule_1 = __decorate([
|
|
888
|
-
core.NgModule({
|
|
889
|
-
imports: [
|
|
890
|
-
common.CommonModule,
|
|
891
|
-
portal.PortalModule,
|
|
892
|
-
progressSpinner.MatProgressSpinnerModule,
|
|
893
|
-
],
|
|
894
|
-
declarations: [
|
|
895
|
-
FsPopoverComponent,
|
|
896
|
-
FsPopoverWrapperComponent,
|
|
897
|
-
],
|
|
898
|
-
exports: [
|
|
899
|
-
FsPopoverComponent,
|
|
900
|
-
],
|
|
901
|
-
})
|
|
902
|
-
], FsPopoverModule);
|
|
903
965
|
return FsPopoverModule;
|
|
904
966
|
}());
|
|
967
|
+
FsPopoverModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
968
|
+
FsPopoverModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverModule, declarations: [FsPopoverComponent,
|
|
969
|
+
FsPopoverWrapperComponent], imports: [i3.CommonModule,
|
|
970
|
+
i4.PortalModule,
|
|
971
|
+
i2.MatProgressSpinnerModule], exports: [FsPopoverComponent] });
|
|
972
|
+
FsPopoverModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverModule, imports: [[
|
|
973
|
+
i3.CommonModule,
|
|
974
|
+
i4.PortalModule,
|
|
975
|
+
i2.MatProgressSpinnerModule,
|
|
976
|
+
]] });
|
|
977
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsPopoverModule, decorators: [{
|
|
978
|
+
type: i0.NgModule,
|
|
979
|
+
args: [{
|
|
980
|
+
imports: [
|
|
981
|
+
i3.CommonModule,
|
|
982
|
+
i4.PortalModule,
|
|
983
|
+
i2.MatProgressSpinnerModule,
|
|
984
|
+
],
|
|
985
|
+
declarations: [
|
|
986
|
+
FsPopoverComponent,
|
|
987
|
+
FsPopoverWrapperComponent,
|
|
988
|
+
],
|
|
989
|
+
exports: [
|
|
990
|
+
FsPopoverComponent,
|
|
991
|
+
],
|
|
992
|
+
}]
|
|
993
|
+
}] });
|
|
994
|
+
|
|
995
|
+
/*
|
|
996
|
+
* Public API Surface of fs-menu
|
|
997
|
+
*/
|
|
998
|
+
|
|
999
|
+
/**
|
|
1000
|
+
* Generated bundle index. Do not edit.
|
|
1001
|
+
*/
|
|
905
1002
|
|
|
906
1003
|
exports.FsPopoverComponent = FsPopoverComponent;
|
|
907
1004
|
exports.FsPopoverModule = FsPopoverModule;
|
|
908
1005
|
exports.FsPopoverRef = FsPopoverRef;
|
|
909
|
-
exports.ɵa = FsPopoverService;
|
|
910
|
-
exports.ɵb = FsPopoverWrapperComponent;
|
|
911
1006
|
|
|
912
1007
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
913
1008
|
|
|
914
|
-
}))
|
|
1009
|
+
}));
|
|
915
1010
|
//# sourceMappingURL=firestitch-popover.umd.js.map
|