ngx-bootstrap-positioning.js 50 KB

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