ngx-bootstrap-positioning.umd.js 57 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542
  1. (function (global, factory) {
  2. typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs')) :
  3. typeof define === 'function' && define.amd ? define('ngx-bootstrap/positioning', ['exports', '@angular/core', '@angular/common', 'rxjs'], factory) :
  4. (global = global || self, factory((global['ngx-bootstrap'] = global['ngx-bootstrap'] || {}, global['ngx-bootstrap'].positioning = {}), global.ng.core, global.ng.common, global.rxjs));
  5. }(this, function (exports, core, common, rxjs) { 'use strict';
  6. /*! *****************************************************************************
  7. Copyright (c) Microsoft Corporation. All rights reserved.
  8. Licensed under the Apache License, Version 2.0 (the "License"); you may not use
  9. this file except in compliance with the License. You may obtain a copy of the
  10. License at http://www.apache.org/licenses/LICENSE-2.0
  11. THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  12. KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
  13. WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
  14. MERCHANTABLITY OR NON-INFRINGEMENT.
  15. See the Apache Version 2.0 License for specific language governing permissions
  16. and limitations under the License.
  17. ***************************************************************************** */
  18. var __assign = function() {
  19. __assign = Object.assign || function __assign(t) {
  20. for (var s, i = 1, n = arguments.length; i < n; i++) {
  21. s = arguments[i];
  22. for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
  23. }
  24. return t;
  25. };
  26. return __assign.apply(this, arguments);
  27. };
  28. /**
  29. * @fileoverview added by tsickle
  30. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  31. */
  32. /**
  33. * Get CSS computed property of the given element
  34. * @param {?} element
  35. * @param {?=} property
  36. * @return {?}
  37. */
  38. function getStyleComputedProperty(element, property) {
  39. if (element.nodeType !== 1) {
  40. return [];
  41. }
  42. // NOTE: 1 DOM access here
  43. /** @type {?} */
  44. var window = element.ownerDocument.defaultView;
  45. /** @type {?} */
  46. var css = window.getComputedStyle(element, null);
  47. return property ? css[(/** @type {?} */ (property))] : css;
  48. }
  49. /**
  50. * @fileoverview added by tsickle
  51. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  52. */
  53. /**
  54. * Returns the parentNode or the host of the element
  55. * @param {?} element
  56. * @return {?}
  57. */
  58. function getParentNode(element) {
  59. if (element.nodeName === 'HTML') {
  60. return element;
  61. }
  62. return element.parentNode || element.host;
  63. }
  64. /**
  65. * @fileoverview added by tsickle
  66. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  67. */
  68. /**
  69. * @param {?} element
  70. * @return {?}
  71. */
  72. function getScrollParent(element) {
  73. // Return body, `getScroll` will take care to get the correct `scrollTop` from it
  74. if (!element) {
  75. return document.body;
  76. }
  77. switch (element.nodeName) {
  78. case 'HTML':
  79. case 'BODY':
  80. return element.ownerDocument.body;
  81. case '#document':
  82. return element.body;
  83. default:
  84. }
  85. // Firefox want us to check `-x` and `-y` variations as well
  86. var _a = getStyleComputedProperty(element), overflow = _a.overflow, overflowX = _a.overflowX, overflowY = _a.overflowY;
  87. if (/(auto|scroll|overlay)/.test(String(overflow) + String(overflowY) + String(overflowX))) {
  88. return element;
  89. }
  90. return getScrollParent(getParentNode(element));
  91. }
  92. /**
  93. * @fileoverview added by tsickle
  94. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  95. */
  96. /** @type {?} */
  97. var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
  98. /**
  99. * @fileoverview added by tsickle
  100. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  101. */
  102. /** @type {?} */
  103. var isIE11 = isBrowser && !!(((/** @type {?} */ (window))).MSInputMethodContext && ((/** @type {?} */ (document))).documentMode);
  104. /** @type {?} */
  105. var isIE10 = isBrowser && !!(((/** @type {?} */ (window))).MSInputMethodContext && /MSIE 10/.test(((/** @type {?} */ (navigator))).userAgent));
  106. /**
  107. * @param {?=} version
  108. * @return {?}
  109. */
  110. function isIE(version) {
  111. if (version === 11) {
  112. return isIE11;
  113. }
  114. if (version === 10) {
  115. return isIE10;
  116. }
  117. return isIE11 || isIE10;
  118. }
  119. /**
  120. * @fileoverview added by tsickle
  121. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  122. */
  123. /**
  124. * @param {?} element
  125. * @return {?}
  126. */
  127. function getOffsetParent(element) {
  128. if (!element) {
  129. return document.documentElement;
  130. }
  131. /** @type {?} */
  132. var noOffsetParent = isIE(10) ? document.body : null;
  133. // NOTE: 1 DOM access here
  134. /** @type {?} */
  135. var offsetParent = element.offsetParent || null;
  136. // Skip hidden elements which don't have an offsetParent
  137. /** @type {?} */
  138. var sibling;
  139. while (offsetParent === noOffsetParent
  140. && element.nextElementSibling
  141. && sibling !== element.nextElementSibling) {
  142. sibling = element.nextElementSibling;
  143. offsetParent = sibling.offsetParent;
  144. }
  145. /** @type {?} */
  146. var nodeName = offsetParent && offsetParent.nodeName;
  147. if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
  148. return sibling ? sibling.ownerDocument.documentElement : document.documentElement;
  149. }
  150. // .offsetParent will return the closest TH, TD or TABLE in case
  151. if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 &&
  152. getStyleComputedProperty(offsetParent, 'position') === 'static') {
  153. return getOffsetParent(offsetParent);
  154. }
  155. return offsetParent;
  156. }
  157. /**
  158. * @fileoverview added by tsickle
  159. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  160. */
  161. /**
  162. * @param {?} element
  163. * @return {?}
  164. */
  165. function isOffsetContainer(element) {
  166. var nodeName = element.nodeName;
  167. if (nodeName === 'BODY') {
  168. return false;
  169. }
  170. return (nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element);
  171. }
  172. /**
  173. * @fileoverview added by tsickle
  174. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  175. */
  176. /**
  177. * Finds the root node (document, shadowDOM root) of the given element
  178. * @param {?} node
  179. * @return {?}
  180. */
  181. function getRoot(node) {
  182. if (node.parentNode !== null) {
  183. return getRoot(node.parentNode);
  184. }
  185. return node;
  186. }
  187. /**
  188. * @fileoverview added by tsickle
  189. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  190. */
  191. /**
  192. * @param {?} element1
  193. * @param {?} element2
  194. * @return {?}
  195. */
  196. function findCommonOffsetParent(element1, element2) {
  197. // This check is needed to avoid errors in case one of the elements isn't defined for any reason
  198. if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
  199. return document.documentElement;
  200. }
  201. // Here we make sure to give as "start" the element that comes first in the DOM
  202. /* tslint:disable-next-line: no-bitwise */
  203. /** @type {?} */
  204. var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
  205. /** @type {?} */
  206. var start = order ? element1 : element2;
  207. /** @type {?} */
  208. var end = order ? element2 : element1;
  209. // Get common ancestor container
  210. /** @type {?} */
  211. var range = document.createRange();
  212. range.setStart(start, 0);
  213. range.setEnd(end, 0);
  214. var commonAncestorContainer = range.commonAncestorContainer;
  215. // Both nodes are inside #document
  216. if ((element1 !== commonAncestorContainer &&
  217. element2 !== commonAncestorContainer) ||
  218. start.contains(end)) {
  219. if (isOffsetContainer(commonAncestorContainer)) {
  220. return commonAncestorContainer;
  221. }
  222. return getOffsetParent(commonAncestorContainer);
  223. }
  224. // one of the nodes is inside shadowDOM, find which one
  225. /** @type {?} */
  226. var element1root = getRoot(element1);
  227. if (element1root.host) {
  228. return findCommonOffsetParent(element1root.host, element2);
  229. }
  230. else {
  231. return findCommonOffsetParent(element1, getRoot(element2).host);
  232. }
  233. }
  234. /**
  235. * @fileoverview added by tsickle
  236. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  237. */
  238. /**
  239. * Helper to detect borders of a given element
  240. */
  241. /**
  242. * @param {?} styles
  243. * @param {?} axis
  244. * @return {?}
  245. */
  246. function getBordersSize(styles, axis) {
  247. /** @type {?} */
  248. var sideA = axis === 'x' ? 'Left' : 'Top';
  249. /** @type {?} */
  250. var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
  251. return (parseFloat(styles[(/** @type {?} */ ("border" + sideA + "Width"))]) +
  252. parseFloat(styles[(/** @type {?} */ ("border" + sideB + "Width"))]));
  253. }
  254. /**
  255. * @fileoverview added by tsickle
  256. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  257. */
  258. /**
  259. * @param {?} axis
  260. * @param {?} body
  261. * @param {?} html
  262. * @param {?} computedStyle
  263. * @return {?}
  264. */
  265. function getSize(axis, body, html, computedStyle) {
  266. return Math.max(((/** @type {?} */ (body)))["offset" + axis], ((/** @type {?} */ (body)))["scroll" + axis], ((/** @type {?} */ (html)))["client" + axis], ((/** @type {?} */ (html)))["offset" + axis], ((/** @type {?} */ (html)))["scroll" + axis], isIE(10)
  267. ? (parseInt(((/** @type {?} */ (html)))["offset" + axis], 10) +
  268. parseInt(computedStyle[(/** @type {?} */ ("margin" + (axis === 'Height' ? 'Top' : 'Left')))], 10) +
  269. parseInt(computedStyle[(/** @type {?} */ ("margin" + (axis === 'Height' ? 'Bottom' : 'Right')))], 10))
  270. : 0);
  271. }
  272. /**
  273. * @param {?} document
  274. * @return {?}
  275. */
  276. function getWindowSizes(document) {
  277. /** @type {?} */
  278. var body = document.body;
  279. /** @type {?} */
  280. var html = document.documentElement;
  281. /** @type {?} */
  282. var computedStyle = isIE(10) && getComputedStyle(html);
  283. return {
  284. height: getSize('Height', body, html, computedStyle),
  285. width: getSize('Width', body, html, computedStyle)
  286. };
  287. }
  288. /**
  289. * @fileoverview added by tsickle
  290. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  291. */
  292. /**
  293. * Gets the scroll value of the given element in the given side (top and left)
  294. * @param {?} element
  295. * @param {?=} side
  296. * @return {?}
  297. */
  298. function getScroll(element, side) {
  299. if (side === void 0) { side = 'top'; }
  300. /** @type {?} */
  301. var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
  302. /** @type {?} */
  303. var nodeName = element.nodeName;
  304. if (nodeName === 'BODY' || nodeName === 'HTML') {
  305. /** @type {?} */
  306. var html = element.ownerDocument.documentElement;
  307. /** @type {?} */
  308. var scrollingElement = element.ownerDocument.scrollingElement || html;
  309. return scrollingElement[upperSide];
  310. }
  311. return element[upperSide];
  312. }
  313. /**
  314. * @fileoverview added by tsickle
  315. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  316. */
  317. /**
  318. * @param {?} offsets
  319. * @return {?}
  320. */
  321. function getClientRect(offsets) {
  322. return __assign({}, offsets, { right: offsets.left + offsets.width, bottom: offsets.top + offsets.height });
  323. }
  324. /**
  325. * @fileoverview added by tsickle
  326. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  327. */
  328. /**
  329. * @param {?} element
  330. * @return {?}
  331. */
  332. function getBoundingClientRect(element) {
  333. /** @type {?} */
  334. var rect = {};
  335. // IE10 10 FIX: Please, don't ask, the element isn't
  336. // considered in DOM in some circumstances...
  337. // This isn't reproducible in IE10 compatibility mode of IE11
  338. try {
  339. if (isIE(10)) {
  340. rect = element.getBoundingClientRect();
  341. /** @type {?} */
  342. var scrollTop = getScroll(element, 'top');
  343. /** @type {?} */
  344. var scrollLeft = getScroll(element, 'left');
  345. rect.top += scrollTop;
  346. rect.left += scrollLeft;
  347. rect.bottom += scrollTop;
  348. rect.right += scrollLeft;
  349. }
  350. else {
  351. rect = element.getBoundingClientRect();
  352. }
  353. }
  354. catch (e) {
  355. return undefined;
  356. }
  357. /** @type {?} */
  358. var result = {
  359. left: rect.left,
  360. top: rect.top,
  361. width: rect.right - rect.left,
  362. height: rect.bottom - rect.top
  363. };
  364. // subtract scrollbar size from sizes
  365. /** @type {?} */
  366. var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
  367. /** @type {?} */
  368. var width = sizes.width || element.clientWidth || result.right - result.left;
  369. /** @type {?} */
  370. var height = sizes.height || element.clientHeight || result.bottom - result.top;
  371. /** @type {?} */
  372. var horizScrollbar = element.offsetWidth - width;
  373. /** @type {?} */
  374. var vertScrollbar = element.offsetHeight - height;
  375. // if an hypothetical scrollbar is detected, we must be sure it's not a `border`
  376. // we make this check conditional for performance reasons
  377. if (horizScrollbar || vertScrollbar) {
  378. /** @type {?} */
  379. var styles = getStyleComputedProperty(element);
  380. horizScrollbar -= getBordersSize(styles, 'x');
  381. vertScrollbar -= getBordersSize(styles, 'y');
  382. result.width -= horizScrollbar;
  383. result.height -= vertScrollbar;
  384. }
  385. return getClientRect(result);
  386. }
  387. /**
  388. * @fileoverview added by tsickle
  389. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  390. */
  391. /**
  392. * @param {?} rect
  393. * @param {?} element
  394. * @param {?=} subtract
  395. * @return {?}
  396. */
  397. function includeScroll(rect, element, subtract) {
  398. if (subtract === void 0) { subtract = false; }
  399. /** @type {?} */
  400. var scrollTop = getScroll(element, 'top');
  401. /** @type {?} */
  402. var scrollLeft = getScroll(element, 'left');
  403. /** @type {?} */
  404. var modifier = subtract ? -1 : 1;
  405. rect.top += scrollTop * modifier;
  406. rect.bottom += scrollTop * modifier;
  407. rect.left += scrollLeft * modifier;
  408. rect.right += scrollLeft * modifier;
  409. return rect;
  410. }
  411. /**
  412. * @fileoverview added by tsickle
  413. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  414. */
  415. /**
  416. * @param {?} children
  417. * @param {?} parent
  418. * @param {?=} fixedPosition
  419. * @return {?}
  420. */
  421. function getOffsetRectRelativeToArbitraryNode(children, parent, fixedPosition) {
  422. if (fixedPosition === void 0) { fixedPosition = false; }
  423. /** @type {?} */
  424. var isIE10 = isIE(10);
  425. /** @type {?} */
  426. var isHTML = parent.nodeName === 'HTML';
  427. /** @type {?} */
  428. var childrenRect = getBoundingClientRect(children);
  429. /** @type {?} */
  430. var parentRect = getBoundingClientRect(parent);
  431. /** @type {?} */
  432. var scrollParent = getScrollParent(children);
  433. /** @type {?} */
  434. var styles = getStyleComputedProperty(parent);
  435. /** @type {?} */
  436. var borderTopWidth = parseFloat(styles.borderTopWidth);
  437. /** @type {?} */
  438. var borderLeftWidth = parseFloat(styles.borderLeftWidth);
  439. // In cases where the parent is fixed, we must ignore negative scroll in offset calc
  440. if (fixedPosition && isHTML) {
  441. parentRect.top = Math.max(parentRect.top, 0);
  442. parentRect.left = Math.max(parentRect.left, 0);
  443. }
  444. /** @type {?} */
  445. var offsets = getClientRect({
  446. top: childrenRect.top - parentRect.top - borderTopWidth,
  447. left: childrenRect.left - parentRect.left - borderLeftWidth,
  448. width: childrenRect.width,
  449. height: childrenRect.height
  450. });
  451. offsets.marginTop = 0;
  452. offsets.marginLeft = 0;
  453. // Subtract margins of documentElement in case it's being used as parent
  454. // we do this only on HTML because it's the only element that behaves
  455. // differently when margins are applied to it. The margins are included in
  456. // the box of the documentElement, in the other cases not.
  457. if (!isIE10 && isHTML) {
  458. /** @type {?} */
  459. var marginTop = parseFloat(styles.marginTop);
  460. /** @type {?} */
  461. var marginLeft = parseFloat(styles.marginLeft);
  462. offsets.top -= borderTopWidth - marginTop;
  463. offsets.bottom -= borderTopWidth - marginTop;
  464. offsets.left -= borderLeftWidth - marginLeft;
  465. offsets.right -= borderLeftWidth - marginLeft;
  466. // Attach marginTop and marginLeft because in some circumstances we may need them
  467. offsets.marginTop = marginTop;
  468. offsets.marginLeft = marginLeft;
  469. }
  470. if (isIE10 && !fixedPosition
  471. ? parent.contains(scrollParent)
  472. : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
  473. offsets = includeScroll(offsets, parent);
  474. }
  475. return offsets;
  476. }
  477. /**
  478. * @fileoverview added by tsickle
  479. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  480. */
  481. /**
  482. * @param {?} element
  483. * @param {?=} excludeScroll
  484. * @return {?}
  485. */
  486. function getViewportOffsetRectRelativeToArtbitraryNode(element, excludeScroll) {
  487. if (excludeScroll === void 0) { excludeScroll = false; }
  488. /** @type {?} */
  489. var html = element.ownerDocument.documentElement;
  490. /** @type {?} */
  491. var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
  492. /** @type {?} */
  493. var width = Math.max(html.clientWidth, window.innerWidth || 0);
  494. /** @type {?} */
  495. var height = Math.max(html.clientHeight, window.innerHeight || 0);
  496. /** @type {?} */
  497. var scrollTop = !excludeScroll ? getScroll(html) : 0;
  498. /** @type {?} */
  499. var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
  500. /** @type {?} */
  501. var offset = {
  502. top: scrollTop - Number(relativeOffset.top) + Number(relativeOffset.marginTop),
  503. left: scrollLeft - Number(relativeOffset.left) + Number(relativeOffset.marginLeft),
  504. width: width,
  505. height: height
  506. };
  507. return getClientRect(offset);
  508. }
  509. /**
  510. * @fileoverview added by tsickle
  511. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  512. */
  513. /**
  514. * @param {?} element
  515. * @return {?}
  516. */
  517. function isFixed(element) {
  518. /** @type {?} */
  519. var nodeName = element.nodeName;
  520. if (nodeName === 'BODY' || nodeName === 'HTML') {
  521. return false;
  522. }
  523. if (getStyleComputedProperty(element, 'position') === 'fixed') {
  524. return true;
  525. }
  526. return isFixed(getParentNode(element));
  527. }
  528. /**
  529. * @fileoverview added by tsickle
  530. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  531. */
  532. /**
  533. * @param {?} element
  534. * @return {?}
  535. */
  536. function getFixedPositionOffsetParent(element) {
  537. // This check is needed to avoid errors in case one of the elements isn't defined for any reason
  538. if (!element || !element.parentElement || isIE()) {
  539. return document.documentElement;
  540. }
  541. /** @type {?} */
  542. var el = element.parentElement;
  543. while (el && getStyleComputedProperty(el, 'transform') === 'none') {
  544. el = el.parentElement;
  545. }
  546. return el || document.documentElement;
  547. }
  548. /**
  549. * @fileoverview added by tsickle
  550. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  551. */
  552. /**
  553. * @param {?} target
  554. * @param {?} host
  555. * @param {?=} padding
  556. * @param {?=} boundariesElement
  557. * @param {?=} fixedPosition
  558. * @return {?}
  559. */
  560. function getBoundaries(target, host, padding, boundariesElement, fixedPosition) {
  561. // NOTE: 1 DOM access here
  562. if (padding === void 0) { padding = 0; }
  563. if (fixedPosition === void 0) { fixedPosition = false; }
  564. // NOTE: 1 DOM access here
  565. /** @type {?} */
  566. var boundaries = { top: 0, left: 0 };
  567. /** @type {?} */
  568. var offsetParent = fixedPosition ? getFixedPositionOffsetParent(target) : findCommonOffsetParent(target, host);
  569. // Handle viewport case
  570. if (boundariesElement === 'viewport') {
  571. boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
  572. }
  573. else {
  574. // Handle other cases based on DOM element used as boundaries
  575. /** @type {?} */
  576. var boundariesNode = void 0;
  577. if (boundariesElement === 'scrollParent') {
  578. boundariesNode = getScrollParent(getParentNode(host));
  579. if (boundariesNode.nodeName === 'BODY') {
  580. boundariesNode = target.ownerDocument.documentElement;
  581. }
  582. }
  583. else if (boundariesElement === 'window') {
  584. boundariesNode = target.ownerDocument.documentElement;
  585. }
  586. else {
  587. boundariesNode = boundariesElement;
  588. }
  589. /** @type {?} */
  590. var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
  591. // In case of HTML, we need a different computation
  592. if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
  593. var _a = getWindowSizes(target.ownerDocument), height = _a.height, width = _a.width;
  594. boundaries.top += offsets.top - offsets.marginTop;
  595. boundaries.bottom = Number(height) + Number(offsets.top);
  596. boundaries.left += offsets.left - offsets.marginLeft;
  597. boundaries.right = Number(width) + Number(offsets.left);
  598. }
  599. else {
  600. // for all the other DOM elements, this one is good
  601. boundaries = offsets;
  602. }
  603. }
  604. // Add paddings
  605. boundaries.left += padding;
  606. boundaries.top += padding;
  607. boundaries.right -= padding;
  608. boundaries.bottom -= padding;
  609. return boundaries;
  610. }
  611. /**
  612. * @fileoverview added by tsickle
  613. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  614. */
  615. /**
  616. * @param {?} __0
  617. * @return {?}
  618. */
  619. function getArea(_a) {
  620. var width = _a.width, height = _a.height;
  621. return width * height;
  622. }
  623. /**
  624. * @param {?} placement
  625. * @param {?} refRect
  626. * @param {?} target
  627. * @param {?} host
  628. * @param {?=} allowedPositions
  629. * @param {?=} boundariesElement
  630. * @param {?=} padding
  631. * @return {?}
  632. */
  633. function computeAutoPlacement(placement, refRect, target, host, allowedPositions, boundariesElement, padding) {
  634. if (allowedPositions === void 0) { allowedPositions = ['top', 'bottom', 'right', 'left']; }
  635. if (boundariesElement === void 0) { boundariesElement = 'viewport'; }
  636. if (padding === void 0) { padding = 0; }
  637. if (placement.indexOf('auto') === -1) {
  638. return placement;
  639. }
  640. /** @type {?} */
  641. var boundaries = getBoundaries(target, host, padding, boundariesElement);
  642. /** @type {?} */
  643. var rects = {
  644. top: {
  645. width: boundaries.width,
  646. height: refRect.top - boundaries.top
  647. },
  648. right: {
  649. width: boundaries.right - refRect.right,
  650. height: boundaries.height
  651. },
  652. bottom: {
  653. width: boundaries.width,
  654. height: boundaries.bottom - refRect.bottom
  655. },
  656. left: {
  657. width: refRect.left - boundaries.left,
  658. height: boundaries.height
  659. }
  660. };
  661. /** @type {?} */
  662. var sortedAreas = Object.keys(rects)
  663. .map((/**
  664. * @param {?} key
  665. * @return {?}
  666. */
  667. function (key) { return (__assign({ key: key }, rects[key], { area: getArea(rects[key]) })); }))
  668. .sort((/**
  669. * @param {?} a
  670. * @param {?} b
  671. * @return {?}
  672. */
  673. function (a, b) { return b.area - a.area; }));
  674. /** @type {?} */
  675. var filteredAreas = sortedAreas.filter((/**
  676. * @param {?} __0
  677. * @return {?}
  678. */
  679. function (_a) {
  680. var width = _a.width, height = _a.height;
  681. return width >= target.clientWidth
  682. && height >= target.clientHeight;
  683. }));
  684. filteredAreas = filteredAreas.filter((/**
  685. * @param {?} position
  686. * @return {?}
  687. */
  688. function (position) {
  689. return allowedPositions
  690. .some((/**
  691. * @param {?} allowedPosition
  692. * @return {?}
  693. */
  694. function (allowedPosition) {
  695. return allowedPosition === position.key;
  696. }));
  697. }));
  698. /** @type {?} */
  699. var computedPlacement = filteredAreas.length > 0
  700. ? filteredAreas[0].key
  701. : sortedAreas[0].key;
  702. /** @type {?} */
  703. var variation = placement.split(' ')[1];
  704. // for tooltip on auto position
  705. target.className = target.className.replace(/bs-tooltip-auto/g, "bs-tooltip-" + computedPlacement);
  706. return computedPlacement + (variation ? "-" + variation : '');
  707. }
  708. /**
  709. * @fileoverview added by tsickle
  710. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  711. */
  712. /**
  713. * @param {?} data
  714. * @return {?}
  715. */
  716. function getOffsets(data) {
  717. return {
  718. width: data.offsets.target.width,
  719. height: data.offsets.target.height,
  720. left: Math.floor(data.offsets.target.left),
  721. top: Math.round(data.offsets.target.top),
  722. bottom: Math.round(data.offsets.target.bottom),
  723. right: Math.floor(data.offsets.target.right)
  724. };
  725. }
  726. /**
  727. * @fileoverview added by tsickle
  728. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  729. */
  730. /**
  731. * Get the opposite placement of the given one
  732. * @param {?} placement
  733. * @return {?}
  734. */
  735. function getOppositePlacement(placement) {
  736. /** @type {?} */
  737. var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
  738. return placement.replace(/left|right|bottom|top/g, (/**
  739. * @param {?} matched
  740. * @return {?}
  741. */
  742. function (matched) { return ((/** @type {?} */ (hash)))[matched]; }));
  743. }
  744. /**
  745. * @fileoverview added by tsickle
  746. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  747. */
  748. /**
  749. * Get the opposite placement variation of the given one
  750. * @param {?} variation
  751. * @return {?}
  752. */
  753. function getOppositeVariation(variation) {
  754. if (variation === 'right') {
  755. return 'left';
  756. }
  757. else if (variation === 'left') {
  758. return 'right';
  759. }
  760. return variation;
  761. }
  762. /**
  763. * @fileoverview added by tsickle
  764. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  765. */
  766. /**
  767. * Get the outer sizes of the given element (offset size + margins)
  768. * @param {?} element
  769. * @return {?}
  770. */
  771. function getOuterSizes(element) {
  772. /** @type {?} */
  773. var window = element.ownerDocument.defaultView;
  774. /** @type {?} */
  775. var styles = window.getComputedStyle(element);
  776. /** @type {?} */
  777. var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
  778. /** @type {?} */
  779. var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
  780. return {
  781. width: Number(element.offsetWidth) + y,
  782. height: Number(element.offsetHeight) + x
  783. };
  784. }
  785. /**
  786. * @fileoverview added by tsickle
  787. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  788. */
  789. /**
  790. * @param {?} target
  791. * @param {?} host
  792. * @param {?=} fixedPosition
  793. * @return {?}
  794. */
  795. function getReferenceOffsets(target, host, fixedPosition) {
  796. if (fixedPosition === void 0) { fixedPosition = null; }
  797. /** @type {?} */
  798. var commonOffsetParent = fixedPosition
  799. ? getFixedPositionOffsetParent(target)
  800. : findCommonOffsetParent(target, host);
  801. return getOffsetRectRelativeToArbitraryNode(host, commonOffsetParent, fixedPosition);
  802. }
  803. /**
  804. * @fileoverview added by tsickle
  805. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  806. */
  807. /**
  808. * @param {?} target
  809. * @param {?} hostOffsets
  810. * @param {?} position
  811. * @return {?}
  812. */
  813. function getTargetOffsets(target, hostOffsets, position) {
  814. /** @type {?} */
  815. var placement = position.split(' ')[0];
  816. // Get target node sizes
  817. /** @type {?} */
  818. var targetRect = getOuterSizes(target);
  819. // Add position, width and height to our offsets object
  820. /** @type {?} */
  821. var targetOffsets = {
  822. width: targetRect.width,
  823. height: targetRect.height
  824. };
  825. // depending by the target placement we have to compute its offsets slightly differently
  826. /** @type {?} */
  827. var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
  828. /** @type {?} */
  829. var mainSide = isHoriz ? 'top' : 'left';
  830. /** @type {?} */
  831. var secondarySide = isHoriz ? 'left' : 'top';
  832. /** @type {?} */
  833. var measurement = isHoriz ? 'height' : 'width';
  834. /** @type {?} */
  835. var secondaryMeasurement = !isHoriz ? 'height' : 'width';
  836. ((/** @type {?} */ (targetOffsets)))[mainSide] =
  837. hostOffsets[mainSide] +
  838. hostOffsets[measurement] / 2 -
  839. targetRect[measurement] / 2;
  840. ((/** @type {?} */ (targetOffsets)))[secondarySide] = placement === secondarySide
  841. ? hostOffsets[secondarySide] - targetRect[secondaryMeasurement]
  842. : ((/** @type {?} */ (hostOffsets)))[getOppositePlacement(secondarySide)];
  843. return targetOffsets;
  844. }
  845. /**
  846. * @fileoverview added by tsickle
  847. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  848. */
  849. /**
  850. * Helper used to know if the given modifier is enabled.
  851. * @param {?} options
  852. * @param {?} modifierName
  853. * @return {?}
  854. */
  855. function isModifierEnabled(options, modifierName) {
  856. return options
  857. && options.modifiers
  858. && options.modifiers[modifierName]
  859. && options.modifiers[modifierName].enabled;
  860. }
  861. /**
  862. * @fileoverview added by tsickle
  863. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  864. */
  865. /**
  866. * Tells if a given input is a number
  867. * @param {?} n
  868. * @return {?}
  869. */
  870. function isNumeric(n) {
  871. return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
  872. }
  873. /**
  874. * @fileoverview added by tsickle
  875. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  876. */
  877. /**
  878. * @param {?} data
  879. * @param {?=} renderer
  880. * @return {?}
  881. */
  882. function updateContainerClass(data, renderer) {
  883. /** @type {?} */
  884. var target = data.instance.target;
  885. /** @type {?} */
  886. var containerClass = target.className;
  887. if (data.placementAuto) {
  888. containerClass = containerClass.replace(/bs-popover-auto/g, "bs-popover-" + data.placement);
  889. containerClass = containerClass.replace(/bs-tooltip-auto/g, "bs-tooltip-" + data.placement);
  890. containerClass = containerClass.replace(/\sauto/g, " " + data.placement);
  891. if (containerClass.indexOf('popover') !== -1 && containerClass.indexOf('popover-auto') === -1) {
  892. containerClass += ' popover-auto';
  893. }
  894. if (containerClass.indexOf('tooltip') !== -1 && containerClass.indexOf('tooltip-auto') === -1) {
  895. containerClass += ' tooltip-auto';
  896. }
  897. }
  898. containerClass = containerClass.replace(/left|right|top|bottom/g, "" + data.placement.split(' ')[0]);
  899. if (renderer) {
  900. renderer.setAttribute(target, 'class', containerClass);
  901. return;
  902. }
  903. target.className = containerClass;
  904. }
  905. /**
  906. * @fileoverview added by tsickle
  907. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  908. */
  909. /**
  910. * @param {?} element
  911. * @param {?} styles
  912. * @param {?=} renderer
  913. * @return {?}
  914. */
  915. function setStyles(element, styles, renderer) {
  916. Object.keys(styles).forEach((/**
  917. * @param {?} prop
  918. * @return {?}
  919. */
  920. function (prop) {
  921. /** @type {?} */
  922. var unit = '';
  923. // add unit if the value is numeric and is one of the following
  924. if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 &&
  925. isNumeric(styles[prop])) {
  926. unit = 'px';
  927. }
  928. if (renderer) {
  929. renderer.setStyle(element, prop, "" + String(styles[prop]) + unit);
  930. return;
  931. }
  932. element.style[prop] = String(styles[prop]) + unit;
  933. }));
  934. }
  935. /**
  936. * @fileoverview added by tsickle
  937. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  938. */
  939. /**
  940. * @param {?} data
  941. * @return {?}
  942. */
  943. function arrow(data) {
  944. var _a;
  945. /** @type {?} */
  946. var targetOffsets = data.offsets.target;
  947. // if arrowElement is a string, suppose it's a CSS selector
  948. /** @type {?} */
  949. var arrowElement = data.instance.target.querySelector('.arrow');
  950. // if arrowElement is not found, don't run the modifier
  951. if (!arrowElement) {
  952. return data;
  953. }
  954. /** @type {?} */
  955. var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
  956. /** @type {?} */
  957. var len = isVertical ? 'height' : 'width';
  958. /** @type {?} */
  959. var sideCapitalized = isVertical ? 'Top' : 'Left';
  960. /** @type {?} */
  961. var side = sideCapitalized.toLowerCase();
  962. /** @type {?} */
  963. var altSide = isVertical ? 'left' : 'top';
  964. /** @type {?} */
  965. var opSide = isVertical ? 'bottom' : 'right';
  966. /** @type {?} */
  967. var arrowElementSize = getOuterSizes(arrowElement)[len];
  968. // top/left side
  969. if (data.offsets.host[opSide] - arrowElementSize < ((/** @type {?} */ (targetOffsets)))[side]) {
  970. ((/** @type {?} */ (targetOffsets)))[side] -=
  971. ((/** @type {?} */ (targetOffsets)))[side] - (data.offsets.host[opSide] - arrowElementSize);
  972. }
  973. // bottom/right side
  974. if (Number(((/** @type {?} */ (data))).offsets.host[side]) + Number(arrowElementSize) > ((/** @type {?} */ (targetOffsets)))[opSide]) {
  975. ((/** @type {?} */ (targetOffsets)))[side] +=
  976. Number(((/** @type {?} */ (data))).offsets.host[side]) + Number(arrowElementSize) - Number(((/** @type {?} */ (targetOffsets)))[opSide]);
  977. }
  978. targetOffsets = getClientRect(targetOffsets);
  979. // compute center of the target
  980. /** @type {?} */
  981. var center = Number(((/** @type {?} */ (data))).offsets.host[side]) + Number(data.offsets.host[len] / 2 - arrowElementSize / 2);
  982. // Compute the sideValue using the updated target offsets
  983. // take target margin in account because we don't have this info available
  984. /** @type {?} */
  985. var css = getStyleComputedProperty(data.instance.target);
  986. /** @type {?} */
  987. var targetMarginSide = parseFloat(css["margin" + sideCapitalized]);
  988. /** @type {?} */
  989. var targetBorderSide = parseFloat(css["border" + sideCapitalized + "Width"]);
  990. /** @type {?} */
  991. var sideValue = center - ((/** @type {?} */ (targetOffsets)))[side] - targetMarginSide - targetBorderSide;
  992. // prevent arrowElement from being placed not contiguously to its target
  993. sideValue = Math.max(Math.min(targetOffsets[len] - arrowElementSize, sideValue), 0);
  994. data.offsets.arrow = (_a = {},
  995. _a[side] = Math.round(sideValue),
  996. _a[altSide] = '' // make sure to unset any eventual altSide value from the DOM node
  997. ,
  998. _a);
  999. data.instance.arrow = arrowElement;
  1000. return data;
  1001. }
  1002. /**
  1003. * @fileoverview added by tsickle
  1004. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  1005. */
  1006. /**
  1007. * @param {?} data
  1008. * @return {?}
  1009. */
  1010. function flip(data) {
  1011. data.offsets.target = getClientRect(data.offsets.target);
  1012. if (!isModifierEnabled(data.options, 'flip')) {
  1013. data.offsets.target = __assign({}, data.offsets.target, getTargetOffsets(data.instance.target, data.offsets.host, data.placement));
  1014. return data;
  1015. }
  1016. /** @type {?} */
  1017. var boundaries = getBoundaries(data.instance.target, data.instance.host, 0, // padding
  1018. 'viewport', false // positionFixed
  1019. );
  1020. /** @type {?} */
  1021. var placement = data.placement.split(' ')[0];
  1022. /** @type {?} */
  1023. var variation = data.placement.split(' ')[1] || '';
  1024. /** @type {?} */
  1025. var offsetsHost = data.offsets.host;
  1026. /** @type {?} */
  1027. var target = data.instance.target;
  1028. /** @type {?} */
  1029. var host = data.instance.host;
  1030. /** @type {?} */
  1031. var adaptivePosition = computeAutoPlacement('auto', offsetsHost, target, host, data.options.allowedPositions);
  1032. /** @type {?} */
  1033. var flipOrder = [placement, adaptivePosition];
  1034. /* tslint:disable-next-line: cyclomatic-complexity */
  1035. flipOrder.forEach((/**
  1036. * @param {?} step
  1037. * @param {?} index
  1038. * @return {?}
  1039. */
  1040. function (step, index) {
  1041. if (placement !== step || flipOrder.length === index + 1) {
  1042. return data;
  1043. }
  1044. placement = data.placement.split(' ')[0];
  1045. // using floor because the host offsets may contain decimals we are not going to consider here
  1046. /** @type {?} */
  1047. var overlapsRef = (placement === 'left' &&
  1048. Math.floor(data.offsets.target.right) > Math.floor(data.offsets.host.left)) ||
  1049. (placement === 'right' &&
  1050. Math.floor(data.offsets.target.left) < Math.floor(data.offsets.host.right)) ||
  1051. (placement === 'top' &&
  1052. Math.floor(data.offsets.target.bottom) > Math.floor(data.offsets.host.top)) ||
  1053. (placement === 'bottom' &&
  1054. Math.floor(data.offsets.target.top) < Math.floor(data.offsets.host.bottom));
  1055. /** @type {?} */
  1056. var overflowsLeft = Math.floor(data.offsets.target.left) < Math.floor(boundaries.left);
  1057. /** @type {?} */
  1058. var overflowsRight = Math.floor(data.offsets.target.right) > Math.floor(boundaries.right);
  1059. /** @type {?} */
  1060. var overflowsTop = Math.floor(data.offsets.target.top) < Math.floor(boundaries.top);
  1061. /** @type {?} */
  1062. var overflowsBottom = Math.floor(data.offsets.target.bottom) > Math.floor(boundaries.bottom);
  1063. /** @type {?} */
  1064. var overflowsBoundaries = (placement === 'left' && overflowsLeft) ||
  1065. (placement === 'right' && overflowsRight) ||
  1066. (placement === 'top' && overflowsTop) ||
  1067. (placement === 'bottom' && overflowsBottom);
  1068. // flip the variation if required
  1069. /** @type {?} */
  1070. var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
  1071. /** @type {?} */
  1072. var flippedVariation = ((isVertical && variation === 'left' && overflowsLeft) ||
  1073. (isVertical && variation === 'right' && overflowsRight) ||
  1074. (!isVertical && variation === 'left' && overflowsTop) ||
  1075. (!isVertical && variation === 'right' && overflowsBottom));
  1076. if (overlapsRef || overflowsBoundaries || flippedVariation) {
  1077. if (overlapsRef || overflowsBoundaries) {
  1078. placement = flipOrder[index + 1];
  1079. }
  1080. if (flippedVariation) {
  1081. variation = getOppositeVariation(variation);
  1082. }
  1083. data.placement = placement + (variation ? " " + variation : '');
  1084. data.offsets.target = __assign({}, data.offsets.target, getTargetOffsets(data.instance.target, data.offsets.host, data.placement));
  1085. }
  1086. }));
  1087. return data;
  1088. }
  1089. /**
  1090. * @fileoverview added by tsickle
  1091. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  1092. */
  1093. /**
  1094. * @param {?} targetElement
  1095. * @param {?} hostElement
  1096. * @param {?} position
  1097. * @param {?} options
  1098. * @return {?}
  1099. */
  1100. function initData(targetElement, hostElement, position, options) {
  1101. /** @type {?} */
  1102. var hostElPosition = getReferenceOffsets(targetElement, hostElement);
  1103. if (!position.match(/^(auto)*\s*(left|right|top|bottom)*$/)
  1104. && !position.match(/^(left|right|top|bottom)*\s*(start|end)*$/)) {
  1105. /* tslint:disable-next-line: no-parameter-reassignment */
  1106. position = 'auto';
  1107. }
  1108. /** @type {?} */
  1109. var placementAuto = !!position.match(/auto/g);
  1110. // support old placements 'auto left|right|top|bottom'
  1111. /** @type {?} */
  1112. var placement = position.match(/auto\s(left|right|top|bottom)/)
  1113. ? position.split(' ')[1] || 'auto'
  1114. : position;
  1115. /** @type {?} */
  1116. var targetOffset = getTargetOffsets(targetElement, hostElPosition, placement);
  1117. placement = computeAutoPlacement(placement, hostElPosition, targetElement, hostElement, options ? options.allowedPositions : undefined);
  1118. return {
  1119. options: options,
  1120. instance: {
  1121. target: targetElement,
  1122. host: hostElement,
  1123. arrow: null
  1124. },
  1125. offsets: {
  1126. target: targetOffset,
  1127. host: hostElPosition,
  1128. arrow: null
  1129. },
  1130. positionFixed: false,
  1131. placement: placement,
  1132. placementAuto: placementAuto
  1133. };
  1134. }
  1135. /**
  1136. * @fileoverview added by tsickle
  1137. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  1138. */
  1139. /**
  1140. * @param {?} data
  1141. * @return {?}
  1142. */
  1143. function preventOverflow(data) {
  1144. if (!isModifierEnabled(data.options, 'preventOverflow')) {
  1145. return data;
  1146. }
  1147. // NOTE: DOM access here
  1148. // resets the targetOffsets's position so that the document size can be calculated excluding
  1149. // the size of the targetOffsets element itself
  1150. /** @type {?} */
  1151. var transformProp = 'transform';
  1152. /** @type {?} */
  1153. var targetStyles = data.instance.target.style;
  1154. // assignment to help minification
  1155. var top = targetStyles.top, left = targetStyles.left, _a = transformProp, transform = targetStyles[_a];
  1156. targetStyles.top = '';
  1157. targetStyles.left = '';
  1158. targetStyles[transformProp] = '';
  1159. /** @type {?} */
  1160. var boundaries = getBoundaries(data.instance.target, data.instance.host, 0, // padding
  1161. 'scrollParent', false // positionFixed
  1162. );
  1163. // NOTE: DOM access here
  1164. // restores the original style properties after the offsets have been computed
  1165. targetStyles.top = top;
  1166. targetStyles.left = left;
  1167. targetStyles[transformProp] = transform;
  1168. /** @type {?} */
  1169. var order = ['left', 'right', 'top', 'bottom'];
  1170. /** @type {?} */
  1171. var check = {
  1172. primary: /**
  1173. * @param {?} placement
  1174. * @return {?}
  1175. */
  1176. function (placement) {
  1177. var _a;
  1178. /** @type {?} */
  1179. var value = ((/** @type {?} */ (data))).offsets.target[placement];
  1180. if (((/** @type {?} */ (data))).offsets.target[placement] < boundaries[placement] &&
  1181. !false // options.escapeWithReference
  1182. ) {
  1183. value = Math.max(((/** @type {?} */ (data))).offsets.target[placement], boundaries[placement]);
  1184. }
  1185. return _a = {}, _a[placement] = value, _a;
  1186. },
  1187. secondary: /**
  1188. * @param {?} placement
  1189. * @return {?}
  1190. */
  1191. function (placement) {
  1192. var _a;
  1193. /** @type {?} */
  1194. var mainSide = placement === 'right' ? 'left' : 'top';
  1195. /** @type {?} */
  1196. var value = data.offsets.target[mainSide];
  1197. if (((/** @type {?} */ (data))).offsets.target[placement] > boundaries[placement] &&
  1198. !false // escapeWithReference
  1199. ) {
  1200. value = Math.min(data.offsets.target[mainSide], boundaries[placement] -
  1201. (placement === 'right' ? data.offsets.target.width : data.offsets.target.height));
  1202. }
  1203. return _a = {}, _a[mainSide] = value, _a;
  1204. }
  1205. };
  1206. /** @type {?} */
  1207. var side;
  1208. order.forEach((/**
  1209. * @param {?} placement
  1210. * @return {?}
  1211. */
  1212. function (placement) {
  1213. side = ['left', 'top']
  1214. .indexOf(placement) !== -1
  1215. ? 'primary'
  1216. : 'secondary';
  1217. data.offsets.target = __assign({}, data.offsets.target, ((/** @type {?} */ (check)))[side](placement));
  1218. }));
  1219. return data;
  1220. }
  1221. /**
  1222. * @fileoverview added by tsickle
  1223. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  1224. */
  1225. /**
  1226. * @param {?} data
  1227. * @return {?}
  1228. */
  1229. function shift(data) {
  1230. var _a, _b;
  1231. /** @type {?} */
  1232. var placement = data.placement;
  1233. /** @type {?} */
  1234. var basePlacement = placement.split(' ')[0];
  1235. /** @type {?} */
  1236. var shiftvariation = placement.split(' ')[1];
  1237. if (shiftvariation) {
  1238. var _c = data.offsets, host = _c.host, target = _c.target;
  1239. /** @type {?} */
  1240. var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
  1241. /** @type {?} */
  1242. var side = isVertical ? 'left' : 'top';
  1243. /** @type {?} */
  1244. var measurement = isVertical ? 'width' : 'height';
  1245. /** @type {?} */
  1246. var shiftOffsets = {
  1247. start: (_a = {}, _a[side] = host[side], _a),
  1248. end: (_b = {},
  1249. _b[side] = host[side] + host[measurement] - target[measurement],
  1250. _b)
  1251. };
  1252. data.offsets.target = __assign({}, target, ((/** @type {?} */ (shiftOffsets)))[shiftvariation]);
  1253. }
  1254. return data;
  1255. }
  1256. /**
  1257. * @fileoverview added by tsickle
  1258. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  1259. */
  1260. var Positioning = /** @class */ (function () {
  1261. function Positioning() {
  1262. }
  1263. /**
  1264. * @param {?} hostElement
  1265. * @param {?} targetElement
  1266. * @param {?=} round
  1267. * @return {?}
  1268. */
  1269. Positioning.prototype.position = /**
  1270. * @param {?} hostElement
  1271. * @param {?} targetElement
  1272. * @param {?=} round
  1273. * @return {?}
  1274. */
  1275. function (hostElement, targetElement, round) {
  1276. return this.offset(hostElement, targetElement, false);
  1277. };
  1278. /**
  1279. * @param {?} hostElement
  1280. * @param {?} targetElement
  1281. * @param {?=} round
  1282. * @return {?}
  1283. */
  1284. Positioning.prototype.offset = /**
  1285. * @param {?} hostElement
  1286. * @param {?} targetElement
  1287. * @param {?=} round
  1288. * @return {?}
  1289. */
  1290. function (hostElement, targetElement, round) {
  1291. return getReferenceOffsets(targetElement, hostElement);
  1292. };
  1293. /**
  1294. * @param {?} hostElement
  1295. * @param {?} targetElement
  1296. * @param {?} position
  1297. * @param {?=} appendToBody
  1298. * @param {?=} options
  1299. * @return {?}
  1300. */
  1301. Positioning.prototype.positionElements = /**
  1302. * @param {?} hostElement
  1303. * @param {?} targetElement
  1304. * @param {?} position
  1305. * @param {?=} appendToBody
  1306. * @param {?=} options
  1307. * @return {?}
  1308. */
  1309. function (hostElement, targetElement, position, appendToBody, options) {
  1310. /** @type {?} */
  1311. var chainOfModifiers = [flip, shift, preventOverflow, arrow];
  1312. return chainOfModifiers.reduce((/**
  1313. * @param {?} modifiedData
  1314. * @param {?} modifier
  1315. * @return {?}
  1316. */
  1317. function (modifiedData, modifier) { return modifier(modifiedData); }), initData(targetElement, hostElement, position, options));
  1318. };
  1319. return Positioning;
  1320. }());
  1321. /** @type {?} */
  1322. var positionService = new Positioning();
  1323. /**
  1324. * @param {?} hostElement
  1325. * @param {?} targetElement
  1326. * @param {?} placement
  1327. * @param {?=} appendToBody
  1328. * @param {?=} options
  1329. * @param {?=} renderer
  1330. * @return {?}
  1331. */
  1332. function positionElements(hostElement, targetElement, placement, appendToBody, options, renderer) {
  1333. /** @type {?} */
  1334. var data = positionService.positionElements(hostElement, targetElement, placement, appendToBody, options);
  1335. /** @type {?} */
  1336. var offsets = getOffsets(data);
  1337. setStyles(targetElement, {
  1338. 'will-change': 'transform',
  1339. top: '0px',
  1340. left: '0px',
  1341. transform: "translate3d(" + offsets.left + "px, " + offsets.top + "px, 0px)"
  1342. }, renderer);
  1343. if (data.instance.arrow) {
  1344. setStyles(data.instance.arrow, data.offsets.arrow, renderer);
  1345. }
  1346. updateContainerClass(data, renderer);
  1347. }
  1348. /**
  1349. * @fileoverview added by tsickle
  1350. * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  1351. */
  1352. var PositioningService = /** @class */ (function () {
  1353. function PositioningService(ngZone, rendererFactory, platformId) {
  1354. var _this = this;
  1355. this.update$$ = new rxjs.Subject();
  1356. this.positionElements = new Map();
  1357. this.isDisabled = false;
  1358. if (common.isPlatformBrowser(platformId)) {
  1359. ngZone.runOutsideAngular((/**
  1360. * @return {?}
  1361. */
  1362. function () {
  1363. _this.triggerEvent$ = rxjs.merge(rxjs.fromEvent(window, 'scroll', { passive: true }), rxjs.fromEvent(window, 'resize', { passive: true }),
  1364. /* tslint:disable-next-line: deprecation */
  1365. rxjs.of(0, rxjs.animationFrameScheduler), _this.update$$);
  1366. _this.triggerEvent$.subscribe((/**
  1367. * @return {?}
  1368. */
  1369. function () {
  1370. if (_this.isDisabled) {
  1371. return;
  1372. }
  1373. _this.positionElements
  1374. /* tslint:disable-next-line: no-any */
  1375. .forEach((/**
  1376. * @param {?} positionElement
  1377. * @return {?}
  1378. */
  1379. function (positionElement) {
  1380. positionElements(_getHtmlElement(positionElement.target), _getHtmlElement(positionElement.element), positionElement.attachment, positionElement.appendToBody, _this.options, rendererFactory.createRenderer(null, null));
  1381. }));
  1382. }));
  1383. }));
  1384. }
  1385. }
  1386. /**
  1387. * @param {?} options
  1388. * @return {?}
  1389. */
  1390. PositioningService.prototype.position = /**
  1391. * @param {?} options
  1392. * @return {?}
  1393. */
  1394. function (options) {
  1395. this.addPositionElement(options);
  1396. };
  1397. Object.defineProperty(PositioningService.prototype, "event$", {
  1398. get: /**
  1399. * @return {?}
  1400. */
  1401. function () {
  1402. return this.triggerEvent$;
  1403. },
  1404. enumerable: true,
  1405. configurable: true
  1406. });
  1407. /**
  1408. * @return {?}
  1409. */
  1410. PositioningService.prototype.disable = /**
  1411. * @return {?}
  1412. */
  1413. function () {
  1414. this.isDisabled = true;
  1415. };
  1416. /**
  1417. * @return {?}
  1418. */
  1419. PositioningService.prototype.enable = /**
  1420. * @return {?}
  1421. */
  1422. function () {
  1423. this.isDisabled = false;
  1424. };
  1425. /**
  1426. * @param {?} options
  1427. * @return {?}
  1428. */
  1429. PositioningService.prototype.addPositionElement = /**
  1430. * @param {?} options
  1431. * @return {?}
  1432. */
  1433. function (options) {
  1434. this.positionElements.set(_getHtmlElement(options.element), options);
  1435. };
  1436. /**
  1437. * @return {?}
  1438. */
  1439. PositioningService.prototype.calcPosition = /**
  1440. * @return {?}
  1441. */
  1442. function () {
  1443. this.update$$.next();
  1444. };
  1445. /**
  1446. * @param {?} elRef
  1447. * @return {?}
  1448. */
  1449. PositioningService.prototype.deletePositionElement = /**
  1450. * @param {?} elRef
  1451. * @return {?}
  1452. */
  1453. function (elRef) {
  1454. this.positionElements.delete(_getHtmlElement(elRef));
  1455. };
  1456. /**
  1457. * @param {?} options
  1458. * @return {?}
  1459. */
  1460. PositioningService.prototype.setOptions = /**
  1461. * @param {?} options
  1462. * @return {?}
  1463. */
  1464. function (options) {
  1465. this.options = options;
  1466. };
  1467. PositioningService.decorators = [
  1468. { type: core.Injectable }
  1469. ];
  1470. /** @nocollapse */
  1471. PositioningService.ctorParameters = function () { return [
  1472. { type: core.NgZone },
  1473. { type: core.RendererFactory2 },
  1474. { type: Number, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] }
  1475. ]; };
  1476. return PositioningService;
  1477. }());
  1478. /**
  1479. * @param {?} element
  1480. * @return {?}
  1481. */
  1482. function _getHtmlElement(element) {
  1483. // it means that we got a selector
  1484. if (typeof element === 'string') {
  1485. return document.querySelector(element);
  1486. }
  1487. if (element instanceof core.ElementRef) {
  1488. return element.nativeElement;
  1489. }
  1490. return element;
  1491. }
  1492. exports.Positioning = Positioning;
  1493. exports.PositioningService = PositioningService;
  1494. exports.positionElements = positionElements;
  1495. Object.defineProperty(exports, '__esModule', { value: true });
  1496. }));
  1497. //# sourceMappingURL=ngx-bootstrap-positioning.umd.js.map