| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542 |
- (function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs')) :
- typeof define === 'function' && define.amd ? define('ngx-bootstrap/positioning', ['exports', '@angular/core', '@angular/common', 'rxjs'], factory) :
- (global = global || self, factory((global['ngx-bootstrap'] = global['ngx-bootstrap'] || {}, global['ngx-bootstrap'].positioning = {}), global.ng.core, global.ng.common, global.rxjs));
- }(this, function (exports, core, common, rxjs) { 'use strict';
- /*! *****************************************************************************
- Copyright (c) Microsoft Corporation. All rights reserved.
- Licensed under the Apache License, Version 2.0 (the "License"); you may not use
- this file except in compliance with the License. You may obtain a copy of the
- License at http://www.apache.org/licenses/LICENSE-2.0
- THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
- WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
- MERCHANTABLITY OR NON-INFRINGEMENT.
- See the Apache Version 2.0 License for specific language governing permissions
- and limitations under the License.
- ***************************************************************************** */
- var __assign = function() {
- __assign = Object.assign || function __assign(t) {
- for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
- }
- return t;
- };
- return __assign.apply(this, arguments);
- };
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Get CSS computed property of the given element
- * @param {?} element
- * @param {?=} property
- * @return {?}
- */
- function getStyleComputedProperty(element, property) {
- if (element.nodeType !== 1) {
- return [];
- }
- // NOTE: 1 DOM access here
- /** @type {?} */
- var window = element.ownerDocument.defaultView;
- /** @type {?} */
- var css = window.getComputedStyle(element, null);
- return property ? css[(/** @type {?} */ (property))] : css;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Returns the parentNode or the host of the element
- * @param {?} element
- * @return {?}
- */
- function getParentNode(element) {
- if (element.nodeName === 'HTML') {
- return element;
- }
- return element.parentNode || element.host;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element
- * @return {?}
- */
- function getScrollParent(element) {
- // Return body, `getScroll` will take care to get the correct `scrollTop` from it
- if (!element) {
- return document.body;
- }
- switch (element.nodeName) {
- case 'HTML':
- case 'BODY':
- return element.ownerDocument.body;
- case '#document':
- return element.body;
- default:
- }
- // Firefox want us to check `-x` and `-y` variations as well
- var _a = getStyleComputedProperty(element), overflow = _a.overflow, overflowX = _a.overflowX, overflowY = _a.overflowY;
- if (/(auto|scroll|overlay)/.test(String(overflow) + String(overflowY) + String(overflowX))) {
- return element;
- }
- return getScrollParent(getParentNode(element));
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /** @type {?} */
- var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /** @type {?} */
- var isIE11 = isBrowser && !!(((/** @type {?} */ (window))).MSInputMethodContext && ((/** @type {?} */ (document))).documentMode);
- /** @type {?} */
- var isIE10 = isBrowser && !!(((/** @type {?} */ (window))).MSInputMethodContext && /MSIE 10/.test(((/** @type {?} */ (navigator))).userAgent));
- /**
- * @param {?=} version
- * @return {?}
- */
- function isIE(version) {
- if (version === 11) {
- return isIE11;
- }
- if (version === 10) {
- return isIE10;
- }
- return isIE11 || isIE10;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element
- * @return {?}
- */
- function getOffsetParent(element) {
- if (!element) {
- return document.documentElement;
- }
- /** @type {?} */
- var noOffsetParent = isIE(10) ? document.body : null;
- // NOTE: 1 DOM access here
- /** @type {?} */
- var offsetParent = element.offsetParent || null;
- // Skip hidden elements which don't have an offsetParent
- /** @type {?} */
- var sibling;
- while (offsetParent === noOffsetParent
- && element.nextElementSibling
- && sibling !== element.nextElementSibling) {
- sibling = element.nextElementSibling;
- offsetParent = sibling.offsetParent;
- }
- /** @type {?} */
- var nodeName = offsetParent && offsetParent.nodeName;
- if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
- return sibling ? sibling.ownerDocument.documentElement : document.documentElement;
- }
- // .offsetParent will return the closest TH, TD or TABLE in case
- if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 &&
- getStyleComputedProperty(offsetParent, 'position') === 'static') {
- return getOffsetParent(offsetParent);
- }
- return offsetParent;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element
- * @return {?}
- */
- function isOffsetContainer(element) {
- var nodeName = element.nodeName;
- if (nodeName === 'BODY') {
- return false;
- }
- return (nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element);
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Finds the root node (document, shadowDOM root) of the given element
- * @param {?} node
- * @return {?}
- */
- function getRoot(node) {
- if (node.parentNode !== null) {
- return getRoot(node.parentNode);
- }
- return node;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element1
- * @param {?} element2
- * @return {?}
- */
- function findCommonOffsetParent(element1, element2) {
- // This check is needed to avoid errors in case one of the elements isn't defined for any reason
- if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
- return document.documentElement;
- }
- // Here we make sure to give as "start" the element that comes first in the DOM
- /* tslint:disable-next-line: no-bitwise */
- /** @type {?} */
- var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
- /** @type {?} */
- var start = order ? element1 : element2;
- /** @type {?} */
- var end = order ? element2 : element1;
- // Get common ancestor container
- /** @type {?} */
- var range = document.createRange();
- range.setStart(start, 0);
- range.setEnd(end, 0);
- var commonAncestorContainer = range.commonAncestorContainer;
- // Both nodes are inside #document
- if ((element1 !== commonAncestorContainer &&
- element2 !== commonAncestorContainer) ||
- start.contains(end)) {
- if (isOffsetContainer(commonAncestorContainer)) {
- return commonAncestorContainer;
- }
- return getOffsetParent(commonAncestorContainer);
- }
- // one of the nodes is inside shadowDOM, find which one
- /** @type {?} */
- var element1root = getRoot(element1);
- if (element1root.host) {
- return findCommonOffsetParent(element1root.host, element2);
- }
- else {
- return findCommonOffsetParent(element1, getRoot(element2).host);
- }
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Helper to detect borders of a given element
- */
- /**
- * @param {?} styles
- * @param {?} axis
- * @return {?}
- */
- function getBordersSize(styles, axis) {
- /** @type {?} */
- var sideA = axis === 'x' ? 'Left' : 'Top';
- /** @type {?} */
- var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
- return (parseFloat(styles[(/** @type {?} */ ("border" + sideA + "Width"))]) +
- parseFloat(styles[(/** @type {?} */ ("border" + sideB + "Width"))]));
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} axis
- * @param {?} body
- * @param {?} html
- * @param {?} computedStyle
- * @return {?}
- */
- function getSize(axis, body, html, computedStyle) {
- 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)
- ? (parseInt(((/** @type {?} */ (html)))["offset" + axis], 10) +
- parseInt(computedStyle[(/** @type {?} */ ("margin" + (axis === 'Height' ? 'Top' : 'Left')))], 10) +
- parseInt(computedStyle[(/** @type {?} */ ("margin" + (axis === 'Height' ? 'Bottom' : 'Right')))], 10))
- : 0);
- }
- /**
- * @param {?} document
- * @return {?}
- */
- function getWindowSizes(document) {
- /** @type {?} */
- var body = document.body;
- /** @type {?} */
- var html = document.documentElement;
- /** @type {?} */
- var computedStyle = isIE(10) && getComputedStyle(html);
- return {
- height: getSize('Height', body, html, computedStyle),
- width: getSize('Width', body, html, computedStyle)
- };
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Gets the scroll value of the given element in the given side (top and left)
- * @param {?} element
- * @param {?=} side
- * @return {?}
- */
- function getScroll(element, side) {
- if (side === void 0) { side = 'top'; }
- /** @type {?} */
- var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
- /** @type {?} */
- var nodeName = element.nodeName;
- if (nodeName === 'BODY' || nodeName === 'HTML') {
- /** @type {?} */
- var html = element.ownerDocument.documentElement;
- /** @type {?} */
- var scrollingElement = element.ownerDocument.scrollingElement || html;
- return scrollingElement[upperSide];
- }
- return element[upperSide];
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} offsets
- * @return {?}
- */
- function getClientRect(offsets) {
- return __assign({}, offsets, { right: offsets.left + offsets.width, bottom: offsets.top + offsets.height });
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element
- * @return {?}
- */
- function getBoundingClientRect(element) {
- /** @type {?} */
- var rect = {};
- // IE10 10 FIX: Please, don't ask, the element isn't
- // considered in DOM in some circumstances...
- // This isn't reproducible in IE10 compatibility mode of IE11
- try {
- if (isIE(10)) {
- rect = element.getBoundingClientRect();
- /** @type {?} */
- var scrollTop = getScroll(element, 'top');
- /** @type {?} */
- var scrollLeft = getScroll(element, 'left');
- rect.top += scrollTop;
- rect.left += scrollLeft;
- rect.bottom += scrollTop;
- rect.right += scrollLeft;
- }
- else {
- rect = element.getBoundingClientRect();
- }
- }
- catch (e) {
- return undefined;
- }
- /** @type {?} */
- var result = {
- left: rect.left,
- top: rect.top,
- width: rect.right - rect.left,
- height: rect.bottom - rect.top
- };
- // subtract scrollbar size from sizes
- /** @type {?} */
- var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
- /** @type {?} */
- var width = sizes.width || element.clientWidth || result.right - result.left;
- /** @type {?} */
- var height = sizes.height || element.clientHeight || result.bottom - result.top;
- /** @type {?} */
- var horizScrollbar = element.offsetWidth - width;
- /** @type {?} */
- var vertScrollbar = element.offsetHeight - height;
- // if an hypothetical scrollbar is detected, we must be sure it's not a `border`
- // we make this check conditional for performance reasons
- if (horizScrollbar || vertScrollbar) {
- /** @type {?} */
- var styles = getStyleComputedProperty(element);
- horizScrollbar -= getBordersSize(styles, 'x');
- vertScrollbar -= getBordersSize(styles, 'y');
- result.width -= horizScrollbar;
- result.height -= vertScrollbar;
- }
- return getClientRect(result);
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} rect
- * @param {?} element
- * @param {?=} subtract
- * @return {?}
- */
- function includeScroll(rect, element, subtract) {
- if (subtract === void 0) { subtract = false; }
- /** @type {?} */
- var scrollTop = getScroll(element, 'top');
- /** @type {?} */
- var scrollLeft = getScroll(element, 'left');
- /** @type {?} */
- var modifier = subtract ? -1 : 1;
- rect.top += scrollTop * modifier;
- rect.bottom += scrollTop * modifier;
- rect.left += scrollLeft * modifier;
- rect.right += scrollLeft * modifier;
- return rect;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} children
- * @param {?} parent
- * @param {?=} fixedPosition
- * @return {?}
- */
- function getOffsetRectRelativeToArbitraryNode(children, parent, fixedPosition) {
- if (fixedPosition === void 0) { fixedPosition = false; }
- /** @type {?} */
- var isIE10 = isIE(10);
- /** @type {?} */
- var isHTML = parent.nodeName === 'HTML';
- /** @type {?} */
- var childrenRect = getBoundingClientRect(children);
- /** @type {?} */
- var parentRect = getBoundingClientRect(parent);
- /** @type {?} */
- var scrollParent = getScrollParent(children);
- /** @type {?} */
- var styles = getStyleComputedProperty(parent);
- /** @type {?} */
- var borderTopWidth = parseFloat(styles.borderTopWidth);
- /** @type {?} */
- var borderLeftWidth = parseFloat(styles.borderLeftWidth);
- // In cases where the parent is fixed, we must ignore negative scroll in offset calc
- if (fixedPosition && isHTML) {
- parentRect.top = Math.max(parentRect.top, 0);
- parentRect.left = Math.max(parentRect.left, 0);
- }
- /** @type {?} */
- var offsets = getClientRect({
- top: childrenRect.top - parentRect.top - borderTopWidth,
- left: childrenRect.left - parentRect.left - borderLeftWidth,
- width: childrenRect.width,
- height: childrenRect.height
- });
- offsets.marginTop = 0;
- offsets.marginLeft = 0;
- // Subtract margins of documentElement in case it's being used as parent
- // we do this only on HTML because it's the only element that behaves
- // differently when margins are applied to it. The margins are included in
- // the box of the documentElement, in the other cases not.
- if (!isIE10 && isHTML) {
- /** @type {?} */
- var marginTop = parseFloat(styles.marginTop);
- /** @type {?} */
- var marginLeft = parseFloat(styles.marginLeft);
- offsets.top -= borderTopWidth - marginTop;
- offsets.bottom -= borderTopWidth - marginTop;
- offsets.left -= borderLeftWidth - marginLeft;
- offsets.right -= borderLeftWidth - marginLeft;
- // Attach marginTop and marginLeft because in some circumstances we may need them
- offsets.marginTop = marginTop;
- offsets.marginLeft = marginLeft;
- }
- if (isIE10 && !fixedPosition
- ? parent.contains(scrollParent)
- : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
- offsets = includeScroll(offsets, parent);
- }
- return offsets;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element
- * @param {?=} excludeScroll
- * @return {?}
- */
- function getViewportOffsetRectRelativeToArtbitraryNode(element, excludeScroll) {
- if (excludeScroll === void 0) { excludeScroll = false; }
- /** @type {?} */
- var html = element.ownerDocument.documentElement;
- /** @type {?} */
- var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
- /** @type {?} */
- var width = Math.max(html.clientWidth, window.innerWidth || 0);
- /** @type {?} */
- var height = Math.max(html.clientHeight, window.innerHeight || 0);
- /** @type {?} */
- var scrollTop = !excludeScroll ? getScroll(html) : 0;
- /** @type {?} */
- var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
- /** @type {?} */
- var offset = {
- top: scrollTop - Number(relativeOffset.top) + Number(relativeOffset.marginTop),
- left: scrollLeft - Number(relativeOffset.left) + Number(relativeOffset.marginLeft),
- width: width,
- height: height
- };
- return getClientRect(offset);
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element
- * @return {?}
- */
- function isFixed(element) {
- /** @type {?} */
- var nodeName = element.nodeName;
- if (nodeName === 'BODY' || nodeName === 'HTML') {
- return false;
- }
- if (getStyleComputedProperty(element, 'position') === 'fixed') {
- return true;
- }
- return isFixed(getParentNode(element));
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element
- * @return {?}
- */
- function getFixedPositionOffsetParent(element) {
- // This check is needed to avoid errors in case one of the elements isn't defined for any reason
- if (!element || !element.parentElement || isIE()) {
- return document.documentElement;
- }
- /** @type {?} */
- var el = element.parentElement;
- while (el && getStyleComputedProperty(el, 'transform') === 'none') {
- el = el.parentElement;
- }
- return el || document.documentElement;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} target
- * @param {?} host
- * @param {?=} padding
- * @param {?=} boundariesElement
- * @param {?=} fixedPosition
- * @return {?}
- */
- function getBoundaries(target, host, padding, boundariesElement, fixedPosition) {
- // NOTE: 1 DOM access here
- if (padding === void 0) { padding = 0; }
- if (fixedPosition === void 0) { fixedPosition = false; }
- // NOTE: 1 DOM access here
- /** @type {?} */
- var boundaries = { top: 0, left: 0 };
- /** @type {?} */
- var offsetParent = fixedPosition ? getFixedPositionOffsetParent(target) : findCommonOffsetParent(target, host);
- // Handle viewport case
- if (boundariesElement === 'viewport') {
- boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
- }
- else {
- // Handle other cases based on DOM element used as boundaries
- /** @type {?} */
- var boundariesNode = void 0;
- if (boundariesElement === 'scrollParent') {
- boundariesNode = getScrollParent(getParentNode(host));
- if (boundariesNode.nodeName === 'BODY') {
- boundariesNode = target.ownerDocument.documentElement;
- }
- }
- else if (boundariesElement === 'window') {
- boundariesNode = target.ownerDocument.documentElement;
- }
- else {
- boundariesNode = boundariesElement;
- }
- /** @type {?} */
- var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
- // In case of HTML, we need a different computation
- if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
- var _a = getWindowSizes(target.ownerDocument), height = _a.height, width = _a.width;
- boundaries.top += offsets.top - offsets.marginTop;
- boundaries.bottom = Number(height) + Number(offsets.top);
- boundaries.left += offsets.left - offsets.marginLeft;
- boundaries.right = Number(width) + Number(offsets.left);
- }
- else {
- // for all the other DOM elements, this one is good
- boundaries = offsets;
- }
- }
- // Add paddings
- boundaries.left += padding;
- boundaries.top += padding;
- boundaries.right -= padding;
- boundaries.bottom -= padding;
- return boundaries;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} __0
- * @return {?}
- */
- function getArea(_a) {
- var width = _a.width, height = _a.height;
- return width * height;
- }
- /**
- * @param {?} placement
- * @param {?} refRect
- * @param {?} target
- * @param {?} host
- * @param {?=} allowedPositions
- * @param {?=} boundariesElement
- * @param {?=} padding
- * @return {?}
- */
- function computeAutoPlacement(placement, refRect, target, host, allowedPositions, boundariesElement, padding) {
- if (allowedPositions === void 0) { allowedPositions = ['top', 'bottom', 'right', 'left']; }
- if (boundariesElement === void 0) { boundariesElement = 'viewport'; }
- if (padding === void 0) { padding = 0; }
- if (placement.indexOf('auto') === -1) {
- return placement;
- }
- /** @type {?} */
- var boundaries = getBoundaries(target, host, padding, boundariesElement);
- /** @type {?} */
- var rects = {
- top: {
- width: boundaries.width,
- height: refRect.top - boundaries.top
- },
- right: {
- width: boundaries.right - refRect.right,
- height: boundaries.height
- },
- bottom: {
- width: boundaries.width,
- height: boundaries.bottom - refRect.bottom
- },
- left: {
- width: refRect.left - boundaries.left,
- height: boundaries.height
- }
- };
- /** @type {?} */
- var sortedAreas = Object.keys(rects)
- .map((/**
- * @param {?} key
- * @return {?}
- */
- function (key) { return (__assign({ key: key }, rects[key], { area: getArea(rects[key]) })); }))
- .sort((/**
- * @param {?} a
- * @param {?} b
- * @return {?}
- */
- function (a, b) { return b.area - a.area; }));
- /** @type {?} */
- var filteredAreas = sortedAreas.filter((/**
- * @param {?} __0
- * @return {?}
- */
- function (_a) {
- var width = _a.width, height = _a.height;
- return width >= target.clientWidth
- && height >= target.clientHeight;
- }));
- filteredAreas = filteredAreas.filter((/**
- * @param {?} position
- * @return {?}
- */
- function (position) {
- return allowedPositions
- .some((/**
- * @param {?} allowedPosition
- * @return {?}
- */
- function (allowedPosition) {
- return allowedPosition === position.key;
- }));
- }));
- /** @type {?} */
- var computedPlacement = filteredAreas.length > 0
- ? filteredAreas[0].key
- : sortedAreas[0].key;
- /** @type {?} */
- var variation = placement.split(' ')[1];
- // for tooltip on auto position
- target.className = target.className.replace(/bs-tooltip-auto/g, "bs-tooltip-" + computedPlacement);
- return computedPlacement + (variation ? "-" + variation : '');
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} data
- * @return {?}
- */
- function getOffsets(data) {
- return {
- width: data.offsets.target.width,
- height: data.offsets.target.height,
- left: Math.floor(data.offsets.target.left),
- top: Math.round(data.offsets.target.top),
- bottom: Math.round(data.offsets.target.bottom),
- right: Math.floor(data.offsets.target.right)
- };
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Get the opposite placement of the given one
- * @param {?} placement
- * @return {?}
- */
- function getOppositePlacement(placement) {
- /** @type {?} */
- var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
- return placement.replace(/left|right|bottom|top/g, (/**
- * @param {?} matched
- * @return {?}
- */
- function (matched) { return ((/** @type {?} */ (hash)))[matched]; }));
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Get the opposite placement variation of the given one
- * @param {?} variation
- * @return {?}
- */
- function getOppositeVariation(variation) {
- if (variation === 'right') {
- return 'left';
- }
- else if (variation === 'left') {
- return 'right';
- }
- return variation;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Get the outer sizes of the given element (offset size + margins)
- * @param {?} element
- * @return {?}
- */
- function getOuterSizes(element) {
- /** @type {?} */
- var window = element.ownerDocument.defaultView;
- /** @type {?} */
- var styles = window.getComputedStyle(element);
- /** @type {?} */
- var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
- /** @type {?} */
- var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
- return {
- width: Number(element.offsetWidth) + y,
- height: Number(element.offsetHeight) + x
- };
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} target
- * @param {?} host
- * @param {?=} fixedPosition
- * @return {?}
- */
- function getReferenceOffsets(target, host, fixedPosition) {
- if (fixedPosition === void 0) { fixedPosition = null; }
- /** @type {?} */
- var commonOffsetParent = fixedPosition
- ? getFixedPositionOffsetParent(target)
- : findCommonOffsetParent(target, host);
- return getOffsetRectRelativeToArbitraryNode(host, commonOffsetParent, fixedPosition);
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} target
- * @param {?} hostOffsets
- * @param {?} position
- * @return {?}
- */
- function getTargetOffsets(target, hostOffsets, position) {
- /** @type {?} */
- var placement = position.split(' ')[0];
- // Get target node sizes
- /** @type {?} */
- var targetRect = getOuterSizes(target);
- // Add position, width and height to our offsets object
- /** @type {?} */
- var targetOffsets = {
- width: targetRect.width,
- height: targetRect.height
- };
- // depending by the target placement we have to compute its offsets slightly differently
- /** @type {?} */
- var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
- /** @type {?} */
- var mainSide = isHoriz ? 'top' : 'left';
- /** @type {?} */
- var secondarySide = isHoriz ? 'left' : 'top';
- /** @type {?} */
- var measurement = isHoriz ? 'height' : 'width';
- /** @type {?} */
- var secondaryMeasurement = !isHoriz ? 'height' : 'width';
- ((/** @type {?} */ (targetOffsets)))[mainSide] =
- hostOffsets[mainSide] +
- hostOffsets[measurement] / 2 -
- targetRect[measurement] / 2;
- ((/** @type {?} */ (targetOffsets)))[secondarySide] = placement === secondarySide
- ? hostOffsets[secondarySide] - targetRect[secondaryMeasurement]
- : ((/** @type {?} */ (hostOffsets)))[getOppositePlacement(secondarySide)];
- return targetOffsets;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Helper used to know if the given modifier is enabled.
- * @param {?} options
- * @param {?} modifierName
- * @return {?}
- */
- function isModifierEnabled(options, modifierName) {
- return options
- && options.modifiers
- && options.modifiers[modifierName]
- && options.modifiers[modifierName].enabled;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * Tells if a given input is a number
- * @param {?} n
- * @return {?}
- */
- function isNumeric(n) {
- return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} data
- * @param {?=} renderer
- * @return {?}
- */
- function updateContainerClass(data, renderer) {
- /** @type {?} */
- var target = data.instance.target;
- /** @type {?} */
- var containerClass = target.className;
- if (data.placementAuto) {
- containerClass = containerClass.replace(/bs-popover-auto/g, "bs-popover-" + data.placement);
- containerClass = containerClass.replace(/bs-tooltip-auto/g, "bs-tooltip-" + data.placement);
- containerClass = containerClass.replace(/\sauto/g, " " + data.placement);
- if (containerClass.indexOf('popover') !== -1 && containerClass.indexOf('popover-auto') === -1) {
- containerClass += ' popover-auto';
- }
- if (containerClass.indexOf('tooltip') !== -1 && containerClass.indexOf('tooltip-auto') === -1) {
- containerClass += ' tooltip-auto';
- }
- }
- containerClass = containerClass.replace(/left|right|top|bottom/g, "" + data.placement.split(' ')[0]);
- if (renderer) {
- renderer.setAttribute(target, 'class', containerClass);
- return;
- }
- target.className = containerClass;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} element
- * @param {?} styles
- * @param {?=} renderer
- * @return {?}
- */
- function setStyles(element, styles, renderer) {
- Object.keys(styles).forEach((/**
- * @param {?} prop
- * @return {?}
- */
- function (prop) {
- /** @type {?} */
- var unit = '';
- // add unit if the value is numeric and is one of the following
- if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 &&
- isNumeric(styles[prop])) {
- unit = 'px';
- }
- if (renderer) {
- renderer.setStyle(element, prop, "" + String(styles[prop]) + unit);
- return;
- }
- element.style[prop] = String(styles[prop]) + unit;
- }));
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} data
- * @return {?}
- */
- function arrow(data) {
- var _a;
- /** @type {?} */
- var targetOffsets = data.offsets.target;
- // if arrowElement is a string, suppose it's a CSS selector
- /** @type {?} */
- var arrowElement = data.instance.target.querySelector('.arrow');
- // if arrowElement is not found, don't run the modifier
- if (!arrowElement) {
- return data;
- }
- /** @type {?} */
- var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
- /** @type {?} */
- var len = isVertical ? 'height' : 'width';
- /** @type {?} */
- var sideCapitalized = isVertical ? 'Top' : 'Left';
- /** @type {?} */
- var side = sideCapitalized.toLowerCase();
- /** @type {?} */
- var altSide = isVertical ? 'left' : 'top';
- /** @type {?} */
- var opSide = isVertical ? 'bottom' : 'right';
- /** @type {?} */
- var arrowElementSize = getOuterSizes(arrowElement)[len];
- // top/left side
- if (data.offsets.host[opSide] - arrowElementSize < ((/** @type {?} */ (targetOffsets)))[side]) {
- ((/** @type {?} */ (targetOffsets)))[side] -=
- ((/** @type {?} */ (targetOffsets)))[side] - (data.offsets.host[opSide] - arrowElementSize);
- }
- // bottom/right side
- if (Number(((/** @type {?} */ (data))).offsets.host[side]) + Number(arrowElementSize) > ((/** @type {?} */ (targetOffsets)))[opSide]) {
- ((/** @type {?} */ (targetOffsets)))[side] +=
- Number(((/** @type {?} */ (data))).offsets.host[side]) + Number(arrowElementSize) - Number(((/** @type {?} */ (targetOffsets)))[opSide]);
- }
- targetOffsets = getClientRect(targetOffsets);
- // compute center of the target
- /** @type {?} */
- var center = Number(((/** @type {?} */ (data))).offsets.host[side]) + Number(data.offsets.host[len] / 2 - arrowElementSize / 2);
- // Compute the sideValue using the updated target offsets
- // take target margin in account because we don't have this info available
- /** @type {?} */
- var css = getStyleComputedProperty(data.instance.target);
- /** @type {?} */
- var targetMarginSide = parseFloat(css["margin" + sideCapitalized]);
- /** @type {?} */
- var targetBorderSide = parseFloat(css["border" + sideCapitalized + "Width"]);
- /** @type {?} */
- var sideValue = center - ((/** @type {?} */ (targetOffsets)))[side] - targetMarginSide - targetBorderSide;
- // prevent arrowElement from being placed not contiguously to its target
- sideValue = Math.max(Math.min(targetOffsets[len] - arrowElementSize, sideValue), 0);
- data.offsets.arrow = (_a = {},
- _a[side] = Math.round(sideValue),
- _a[altSide] = '' // make sure to unset any eventual altSide value from the DOM node
- ,
- _a);
- data.instance.arrow = arrowElement;
- return data;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} data
- * @return {?}
- */
- function flip(data) {
- data.offsets.target = getClientRect(data.offsets.target);
- if (!isModifierEnabled(data.options, 'flip')) {
- data.offsets.target = __assign({}, data.offsets.target, getTargetOffsets(data.instance.target, data.offsets.host, data.placement));
- return data;
- }
- /** @type {?} */
- var boundaries = getBoundaries(data.instance.target, data.instance.host, 0, // padding
- 'viewport', false // positionFixed
- );
- /** @type {?} */
- var placement = data.placement.split(' ')[0];
- /** @type {?} */
- var variation = data.placement.split(' ')[1] || '';
- /** @type {?} */
- var offsetsHost = data.offsets.host;
- /** @type {?} */
- var target = data.instance.target;
- /** @type {?} */
- var host = data.instance.host;
- /** @type {?} */
- var adaptivePosition = computeAutoPlacement('auto', offsetsHost, target, host, data.options.allowedPositions);
- /** @type {?} */
- var flipOrder = [placement, adaptivePosition];
- /* tslint:disable-next-line: cyclomatic-complexity */
- flipOrder.forEach((/**
- * @param {?} step
- * @param {?} index
- * @return {?}
- */
- function (step, index) {
- if (placement !== step || flipOrder.length === index + 1) {
- return data;
- }
- placement = data.placement.split(' ')[0];
- // using floor because the host offsets may contain decimals we are not going to consider here
- /** @type {?} */
- var overlapsRef = (placement === 'left' &&
- Math.floor(data.offsets.target.right) > Math.floor(data.offsets.host.left)) ||
- (placement === 'right' &&
- Math.floor(data.offsets.target.left) < Math.floor(data.offsets.host.right)) ||
- (placement === 'top' &&
- Math.floor(data.offsets.target.bottom) > Math.floor(data.offsets.host.top)) ||
- (placement === 'bottom' &&
- Math.floor(data.offsets.target.top) < Math.floor(data.offsets.host.bottom));
- /** @type {?} */
- var overflowsLeft = Math.floor(data.offsets.target.left) < Math.floor(boundaries.left);
- /** @type {?} */
- var overflowsRight = Math.floor(data.offsets.target.right) > Math.floor(boundaries.right);
- /** @type {?} */
- var overflowsTop = Math.floor(data.offsets.target.top) < Math.floor(boundaries.top);
- /** @type {?} */
- var overflowsBottom = Math.floor(data.offsets.target.bottom) > Math.floor(boundaries.bottom);
- /** @type {?} */
- var overflowsBoundaries = (placement === 'left' && overflowsLeft) ||
- (placement === 'right' && overflowsRight) ||
- (placement === 'top' && overflowsTop) ||
- (placement === 'bottom' && overflowsBottom);
- // flip the variation if required
- /** @type {?} */
- var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
- /** @type {?} */
- var flippedVariation = ((isVertical && variation === 'left' && overflowsLeft) ||
- (isVertical && variation === 'right' && overflowsRight) ||
- (!isVertical && variation === 'left' && overflowsTop) ||
- (!isVertical && variation === 'right' && overflowsBottom));
- if (overlapsRef || overflowsBoundaries || flippedVariation) {
- if (overlapsRef || overflowsBoundaries) {
- placement = flipOrder[index + 1];
- }
- if (flippedVariation) {
- variation = getOppositeVariation(variation);
- }
- data.placement = placement + (variation ? " " + variation : '');
- data.offsets.target = __assign({}, data.offsets.target, getTargetOffsets(data.instance.target, data.offsets.host, data.placement));
- }
- }));
- return data;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} targetElement
- * @param {?} hostElement
- * @param {?} position
- * @param {?} options
- * @return {?}
- */
- function initData(targetElement, hostElement, position, options) {
- /** @type {?} */
- var hostElPosition = getReferenceOffsets(targetElement, hostElement);
- if (!position.match(/^(auto)*\s*(left|right|top|bottom)*$/)
- && !position.match(/^(left|right|top|bottom)*\s*(start|end)*$/)) {
- /* tslint:disable-next-line: no-parameter-reassignment */
- position = 'auto';
- }
- /** @type {?} */
- var placementAuto = !!position.match(/auto/g);
- // support old placements 'auto left|right|top|bottom'
- /** @type {?} */
- var placement = position.match(/auto\s(left|right|top|bottom)/)
- ? position.split(' ')[1] || 'auto'
- : position;
- /** @type {?} */
- var targetOffset = getTargetOffsets(targetElement, hostElPosition, placement);
- placement = computeAutoPlacement(placement, hostElPosition, targetElement, hostElement, options ? options.allowedPositions : undefined);
- return {
- options: options,
- instance: {
- target: targetElement,
- host: hostElement,
- arrow: null
- },
- offsets: {
- target: targetOffset,
- host: hostElPosition,
- arrow: null
- },
- positionFixed: false,
- placement: placement,
- placementAuto: placementAuto
- };
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} data
- * @return {?}
- */
- function preventOverflow(data) {
- if (!isModifierEnabled(data.options, 'preventOverflow')) {
- return data;
- }
- // NOTE: DOM access here
- // resets the targetOffsets's position so that the document size can be calculated excluding
- // the size of the targetOffsets element itself
- /** @type {?} */
- var transformProp = 'transform';
- /** @type {?} */
- var targetStyles = data.instance.target.style;
- // assignment to help minification
- var top = targetStyles.top, left = targetStyles.left, _a = transformProp, transform = targetStyles[_a];
- targetStyles.top = '';
- targetStyles.left = '';
- targetStyles[transformProp] = '';
- /** @type {?} */
- var boundaries = getBoundaries(data.instance.target, data.instance.host, 0, // padding
- 'scrollParent', false // positionFixed
- );
- // NOTE: DOM access here
- // restores the original style properties after the offsets have been computed
- targetStyles.top = top;
- targetStyles.left = left;
- targetStyles[transformProp] = transform;
- /** @type {?} */
- var order = ['left', 'right', 'top', 'bottom'];
- /** @type {?} */
- var check = {
- primary: /**
- * @param {?} placement
- * @return {?}
- */
- function (placement) {
- var _a;
- /** @type {?} */
- var value = ((/** @type {?} */ (data))).offsets.target[placement];
- if (((/** @type {?} */ (data))).offsets.target[placement] < boundaries[placement] &&
- !false // options.escapeWithReference
- ) {
- value = Math.max(((/** @type {?} */ (data))).offsets.target[placement], boundaries[placement]);
- }
- return _a = {}, _a[placement] = value, _a;
- },
- secondary: /**
- * @param {?} placement
- * @return {?}
- */
- function (placement) {
- var _a;
- /** @type {?} */
- var mainSide = placement === 'right' ? 'left' : 'top';
- /** @type {?} */
- var value = data.offsets.target[mainSide];
- if (((/** @type {?} */ (data))).offsets.target[placement] > boundaries[placement] &&
- !false // escapeWithReference
- ) {
- value = Math.min(data.offsets.target[mainSide], boundaries[placement] -
- (placement === 'right' ? data.offsets.target.width : data.offsets.target.height));
- }
- return _a = {}, _a[mainSide] = value, _a;
- }
- };
- /** @type {?} */
- var side;
- order.forEach((/**
- * @param {?} placement
- * @return {?}
- */
- function (placement) {
- side = ['left', 'top']
- .indexOf(placement) !== -1
- ? 'primary'
- : 'secondary';
- data.offsets.target = __assign({}, data.offsets.target, ((/** @type {?} */ (check)))[side](placement));
- }));
- return data;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- /**
- * @param {?} data
- * @return {?}
- */
- function shift(data) {
- var _a, _b;
- /** @type {?} */
- var placement = data.placement;
- /** @type {?} */
- var basePlacement = placement.split(' ')[0];
- /** @type {?} */
- var shiftvariation = placement.split(' ')[1];
- if (shiftvariation) {
- var _c = data.offsets, host = _c.host, target = _c.target;
- /** @type {?} */
- var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
- /** @type {?} */
- var side = isVertical ? 'left' : 'top';
- /** @type {?} */
- var measurement = isVertical ? 'width' : 'height';
- /** @type {?} */
- var shiftOffsets = {
- start: (_a = {}, _a[side] = host[side], _a),
- end: (_b = {},
- _b[side] = host[side] + host[measurement] - target[measurement],
- _b)
- };
- data.offsets.target = __assign({}, target, ((/** @type {?} */ (shiftOffsets)))[shiftvariation]);
- }
- return data;
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- var Positioning = /** @class */ (function () {
- function Positioning() {
- }
- /**
- * @param {?} hostElement
- * @param {?} targetElement
- * @param {?=} round
- * @return {?}
- */
- Positioning.prototype.position = /**
- * @param {?} hostElement
- * @param {?} targetElement
- * @param {?=} round
- * @return {?}
- */
- function (hostElement, targetElement, round) {
- return this.offset(hostElement, targetElement, false);
- };
- /**
- * @param {?} hostElement
- * @param {?} targetElement
- * @param {?=} round
- * @return {?}
- */
- Positioning.prototype.offset = /**
- * @param {?} hostElement
- * @param {?} targetElement
- * @param {?=} round
- * @return {?}
- */
- function (hostElement, targetElement, round) {
- return getReferenceOffsets(targetElement, hostElement);
- };
- /**
- * @param {?} hostElement
- * @param {?} targetElement
- * @param {?} position
- * @param {?=} appendToBody
- * @param {?=} options
- * @return {?}
- */
- Positioning.prototype.positionElements = /**
- * @param {?} hostElement
- * @param {?} targetElement
- * @param {?} position
- * @param {?=} appendToBody
- * @param {?=} options
- * @return {?}
- */
- function (hostElement, targetElement, position, appendToBody, options) {
- /** @type {?} */
- var chainOfModifiers = [flip, shift, preventOverflow, arrow];
- return chainOfModifiers.reduce((/**
- * @param {?} modifiedData
- * @param {?} modifier
- * @return {?}
- */
- function (modifiedData, modifier) { return modifier(modifiedData); }), initData(targetElement, hostElement, position, options));
- };
- return Positioning;
- }());
- /** @type {?} */
- var positionService = new Positioning();
- /**
- * @param {?} hostElement
- * @param {?} targetElement
- * @param {?} placement
- * @param {?=} appendToBody
- * @param {?=} options
- * @param {?=} renderer
- * @return {?}
- */
- function positionElements(hostElement, targetElement, placement, appendToBody, options, renderer) {
- /** @type {?} */
- var data = positionService.positionElements(hostElement, targetElement, placement, appendToBody, options);
- /** @type {?} */
- var offsets = getOffsets(data);
- setStyles(targetElement, {
- 'will-change': 'transform',
- top: '0px',
- left: '0px',
- transform: "translate3d(" + offsets.left + "px, " + offsets.top + "px, 0px)"
- }, renderer);
- if (data.instance.arrow) {
- setStyles(data.instance.arrow, data.offsets.arrow, renderer);
- }
- updateContainerClass(data, renderer);
- }
- /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
- var PositioningService = /** @class */ (function () {
- function PositioningService(ngZone, rendererFactory, platformId) {
- var _this = this;
- this.update$$ = new rxjs.Subject();
- this.positionElements = new Map();
- this.isDisabled = false;
- if (common.isPlatformBrowser(platformId)) {
- ngZone.runOutsideAngular((/**
- * @return {?}
- */
- function () {
- _this.triggerEvent$ = rxjs.merge(rxjs.fromEvent(window, 'scroll', { passive: true }), rxjs.fromEvent(window, 'resize', { passive: true }),
- /* tslint:disable-next-line: deprecation */
- rxjs.of(0, rxjs.animationFrameScheduler), _this.update$$);
- _this.triggerEvent$.subscribe((/**
- * @return {?}
- */
- function () {
- if (_this.isDisabled) {
- return;
- }
- _this.positionElements
- /* tslint:disable-next-line: no-any */
- .forEach((/**
- * @param {?} positionElement
- * @return {?}
- */
- function (positionElement) {
- positionElements(_getHtmlElement(positionElement.target), _getHtmlElement(positionElement.element), positionElement.attachment, positionElement.appendToBody, _this.options, rendererFactory.createRenderer(null, null));
- }));
- }));
- }));
- }
- }
- /**
- * @param {?} options
- * @return {?}
- */
- PositioningService.prototype.position = /**
- * @param {?} options
- * @return {?}
- */
- function (options) {
- this.addPositionElement(options);
- };
- Object.defineProperty(PositioningService.prototype, "event$", {
- get: /**
- * @return {?}
- */
- function () {
- return this.triggerEvent$;
- },
- enumerable: true,
- configurable: true
- });
- /**
- * @return {?}
- */
- PositioningService.prototype.disable = /**
- * @return {?}
- */
- function () {
- this.isDisabled = true;
- };
- /**
- * @return {?}
- */
- PositioningService.prototype.enable = /**
- * @return {?}
- */
- function () {
- this.isDisabled = false;
- };
- /**
- * @param {?} options
- * @return {?}
- */
- PositioningService.prototype.addPositionElement = /**
- * @param {?} options
- * @return {?}
- */
- function (options) {
- this.positionElements.set(_getHtmlElement(options.element), options);
- };
- /**
- * @return {?}
- */
- PositioningService.prototype.calcPosition = /**
- * @return {?}
- */
- function () {
- this.update$$.next();
- };
- /**
- * @param {?} elRef
- * @return {?}
- */
- PositioningService.prototype.deletePositionElement = /**
- * @param {?} elRef
- * @return {?}
- */
- function (elRef) {
- this.positionElements.delete(_getHtmlElement(elRef));
- };
- /**
- * @param {?} options
- * @return {?}
- */
- PositioningService.prototype.setOptions = /**
- * @param {?} options
- * @return {?}
- */
- function (options) {
- this.options = options;
- };
- PositioningService.decorators = [
- { type: core.Injectable }
- ];
- /** @nocollapse */
- PositioningService.ctorParameters = function () { return [
- { type: core.NgZone },
- { type: core.RendererFactory2 },
- { type: Number, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] }
- ]; };
- return PositioningService;
- }());
- /**
- * @param {?} element
- * @return {?}
- */
- function _getHtmlElement(element) {
- // it means that we got a selector
- if (typeof element === 'string') {
- return document.querySelector(element);
- }
- if (element instanceof core.ElementRef) {
- return element.nativeElement;
- }
- return element;
- }
- exports.Positioning = Positioning;
- exports.PositioningService = PositioningService;
- exports.positionElements = positionElements;
- Object.defineProperty(exports, '__esModule', { value: true });
- }));
- //# sourceMappingURL=ngx-bootstrap-positioning.umd.js.map
|