',footer:'',buttons:' ',search:'',iconpicker:'
',iconpickerItem:''}},i.batch=function(a,t){var s=Array.prototype.slice.call(arguments,2);return e(a).each((function(){var a=e(this).data("iconpicker");a&&a[t].apply(a,s)}))},i.prototype={constructor:i,options:{},_id:0,_trigger:function(a,t){t=t||{},this.element.trigger(e.extend({type:a,iconpickerInstance:this},t))},_createPopover:function(){this.popover=e(this.options.templates.popover);var t=this.popover.find(".popover-title");if(this.options.title&&t.append(e('
'+this.options.title+"
")),this.hasSeparatedSearchInput()&&!this.options.searchInFooter?t.append(this.options.templates.search):this.options.title||t.remove(),this.options.showFooter&&!a(this.options.templates.footer)){var s=e(this.options.templates.footer);this.hasSeparatedSearchInput()&&this.options.searchInFooter&&s.append(e(this.options.templates.search)),a(this.options.templates.buttons)||s.append(e(this.options.templates.buttons)),this.popover.append(s)}return!0===this.options.animation&&this.popover.addClass("fade"),this.popover},_createIconpicker:function(){var a=this;this.iconpicker=e(this.options.templates.iconpicker);var t=function(t){var s=e(this);s.is("i")&&(s=s.parent()),a._trigger("iconpickerSelect",{iconpickerItem:s,iconpickerValue:a.iconpickerValue}),!1===a.options.mustAccept?(a.update(s.data("iconpickerValue")),a._trigger("iconpickerSelected",{iconpickerItem:this,iconpickerValue:a.iconpickerValue})):a.update(s.data("iconpickerValue"),!0),a.options.hideOnSelect&&!1===a.options.mustAccept&&a.hide()},s=e(this.options.templates.iconpickerItem),r=[];for(var i in this.options.icons)if("string"==typeof this.options.icons[i].title){var c=s.clone();if(c.find("i").addClass(this.options.fullClassFormatter(this.options.icons[i].title)),c.data("iconpickerValue",this.options.icons[i].title).on("click.iconpicker",t),c.attr("title","."+this.options.icons[i].title),this.options.icons[i].searchTerms.length>0){for(var f="",l=0;l- \n
- \n
- \n
- \n \n\n \n
\n \n
\n
| {{ T.imageHeader }} | \n\n {{ T.nameHeader }}\n | \n \n {{ T.lastModifyHeader }} \n | \n \n \n {{ T.sizeHeader }}\n | \n \n \n {{ T.typeHeader }}\n | \n
|---|---|---|---|---|
| \n \n \n | \n \n \n {{ media.name }} \n \n \n | \n \n {{ printDateTime(media.lastModify) }} \n | \n \n {{ isNaN(media.size)? 0 : Math.round(media.size / 1024) }} KB \n | \n \n {{ media.mime }} \n | \n
\n \n \n
\n ',props:{sourceItems:Array},data:function(){return{pageSize:10,pageSizeOptions:[10,30,50,100],current:0,T:{}}},created:function(){var e=this;e.T.pagerFirstButton=$("#t-pager-first-button").val(),e.T.pagerPreviousButton=$("#t-pager-previous-button").val(),e.T.pagerNextButton=$("#t-pager-next-button").val(),e.T.pagerLastButton=$("#t-pager-last-button").val(),e.T.pagerPageSizeLabel=$("#t-pager-page-size-label").val(),e.T.pagerPageLabel=$("#t-pager-page-label").val(),e.T.pagerTotalLabel=$("#t-pager-total-label").val()},methods:{next:function(){this.current=this.current+1},previous:function(){this.current=this.current-1},goFirst:function(){this.current=0},goLast:function(){this.current=this.totalPages-1},goTo:function(e){this.current=e}},computed:{total:function(){return this.sourceItems?this.sourceItems.length:0},totalPages:function(){var e=Math.ceil(this.total/this.pageSize);return e>0?e:1},isLastPage:function(){return this.current+1>=this.totalPages},isFirstPage:function(){return 0===this.current},canDoNext:function(){return!this.isLastPage},canDoPrev:function(){return!this.isFirstPage},canDoFirst:function(){return!this.isFirstPage},canDoLast:function(){return!this.isLastPage},itemsInCurrentPage:function(){var e=this.pageSize*this.current,t=e+this.pageSize,i=this.sourceItems.slice(e,t);return bus.$emit("pagerEvent",i),i},pageLinks:function(){var e=[];e.push(this.current+1);var t=this.current>0?this.current:-1;e.unshift(t);var i=this.current>1?this.current-1:-1;e.unshift(i);var n=this.totalPages-this.current>1?this.current+2:-1;e.push(n);var a=this.totalPages-this.current>2?this.current+3:-1;return e.push(a),e}},watch:{sourceItems:function(){this.current=0},pageSize:function(){this.current=0}}}),Vue.component("sortIndicator",{template:'\n \n \n \n
\n ',props:{colname:String,selectedcolname:String,asc:Boolean},computed:{isActive:function(){return this.colname.toLowerCase()==this.selectedcolname.toLowerCase()}}}),Vue.component("mediaFieldThumbsContainer",{template:' {{T.noImages}}
{{ model.name }}
{{ T.uploads }} (Pending: {{ pendingCount }}) ( {{ T.errors }}: {{ errorCount }} / {{ T.clearErrors }} )
- \n
- \n
- \n \n\n \n
\n \n
\n
| {{ T.imageHeader }} | \n\n {{ T.nameHeader }}\n | \n \n {{ T.lastModifyHeader }} \n | \n \n \n {{ T.sizeHeader }}\n | \n \n \n {{ T.typeHeader }}\n | \n
|---|---|---|---|---|
| \n \n \n | \n \n \n {{ media.name }} \n \n \n | \n \n {{ printDateTime(media.lastModify) }} \n | \n \n {{ isNaN(media.size)? 0 : Math.round(media.size / 1024) }} KB \n | \n \n {{ media.mime }} \n | \n
\n \n \n
\n ',props:{sourceItems:Array},data:function(){return{pageSize:10,pageSizeOptions:[10,30,50,100],current:0,T:{}}},created:function(){var e=this;e.T.pagerFirstButton=$("#t-pager-first-button").val(),e.T.pagerPreviousButton=$("#t-pager-previous-button").val(),e.T.pagerNextButton=$("#t-pager-next-button").val(),e.T.pagerLastButton=$("#t-pager-last-button").val(),e.T.pagerPageSizeLabel=$("#t-pager-page-size-label").val(),e.T.pagerPageLabel=$("#t-pager-page-label").val(),e.T.pagerTotalLabel=$("#t-pager-total-label").val()},methods:{next:function(){this.current=this.current+1},previous:function(){this.current=this.current-1},goFirst:function(){this.current=0},goLast:function(){this.current=this.totalPages-1},goTo:function(e){this.current=e}},computed:{total:function(){return this.sourceItems?this.sourceItems.length:0},totalPages:function(){var e=Math.ceil(this.total/this.pageSize);return e>0?e:1},isLastPage:function(){return this.current+1>=this.totalPages},isFirstPage:function(){return 0===this.current},canDoNext:function(){return!this.isLastPage},canDoPrev:function(){return!this.isFirstPage},canDoFirst:function(){return!this.isFirstPage},canDoLast:function(){return!this.isLastPage},itemsInCurrentPage:function(){var e=this.pageSize*this.current,t=e+this.pageSize,i=this.sourceItems.slice(e,t);return bus.$emit("pagerEvent",i),i},pageLinks:function(){var e=[];e.push(this.current+1);var t=this.current>0?this.current:-1;e.unshift(t);var i=this.current>1?this.current-1:-1;e.unshift(i);var n=this.totalPages-this.current>1?this.current+2:-1;e.push(n);var a=this.totalPages-this.current>2?this.current+3:-1;return e.push(a),e}},watch:{sourceItems:function(){this.current=0},pageSize:function(){this.current=0}}}),Vue.component("sortIndicator",{template:'\n \n \n \n
\n ',props:{colname:String,selectedcolname:String,asc:Boolean},computed:{isActive:function(){return this.colname.toLowerCase()==this.selectedcolname.toLowerCase()}}}),Vue.component("mediaFieldThumbsContainer",{template:' {{T.noImages}}
{{ model.name }}
{{ T.uploads }} (Pending: {{ pendingCount }}) ( {{ T.errors }}: {{ errorCount }} / {{ T.clearErrors }} )
' +
- '' +
- this.options.header +
- '
';
- }
-
- if (this.options.liveSearch) {
- searchbox =
- '' +
- '' +
- '
';
- }
-
- if (this.multiple && this.options.actionsBox) {
- actionsbox =
- '' +
- '
';
- }
-
- if (this.multiple && this.options.doneButton) {
- donebutton =
- '';
- }
-
- if (this.options.allowClear) {
- clearButton = '×';
- }
-
- drop =
- '' +
- '' +
- '' +
- '
' +
- '' +
- '' +
- '
';
-
- return $(drop);
- },
-
- setPositionData: function () {
- this.selectpicker.view.canHighlight = [];
- this.selectpicker.view.size = 0;
- this.selectpicker.view.firstHighlightIndex = false;
-
- for (var i = 0; i < this.selectpicker.current.data.length; i++) {
- var li = this.selectpicker.current.data[i],
- canHighlight = true;
-
- if (li.type === 'divider') {
- canHighlight = false;
- li.height = this.sizeInfo.dividerHeight;
- } else if (li.type === 'optgroup-label') {
- canHighlight = false;
- li.height = this.sizeInfo.dropdownHeaderHeight;
- } else {
- li.height = this.sizeInfo.liHeight;
+ if (this.options.header) {
+ header = '' +
- header +
- searchbox +
- actionsbox +
- '
' +
- '' +
- '
' +
- donebutton +
- '- ' +
- '
' + '' + this.options.header + '
';
}
-
- if (li.disabled) canHighlight = false;
-
- this.selectpicker.view.canHighlight.push(canHighlight);
-
- if (canHighlight) {
- this.selectpicker.view.size++;
- li.posinset = this.selectpicker.view.size;
- if (this.selectpicker.view.firstHighlightIndex === false) this.selectpicker.view.firstHighlightIndex = i;
+ if (this.options.liveSearch) {
+ searchbox = '' + '' + '
';
}
-
- li.position = (i === 0 ? 0 : this.selectpicker.current.data[i - 1].position) + li.height;
- }
- },
-
- isVirtual: function () {
- return (this.options.virtualScroll !== false) && (this.selectpicker.main.data.length >= this.options.virtualScroll) || this.options.virtualScroll === true;
- },
-
- createView: function (isSearching, setSize, refresh) {
- var that = this,
+ if (this.multiple && this.options.actionsBox) {
+ actionsbox = '' + '
';
+ }
+ if (this.multiple && this.options.doneButton) {
+ donebutton = '';
+ }
+ if (this.options.allowClear) {
+ clearButton = '×';
+ }
+ drop = '' + '' + '' + '
' + '' + '' + '
';
+ return $(drop);
+ },
+ setPositionData: function setPositionData() {
+ this.selectpicker.view.canHighlight = [];
+ this.selectpicker.view.size = 0;
+ this.selectpicker.view.firstHighlightIndex = false;
+ for (var i = 0; i < this.selectpicker.current.data.length; i++) {
+ var li = this.selectpicker.current.data[i],
+ canHighlight = true;
+ if (li.type === 'divider') {
+ canHighlight = false;
+ li.height = this.sizeInfo.dividerHeight;
+ } else if (li.type === 'optgroup-label') {
+ canHighlight = false;
+ li.height = this.sizeInfo.dropdownHeaderHeight;
+ } else {
+ li.height = this.sizeInfo.liHeight;
+ }
+ if (li.disabled) canHighlight = false;
+ this.selectpicker.view.canHighlight.push(canHighlight);
+ if (canHighlight) {
+ this.selectpicker.view.size++;
+ li.posinset = this.selectpicker.view.size;
+ if (this.selectpicker.view.firstHighlightIndex === false) this.selectpicker.view.firstHighlightIndex = i;
+ }
+ li.position = (i === 0 ? 0 : this.selectpicker.current.data[i - 1].position) + li.height;
+ }
+ },
+ isVirtual: function isVirtual() {
+ return this.options.virtualScroll !== false && this.selectpicker.main.data.length >= this.options.virtualScroll || this.options.virtualScroll === true;
+ },
+ createView: function createView(isSearching, setSize, refresh) {
+ var that = this,
scrollTop = 0;
-
- this.selectpicker.isSearching = isSearching;
- this.selectpicker.current = isSearching ? this.selectpicker.search : this.selectpicker.main;
-
- this.setPositionData();
-
- if (setSize) {
- if (refresh) {
- scrollTop = this.$menuInner[0].scrollTop;
- } else if (!that.multiple) {
- var element = that.$element[0],
+ this.selectpicker.isSearching = isSearching;
+ this.selectpicker.current = isSearching ? this.selectpicker.search : this.selectpicker.main;
+ this.setPositionData();
+ if (setSize) {
+ if (refresh) {
+ scrollTop = this.$menuInner[0].scrollTop;
+ } else if (!that.multiple) {
+ var element = that.$element[0],
selectedIndex = (element.options[element.selectedIndex] || {}).liIndex;
-
- if (typeof selectedIndex === 'number' && that.options.size !== false) {
- var selectedData = that.selectpicker.main.data[selectedIndex],
+ if (typeof selectedIndex === 'number' && that.options.size !== false) {
+ var selectedData = that.selectpicker.main.data[selectedIndex],
position = selectedData && selectedData.position;
-
- if (position) {
- scrollTop = position - ((that.sizeInfo.menuInnerHeight + that.sizeInfo.liHeight) / 2);
+ if (position) {
+ scrollTop = position - (that.sizeInfo.menuInnerHeight + that.sizeInfo.liHeight) / 2;
+ }
}
}
}
- }
-
- scroll(scrollTop, true);
-
- this.$menuInner.off('scroll.createView').on('scroll.createView', function (e, updateValue) {
- if (!that.noScroll) scroll(this.scrollTop, updateValue);
- that.noScroll = false;
- });
-
- function scroll (scrollTop, init) {
- var size = that.selectpicker.current.data.length,
+ scroll(scrollTop, true);
+ this.$menuInner.off('scroll.createView').on('scroll.createView', function (e, updateValue) {
+ if (!that.noScroll) scroll(this.scrollTop, updateValue);
+ that.noScroll = false;
+ });
+ function scroll(scrollTop, init) {
+ var size = that.selectpicker.current.data.length,
chunks = [],
chunkSize,
chunkCount,
@@ -1346,80 +1247,61 @@
previousElements,
menuIsDifferent = true,
isVirtual = that.isVirtual();
-
- that.selectpicker.view.scrollTop = scrollTop;
-
- chunkSize = that.options.chunkSize; // number of options in a chunk
- chunkCount = Math.ceil(size / chunkSize) || 1; // number of chunks
-
- for (var i = 0; i < chunkCount; i++) {
- var endOfChunk = (i + 1) * chunkSize;
-
- if (i === chunkCount - 1) {
- endOfChunk = size;
- }
-
- chunks[i] = [
- (i) * chunkSize + (!i ? 0 : 1),
- endOfChunk
- ];
-
- if (!size) break;
-
- if (currentChunk === undefined && scrollTop - 1 <= that.selectpicker.current.data[endOfChunk - 1].position - that.sizeInfo.menuInnerHeight) {
- currentChunk = i;
+ that.selectpicker.view.scrollTop = scrollTop;
+ chunkSize = that.options.chunkSize; // number of options in a chunk
+ chunkCount = Math.ceil(size / chunkSize) || 1; // number of chunks
+
+ for (var i = 0; i < chunkCount; i++) {
+ var endOfChunk = (i + 1) * chunkSize;
+ if (i === chunkCount - 1) {
+ endOfChunk = size;
+ }
+ chunks[i] = [i * chunkSize + (!i ? 0 : 1), endOfChunk];
+ if (!size) break;
+ if (currentChunk === undefined && scrollTop - 1 <= that.selectpicker.current.data[endOfChunk - 1].position - that.sizeInfo.menuInnerHeight) {
+ currentChunk = i;
+ }
}
- }
-
- if (currentChunk === undefined) currentChunk = 0;
-
- prevPositions = [that.selectpicker.view.position0, that.selectpicker.view.position1];
-
- // always display previous, current, and next chunks
- firstChunk = Math.max(0, currentChunk - 1);
- lastChunk = Math.min(chunkCount - 1, currentChunk + 1);
-
- that.selectpicker.view.position0 = isVirtual === false ? 0 : (Math.max(0, chunks[firstChunk][0]) || 0);
- that.selectpicker.view.position1 = isVirtual === false ? size : (Math.min(size, chunks[lastChunk][1]) || 0);
-
- positionIsDifferent = prevPositions[0] !== that.selectpicker.view.position0 || prevPositions[1] !== that.selectpicker.view.position1;
-
- if (that.activeElement !== undefined) {
- if (init) {
+ if (currentChunk === undefined) currentChunk = 0;
+ prevPositions = [that.selectpicker.view.position0, that.selectpicker.view.position1];
+
+ // always display previous, current, and next chunks
+ firstChunk = Math.max(0, currentChunk - 1);
+ lastChunk = Math.min(chunkCount - 1, currentChunk + 1);
+ that.selectpicker.view.position0 = isVirtual === false ? 0 : Math.max(0, chunks[firstChunk][0]) || 0;
+ that.selectpicker.view.position1 = isVirtual === false ? size : Math.min(size, chunks[lastChunk][1]) || 0;
+ positionIsDifferent = prevPositions[0] !== that.selectpicker.view.position0 || prevPositions[1] !== that.selectpicker.view.position1;
+ if (that.activeElement !== undefined) {
+ if (init) {
+ if (that.activeElement !== that.selectedElement) {
+ that.defocusItem(that.activeElement);
+ }
+ that.activeElement = undefined;
+ }
if (that.activeElement !== that.selectedElement) {
- that.defocusItem(that.activeElement);
+ that.defocusItem(that.selectedElement);
}
- that.activeElement = undefined;
- }
-
- if (that.activeElement !== that.selectedElement) {
- that.defocusItem(that.selectedElement);
}
- }
-
- if (that.prevActiveElement !== undefined && that.prevActiveElement !== that.activeElement && that.prevActiveElement !== that.selectedElement) {
- that.defocusItem(that.prevActiveElement);
- }
-
- if (init || positionIsDifferent || that.selectpicker.current.hasMore) {
- previousElements = that.selectpicker.view.visibleElements ? that.selectpicker.view.visibleElements.slice() : [];
-
- if (isVirtual === false) {
- that.selectpicker.view.visibleElements = that.selectpicker.current.elements;
- } else {
- that.selectpicker.view.visibleElements = that.selectpicker.current.elements.slice(that.selectpicker.view.position0, that.selectpicker.view.position1);
+ if (that.prevActiveElement !== undefined && that.prevActiveElement !== that.activeElement && that.prevActiveElement !== that.selectedElement) {
+ that.defocusItem(that.prevActiveElement);
}
+ if (init || positionIsDifferent || that.selectpicker.current.hasMore) {
+ previousElements = that.selectpicker.view.visibleElements ? that.selectpicker.view.visibleElements.slice() : [];
+ if (isVirtual === false) {
+ that.selectpicker.view.visibleElements = that.selectpicker.current.elements;
+ } else {
+ that.selectpicker.view.visibleElements = that.selectpicker.current.elements.slice(that.selectpicker.view.position0, that.selectpicker.view.position1);
+ }
+ that.setOptionStatus();
- that.setOptionStatus();
-
- // if searching, check to make sure the list has actually been updated before updating DOM
- // this prevents unnecessary repaints
- if (isSearching || (isVirtual === false && init)) menuIsDifferent = !isEqual(previousElements, that.selectpicker.view.visibleElements);
+ // if searching, check to make sure the list has actually been updated before updating DOM
+ // this prevents unnecessary repaints
+ if (isSearching || isVirtual === false && init) menuIsDifferent = !isEqual(previousElements, that.selectpicker.view.visibleElements);
- // if virtual scroll is disabled and not searching,
- // menu should never need to be updated more than once
- if ((init || isVirtual === true) && menuIsDifferent) {
- var menuInner = that.$menuInner[0],
+ // if virtual scroll is disabled and not searching,
+ // menu should never need to be updated more than once
+ if ((init || isVirtual === true) && menuIsDifferent) {
+ var menuInner = that.$menuInner[0],
menuFragment = document.createDocumentFragment(),
emptyMenu = menuInner.firstChild.cloneNode(false),
marginTop,
@@ -1427,156 +1309,124 @@
elements = that.selectpicker.view.visibleElements,
toSanitize = [];
- // replace the existing UL with an empty one - this is faster than $.empty()
- menuInner.replaceChild(emptyMenu, menuInner.firstChild);
-
- for (var i = 0, visibleElementsLen = elements.length; i < visibleElementsLen; i++) {
- var element = elements[i],
+ // replace the existing UL with an empty one - this is faster than $.empty()
+ menuInner.replaceChild(emptyMenu, menuInner.firstChild);
+ for (var i = 0, visibleElementsLen = elements.length; i < visibleElementsLen; i++) {
+ var element = elements[i],
elText,
elementData;
-
- if (that.options.sanitize) {
- elText = element.lastChild;
-
- if (elText) {
- elementData = that.selectpicker.current.data[i + that.selectpicker.view.position0];
-
- if (elementData && elementData.content && !elementData.sanitized) {
- toSanitize.push(elText);
- elementData.sanitized = true;
+ if (that.options.sanitize) {
+ elText = element.lastChild;
+ if (elText) {
+ elementData = that.selectpicker.current.data[i + that.selectpicker.view.position0];
+ if (elementData && elementData.content && !elementData.sanitized) {
+ toSanitize.push(elText);
+ elementData.sanitized = true;
+ }
}
}
+ menuFragment.appendChild(element);
}
+ if (that.options.sanitize && toSanitize.length) {
+ sanitizeHtml(toSanitize, that.options.whiteList, that.options.sanitizeFn);
+ }
+ if (isVirtual === true) {
+ marginTop = that.selectpicker.view.position0 === 0 ? 0 : that.selectpicker.current.data[that.selectpicker.view.position0 - 1].position;
+ marginBottom = that.selectpicker.view.position1 > size - 1 ? 0 : that.selectpicker.current.data[size - 1].position - that.selectpicker.current.data[that.selectpicker.view.position1 - 1].position;
+ menuInner.firstChild.style.marginTop = marginTop + 'px';
+ menuInner.firstChild.style.marginBottom = marginBottom + 'px';
+ } else {
+ menuInner.firstChild.style.marginTop = 0;
+ menuInner.firstChild.style.marginBottom = 0;
+ }
+ menuInner.firstChild.appendChild(menuFragment);
- menuFragment.appendChild(element);
- }
-
- if (that.options.sanitize && toSanitize.length) {
- sanitizeHtml(toSanitize, that.options.whiteList, that.options.sanitizeFn);
- }
-
- if (isVirtual === true) {
- marginTop = (that.selectpicker.view.position0 === 0 ? 0 : that.selectpicker.current.data[that.selectpicker.view.position0 - 1].position);
- marginBottom = (that.selectpicker.view.position1 > size - 1 ? 0 : that.selectpicker.current.data[size - 1].position - that.selectpicker.current.data[that.selectpicker.view.position1 - 1].position);
-
- menuInner.firstChild.style.marginTop = marginTop + 'px';
- menuInner.firstChild.style.marginBottom = marginBottom + 'px';
- } else {
- menuInner.firstChild.style.marginTop = 0;
- menuInner.firstChild.style.marginBottom = 0;
- }
-
- menuInner.firstChild.appendChild(menuFragment);
-
- // if an option is encountered that is wider than the current menu width, update the menu width accordingly
- // switch to ResizeObserver with increased browser support
- if (isVirtual === true && that.sizeInfo.hasScrollBar) {
- var menuInnerInnerWidth = menuInner.firstChild.offsetWidth;
-
- if (init && menuInnerInnerWidth < that.sizeInfo.menuInnerInnerWidth && that.sizeInfo.totalMenuWidth > that.sizeInfo.selectWidth) {
- menuInner.firstChild.style.minWidth = that.sizeInfo.menuInnerInnerWidth + 'px';
- } else if (menuInnerInnerWidth > that.sizeInfo.menuInnerInnerWidth) {
- // set to 0 to get actual width of menu
- that.$menu[0].style.minWidth = 0;
-
- var actualMenuWidth = menuInner.firstChild.offsetWidth;
-
- if (actualMenuWidth > that.sizeInfo.menuInnerInnerWidth) {
- that.sizeInfo.menuInnerInnerWidth = actualMenuWidth;
+ // if an option is encountered that is wider than the current menu width, update the menu width accordingly
+ // switch to ResizeObserver with increased browser support
+ if (isVirtual === true && that.sizeInfo.hasScrollBar) {
+ var menuInnerInnerWidth = menuInner.firstChild.offsetWidth;
+ if (init && menuInnerInnerWidth < that.sizeInfo.menuInnerInnerWidth && that.sizeInfo.totalMenuWidth > that.sizeInfo.selectWidth) {
menuInner.firstChild.style.minWidth = that.sizeInfo.menuInnerInnerWidth + 'px';
- }
+ } else if (menuInnerInnerWidth > that.sizeInfo.menuInnerInnerWidth) {
+ // set to 0 to get actual width of menu
+ that.$menu[0].style.minWidth = 0;
+ var actualMenuWidth = menuInner.firstChild.offsetWidth;
+ if (actualMenuWidth > that.sizeInfo.menuInnerInnerWidth) {
+ that.sizeInfo.menuInnerInnerWidth = actualMenuWidth;
+ menuInner.firstChild.style.minWidth = that.sizeInfo.menuInnerInnerWidth + 'px';
+ }
- // reset to default CSS styling
- that.$menu[0].style.minWidth = '';
+ // reset to default CSS styling
+ that.$menu[0].style.minWidth = '';
+ }
}
}
- }
-
- if ((!isSearching && that.options.source.data || isSearching && that.options.source.search) && that.selectpicker.current.hasMore && currentChunk === chunkCount - 1) {
- // Don't load the next chunk until scrolling has started
- // This prevents unnecessary requests while the user is typing if pageSize is <= chunkSize
- if (scrollTop > 0) {
- // Chunks use 0-based indexing, but pages use 1-based. Add 1 to convert and add 1 again to get next page
- var page = Math.floor((currentChunk * that.options.chunkSize) / that.options.source.pageSize) + 2;
-
- that.fetchData(function () {
- that.render();
- that.buildList(size, isSearching);
- that.setPositionData();
- scroll(scrollTop);
- }, isSearching ? 'search' : 'data', page, isSearching ? that.selectpicker.search.previousValue : undefined);
+ if ((!isSearching && that.options.source.data || isSearching && that.options.source.search) && that.selectpicker.current.hasMore && currentChunk === chunkCount - 1) {
+ // Don't load the next chunk until scrolling has started
+ // This prevents unnecessary requests while the user is typing if pageSize is <= chunkSize
+ if (scrollTop > 0) {
+ // Chunks use 0-based indexing, but pages use 1-based. Add 1 to convert and add 1 again to get next page
+ var page = Math.floor(currentChunk * that.options.chunkSize / that.options.source.pageSize) + 2;
+ that.fetchData(function () {
+ that.render();
+ that.buildList(size, isSearching);
+ that.setPositionData();
+ scroll(scrollTop);
+ }, isSearching ? 'search' : 'data', page, isSearching ? that.selectpicker.search.previousValue : undefined);
+ }
}
}
- }
-
- that.prevActiveElement = that.activeElement;
-
- if (!that.options.liveSearch) {
- that.$menuInner.trigger('focus');
- } else if (isSearching && init) {
- var index = 0,
+ that.prevActiveElement = that.activeElement;
+ if (!that.options.liveSearch) {
+ that.$menuInner.trigger('focus');
+ } else if (isSearching && init) {
+ var index = 0,
newActive;
-
- if (!that.selectpicker.view.canHighlight[index]) {
- index = 1 + that.selectpicker.view.canHighlight.slice(1).indexOf(true);
+ if (!that.selectpicker.view.canHighlight[index]) {
+ index = 1 + that.selectpicker.view.canHighlight.slice(1).indexOf(true);
+ }
+ newActive = that.selectpicker.view.visibleElements[index];
+ that.defocusItem(that.selectpicker.view.currentActive);
+ that.activeElement = (that.selectpicker.current.data[index] || {}).element;
+ that.focusItem(newActive);
}
-
- newActive = that.selectpicker.view.visibleElements[index];
-
- that.defocusItem(that.selectpicker.view.currentActive);
-
- that.activeElement = (that.selectpicker.current.data[index] || {}).element;
-
- that.focusItem(newActive);
}
- }
-
- $(window)
- .off('resize' + EVENT_KEY + '.' + this.selectId + '.createView')
- .on('resize' + EVENT_KEY + '.' + this.selectId + '.createView', function () {
+ $(window).off('resize' + EVENT_KEY + '.' + this.selectId + '.createView').on('resize' + EVENT_KEY + '.' + this.selectId + '.createView', function () {
var isActive = that.$newElement.hasClass(classNames.SHOW);
-
if (isActive) scroll(that.$menuInner[0].scrollTop);
});
- },
-
- focusItem: function (li, liData, noStyle) {
- if (li) {
- liData = liData || this.selectpicker.current.data[this.selectpicker.current.elements.indexOf(this.activeElement)];
- var a = li.firstChild;
-
- if (a) {
- a.setAttribute('aria-setsize', this.selectpicker.view.size);
- a.setAttribute('aria-posinset', liData.posinset);
-
- if (noStyle !== true) {
- this.focusedParent.setAttribute('aria-activedescendant', a.id);
- li.classList.add('active');
- a.classList.add('active');
+ },
+ focusItem: function focusItem(li, liData, noStyle) {
+ if (li) {
+ liData = liData || this.selectpicker.current.data[this.selectpicker.current.elements.indexOf(this.activeElement)];
+ var a = li.firstChild;
+ if (a) {
+ a.setAttribute('aria-setsize', this.selectpicker.view.size);
+ a.setAttribute('aria-posinset', liData.posinset);
+ if (noStyle !== true) {
+ this.focusedParent.setAttribute('aria-activedescendant', a.id);
+ li.classList.add('active');
+ a.classList.add('active');
+ }
}
}
- }
- },
-
- defocusItem: function (li) {
- if (li) {
- li.classList.remove('active');
- if (li.firstChild) li.firstChild.classList.remove('active');
- }
- },
-
- setPlaceholder: function () {
- var that = this,
+ },
+ defocusItem: function defocusItem(li) {
+ if (li) {
+ li.classList.remove('active');
+ if (li.firstChild) li.firstChild.classList.remove('active');
+ }
+ },
+ setPlaceholder: function setPlaceholder() {
+ var that = this,
updateIndex = false;
+ if ((this.options.placeholder || this.options.allowClear) && !this.multiple) {
+ if (!this.selectpicker.view.titleOption) this.selectpicker.view.titleOption = document.createElement('option');
- if ((this.options.placeholder || this.options.allowClear) && !this.multiple) {
- if (!this.selectpicker.view.titleOption) this.selectpicker.view.titleOption = document.createElement('option');
-
- // this option doesn't create a new ' + header + searchbox + actionsbox + '
' + '' + '
' + donebutton + '- ' + '
' + maxTxt + '
'));
- triggerChange = false;
- that.$element.trigger('maxReached' + EVENT_KEY);
- }
-
- if (maxOptionsGrp && maxReachedGrp) {
- $notify.append($('' + maxTxtGrp + '
'));
- triggerChange = false;
- that.$element.trigger('maxReachedGrp' + EVENT_KEY);
+ // If {var} is set in array, replace it
+ /** @deprecated */
+ if (maxOptionsArr[2]) {
+ maxTxt = maxTxt.replace('{var}', maxOptionsArr[2][maxOptions > 1 ? 0 : 1]);
+ maxTxtGrp = maxTxtGrp.replace('{var}', maxOptionsArr[2][maxOptionsGrp > 1 ? 0 : 1]);
+ }
+ that.$menu.append($notify);
+ if (maxOptions && maxReached) {
+ $notify.append($('' + maxTxt + '
'));
+ triggerChange = false;
+ that.$element.trigger('maxReached' + EVENT_KEY);
+ }
+ if (maxOptionsGrp && maxReachedGrp) {
+ $notify.append($('' + maxTxtGrp + '
'));
+ triggerChange = false;
+ that.$element.trigger('maxReachedGrp' + EVENT_KEY);
+ }
+ setTimeout(function () {
+ that.setSelected(clickedData, false);
+ }, 10);
+ $notify[0].classList.add('fadeOut');
+ setTimeout(function () {
+ $notify.remove();
+ }, 1050);
}
-
- setTimeout(function () {
- that.setSelected(clickedData, false);
- }, 10);
-
- $notify[0].classList.add('fadeOut');
-
- setTimeout(function () {
- $notify.remove();
- }, 1050);
}
}
}
- }
-
- if (that.options.source.data) that.$element[0].appendChild(that.selectpicker.main.optionQueue);
+ if (that.options.source.data) that.$element[0].appendChild(that.selectpicker.main.optionQueue);
+ if (!that.multiple || that.multiple && that.options.maxOptions === 1) {
+ that.$button.trigger('focus');
+ } else if (that.options.liveSearch) {
+ that.$searchbox.trigger('focus');
+ }
- if (!that.multiple || (that.multiple && that.options.maxOptions === 1)) {
- that.$button.trigger('focus');
- } else if (that.options.liveSearch) {
- that.$searchbox.trigger('focus');
+ // Trigger select 'change'
+ if (triggerChange) {
+ if (that.multiple || prevIndex !== element.selectedIndex) {
+ // $option.prop('selected') is current option state (selected/unselected). prevValue is the value of the select prior to being changed.
+ changedArguments = [option.index, $option.prop('selected'), prevValue];
+ that.$element.triggerNative('change');
+ }
+ }
}
-
- // Trigger select 'change'
- if (triggerChange) {
- if (that.multiple || prevIndex !== element.selectedIndex) {
- // $option.prop('selected') is current option state (selected/unselected). prevValue is the value of the select prior to being changed.
- changedArguments = [option.index, $option.prop('selected'), prevValue];
- that.$element
- .triggerNative('change');
+ });
+ this.$menu.on('click', 'li.' + classNames.DISABLED + ' a, .' + classNames.POPOVERHEADER + ', .' + classNames.POPOVERHEADER + ' :not(.close)', function (e) {
+ if (e.currentTarget == this) {
+ e.preventDefault();
+ e.stopPropagation();
+ if (that.options.liveSearch && !$(e.target).hasClass('close')) {
+ that.$searchbox.trigger('focus');
+ } else {
+ that.$button.trigger('focus');
}
}
- }
- });
-
- this.$menu.on('click', 'li.' + classNames.DISABLED + ' a, .' + classNames.POPOVERHEADER + ', .' + classNames.POPOVERHEADER + ' :not(.close)', function (e) {
- if (e.currentTarget == this) {
+ });
+ this.$menuInner.on('click', '.divider, .dropdown-header', function (e) {
e.preventDefault();
e.stopPropagation();
- if (that.options.liveSearch && !$(e.target).hasClass('close')) {
+ if (that.options.liveSearch) {
that.$searchbox.trigger('focus');
} else {
that.$button.trigger('focus');
}
- }
- });
-
- this.$menuInner.on('click', '.divider, .dropdown-header', function (e) {
- e.preventDefault();
- e.stopPropagation();
- if (that.options.liveSearch) {
- that.$searchbox.trigger('focus');
- } else {
- that.$button.trigger('focus');
- }
- });
-
- this.$menu.on('click', '.' + classNames.POPOVERHEADER + ' .close', function () {
- that.$button.trigger('click');
- });
-
- this.$searchbox.on('click', function (e) {
- e.stopPropagation();
- });
-
- this.$menu.on('click', '.actions-btn', function (e) {
- if (that.options.liveSearch) {
- that.$searchbox.trigger('focus');
- } else {
- that.$button.trigger('focus');
- }
-
- e.preventDefault();
- e.stopPropagation();
-
- if ($(this).hasClass('bs-select-all')) {
- that.selectAll();
- } else {
- that.deselectAll();
- }
- });
-
- this.$button
- .on('focus' + EVENT_KEY, function (e) {
- var tabindex = that.$element[0].getAttribute('tabindex');
+ });
+ this.$menu.on('click', '.' + classNames.POPOVERHEADER + ' .close', function () {
+ that.$button.trigger('click');
+ });
+ this.$searchbox.on('click', function (e) {
+ e.stopPropagation();
+ });
+ this.$menu.on('click', '.actions-btn', function (e) {
+ if (that.options.liveSearch) {
+ that.$searchbox.trigger('focus');
+ } else {
+ that.$button.trigger('focus');
+ }
+ e.preventDefault();
+ e.stopPropagation();
+ if ($(this).hasClass('bs-select-all')) {
+ that.selectAll();
+ } else {
+ that.deselectAll();
+ }
+ });
+ this.$button.on('focus' + EVENT_KEY, function (e) {
+ var tabindex = that.$element[0].getAttribute('tabindex');
// only change when button is actually focused
if (tabindex !== undefined && e.originalEvent && e.originalEvent.isTrusted) {
@@ -2938,8 +2542,7 @@
that.$element[0].setAttribute('tabindex', -1);
that.selectpicker.view.tabindex = tabindex;
}
- })
- .on('blur' + EVENT_KEY, function (e) {
+ }).on('blur' + EVENT_KEY, function (e) {
// revert everything to original tabindex
if (that.selectpicker.view.tabindex !== undefined && e.originalEvent && e.originalEvent.isTrusted) {
that.$element[0].setAttribute('tabindex', that.selectpicker.view.tabindex);
@@ -2947,239 +2550,183 @@
that.selectpicker.view.tabindex = undefined;
}
});
-
- this.$element
- .on('change' + EVENT_KEY, function () {
+ this.$element.on('change' + EVENT_KEY, function () {
that.render();
that.$element.trigger('changed' + EVENT_KEY, changedArguments);
changedArguments = null;
- })
- .on('focus' + EVENT_KEY, function () {
+ }).on('focus' + EVENT_KEY, function () {
if (!that.options.mobile) that.$button[0].focus();
});
- },
-
- liveSearchListener: function () {
- var that = this;
-
- this.$button.on('click.bs.dropdown.data-api', function () {
- if (!!that.$searchbox.val()) {
- that.$searchbox.val('');
- that.selectpicker.search.previousValue = undefined;
- }
- });
-
- this.$searchbox.on('click.bs.dropdown.data-api focus.bs.dropdown.data-api touchend.bs.dropdown.data-api', function (e) {
- e.stopPropagation();
- });
-
- this.$searchbox.on('input propertychange', function () {
- var searchValue = that.$searchbox[0].value;
-
- that.selectpicker.search.elements = [];
- that.selectpicker.search.data = [];
-
- if (searchValue) {
- that.selectpicker.search.previousValue = searchValue;
-
- if (that.options.source.search) {
- that.fetchData(function (builtData) {
- that.render();
- that.buildList(undefined, true);
- that.noScroll = true;
- that.$menuInner.scrollTop(0);
- that.createView(true);
- showNoResults.call(that, builtData, searchValue);
- }, 'search', 0, searchValue);
- } else {
- var i,
+ },
+ liveSearchListener: function liveSearchListener() {
+ var that = this;
+ this.$button.on('click.bs.dropdown.data-api', function () {
+ if (!!that.$searchbox.val()) {
+ that.$searchbox.val('');
+ that.selectpicker.search.previousValue = undefined;
+ }
+ });
+ this.$searchbox.on('click.bs.dropdown.data-api focus.bs.dropdown.data-api touchend.bs.dropdown.data-api', function (e) {
+ e.stopPropagation();
+ });
+ this.$searchbox.on('input propertychange', function () {
+ var searchValue = that.$searchbox[0].value;
+ that.selectpicker.search.elements = [];
+ that.selectpicker.search.data = [];
+ if (searchValue) {
+ that.selectpicker.search.previousValue = searchValue;
+ if (that.options.source.search) {
+ that.fetchData(function (builtData) {
+ that.render();
+ that.buildList(undefined, true);
+ that.noScroll = true;
+ that.$menuInner.scrollTop(0);
+ that.createView(true);
+ showNoResults.call(that, builtData, searchValue);
+ }, 'search', 0, searchValue);
+ } else {
+ var i,
searchMatch = [],
q = searchValue.toUpperCase(),
cache = {},
cacheArr = [],
searchStyle = that._searchStyle(),
normalizeSearch = that.options.liveSearchNormalize;
-
- if (normalizeSearch) q = normalizeToBase(q);
-
- for (var i = 0; i < that.selectpicker.main.data.length; i++) {
- var li = that.selectpicker.main.data[i];
-
- if (!cache[i]) {
- cache[i] = stringSearch(li, q, searchStyle, normalizeSearch);
- }
-
- if (cache[i] && li.headerIndex !== undefined && cacheArr.indexOf(li.headerIndex) === -1) {
- if (li.headerIndex > 0) {
- cache[li.headerIndex - 1] = true;
- cacheArr.push(li.headerIndex - 1);
+ if (normalizeSearch) q = normalizeToBase(q);
+ for (var i = 0; i < that.selectpicker.main.data.length; i++) {
+ var li = that.selectpicker.main.data[i];
+ if (!cache[i]) {
+ cache[i] = stringSearch(li, q, searchStyle, normalizeSearch);
}
-
- cache[li.headerIndex] = true;
- cacheArr.push(li.headerIndex);
-
- cache[li.lastIndex + 1] = true;
+ if (cache[i] && li.headerIndex !== undefined && cacheArr.indexOf(li.headerIndex) === -1) {
+ if (li.headerIndex > 0) {
+ cache[li.headerIndex - 1] = true;
+ cacheArr.push(li.headerIndex - 1);
+ }
+ cache[li.headerIndex] = true;
+ cacheArr.push(li.headerIndex);
+ cache[li.lastIndex + 1] = true;
+ }
+ if (cache[i] && li.type !== 'optgroup-label') cacheArr.push(i);
}
-
- if (cache[i] && li.type !== 'optgroup-label') cacheArr.push(i);
- }
-
- for (var i = 0, cacheLen = cacheArr.length; i < cacheLen; i++) {
- var index = cacheArr[i],
+ for (var i = 0, cacheLen = cacheArr.length; i < cacheLen; i++) {
+ var index = cacheArr[i],
prevIndex = cacheArr[i - 1],
li = that.selectpicker.main.data[index],
liPrev = that.selectpicker.main.data[prevIndex];
-
- if (li.type !== 'divider' || (li.type === 'divider' && liPrev && liPrev.type !== 'divider' && cacheLen - 1 !== i)) {
- that.selectpicker.search.data.push(li);
- searchMatch.push(that.selectpicker.main.elements[index]);
+ if (li.type !== 'divider' || li.type === 'divider' && liPrev && liPrev.type !== 'divider' && cacheLen - 1 !== i) {
+ that.selectpicker.search.data.push(li);
+ searchMatch.push(that.selectpicker.main.elements[index]);
+ }
}
+ that.activeElement = undefined;
+ that.noScroll = true;
+ that.$menuInner.scrollTop(0);
+ that.selectpicker.search.elements = searchMatch;
+ that.createView(true);
+ showNoResults.call(that, searchMatch, searchValue);
}
-
- that.activeElement = undefined;
- that.noScroll = true;
+ } else if (that.selectpicker.search.previousValue) {
+ // for IE11 (#2402)
that.$menuInner.scrollTop(0);
- that.selectpicker.search.elements = searchMatch;
- that.createView(true);
- showNoResults.call(that, searchMatch, searchValue);
+ that.createView(false);
}
- } else if (that.selectpicker.search.previousValue) { // for IE11 (#2402)
- that.$menuInner.scrollTop(0);
- that.createView(false);
- }
- });
- },
-
- _searchStyle: function () {
- return this.options.liveSearchStyle || 'contains';
- },
-
- val: function (value) {
- var element = this.$element[0];
-
- if (typeof value !== 'undefined') {
- var selectedOptions = getSelectedOptions.call(this),
+ });
+ },
+ _searchStyle: function _searchStyle() {
+ return this.options.liveSearchStyle || 'contains';
+ },
+ val: function val(value) {
+ var element = this.$element[0];
+ if (typeof value !== 'undefined') {
+ var selectedOptions = getSelectedOptions.call(this),
prevValue = getSelectValues.call(this, selectedOptions);
-
- changedArguments = [null, null, prevValue];
-
- if (!Array.isArray(value)) value = [ value ];
-
- value.map(String);
-
- for (var i = 0; i < selectedOptions.length; i++) {
- var item = selectedOptions[i];
-
- if (item && value.indexOf(String(item.value)) === -1) {
- this.setSelected(item, false);
- }
- }
-
- // only update selected value if it matches an existing option
- this.selectpicker.main.data.filter(function (item) {
- if (value.indexOf(String(item.value)) !== -1) {
- this.setSelected(item, true);
- return true;
+ changedArguments = [null, null, prevValue];
+ if (!Array.isArray(value)) value = [value];
+ value.map(String);
+ for (var i = 0; i < selectedOptions.length; i++) {
+ var item = selectedOptions[i];
+ if (item && value.indexOf(String(item.value)) === -1) {
+ this.setSelected(item, false);
+ }
}
- return false;
- }, this);
-
- if (this.options.source.data) element.appendChild(this.selectpicker.main.optionQueue);
-
- this.$element.trigger('changed' + EVENT_KEY, changedArguments);
-
- if (this.$newElement.hasClass(classNames.SHOW)) {
- if (this.multiple) {
- this.setOptionStatus(true);
- } else {
- var liSelectedIndex = (element.options[element.selectedIndex] || {}).liIndex;
-
- if (typeof liSelectedIndex === 'number') {
- this.setSelected(this.selectpicker.current.data[liSelectedIndex], true);
+ // only update selected value if it matches an existing option
+ this.selectpicker.main.data.filter(function (item) {
+ if (value.indexOf(String(item.value)) !== -1) {
+ this.setSelected(item, true);
+ return true;
+ }
+ return false;
+ }, this);
+ if (this.options.source.data) element.appendChild(this.selectpicker.main.optionQueue);
+ this.$element.trigger('changed' + EVENT_KEY, changedArguments);
+ if (this.$newElement.hasClass(classNames.SHOW)) {
+ if (this.multiple) {
+ this.setOptionStatus(true);
+ } else {
+ var liSelectedIndex = (element.options[element.selectedIndex] || {}).liIndex;
+ if (typeof liSelectedIndex === 'number') {
+ this.setSelected(this.selectpicker.current.data[liSelectedIndex], true);
+ }
}
}
+ this.render();
+ changedArguments = null;
+ return this.$element;
+ } else {
+ return this.$element.val();
}
-
- this.render();
-
- changedArguments = null;
-
- return this.$element;
- } else {
- return this.$element.val();
- }
- },
-
- changeAll: function (status) {
- if (!this.multiple) return;
- if (typeof status === 'undefined') status = true;
-
- var element = this.$element[0],
+ },
+ changeAll: function changeAll(status) {
+ if (!this.multiple) return;
+ if (typeof status === 'undefined') status = true;
+ var element = this.$element[0],
previousSelected = 0,
currentSelected = 0,
prevValue = getSelectValues.call(this);
-
- element.classList.add('bs-select-hidden');
-
- for (var i = 0, data = this.selectpicker.current.data, len = data.length; i < len; i++) {
- var liData = data[i],
+ element.classList.add('bs-select-hidden');
+ for (var i = 0, data = this.selectpicker.current.data, len = data.length; i < len; i++) {
+ var liData = data[i],
option = liData.option;
-
- if (option && !liData.disabled && liData.type !== 'divider') {
- if (liData.selected) previousSelected++;
- option.selected = status;
- liData.selected = status;
- if (status === true) currentSelected++;
+ if (option && !liData.disabled && liData.type !== 'divider') {
+ if (liData.selected) previousSelected++;
+ option.selected = status;
+ liData.selected = status;
+ if (status === true) currentSelected++;
+ }
}
- }
-
- element.classList.remove('bs-select-hidden');
-
- if (previousSelected === currentSelected) return;
-
- this.setOptionStatus();
-
- changedArguments = [null, null, prevValue];
-
- this.$element
- .triggerNative('change');
- },
-
- selectAll: function () {
- return this.changeAll(true);
- },
-
- deselectAll: function () {
- return this.changeAll(false);
- },
-
- toggle: function (e, state) {
- var isActive,
+ element.classList.remove('bs-select-hidden');
+ if (previousSelected === currentSelected) return;
+ this.setOptionStatus();
+ changedArguments = [null, null, prevValue];
+ this.$element.triggerNative('change');
+ },
+ selectAll: function selectAll() {
+ return this.changeAll(true);
+ },
+ deselectAll: function deselectAll() {
+ return this.changeAll(false);
+ },
+ toggle: function toggle(e, state) {
+ var isActive,
triggerClick = state === undefined;
-
- e = e || window.event;
-
- if (e) e.stopPropagation();
-
- if (triggerClick === false) {
- isActive = this.$newElement[0].classList.contains(classNames.SHOW);
- triggerClick = state === true && isActive === false || state === false && isActive === true;
- }
-
- if (triggerClick) this.$button.trigger('click.bs.dropdown.data-api');
- },
-
- open: function (e) {
- this.toggle(e, true);
- },
-
- close: function (e) {
- this.toggle(e, false);
- },
-
- keydown: function (e) {
- var $this = $(this),
+ e = e || window.event;
+ if (e) e.stopPropagation();
+ if (triggerClick === false) {
+ isActive = this.$newElement[0].classList.contains(classNames.SHOW);
+ triggerClick = state === true && isActive === false || state === false && isActive === true;
+ }
+ if (triggerClick) this.$button.trigger('click.bs.dropdown.data-api');
+ },
+ open: function open(e) {
+ this.toggle(e, true);
+ },
+ close: function close(e) {
+ this.toggle(e, false);
+ },
+ keydown: function keydown(e) {
+ var $this = $(this),
isToggle = $this.hasClass('dropdown-toggle'),
$parent = isToggle ? $this.closest('.dropdown') : $this.closest(Selector.MENU),
that = $parent.data('this'),
@@ -3196,436 +2743,343 @@
isVirtual = that.isVirtual(),
position0 = isVirtual === true ? that.selectpicker.view.position0 : 0;
- // do nothing if a function key is pressed
- if (e.which >= 112 && e.which <= 123) return;
-
- isActive = that.$menu.hasClass(classNames.SHOW);
-
- if (
- !isActive &&
- (
- isArrowKey ||
- (e.which >= 48 && e.which <= 57) ||
- (e.which >= 96 && e.which <= 105) ||
- (e.which >= 65 && e.which <= 90)
- )
- ) {
- that.$button.trigger('click.bs.dropdown.data-api');
-
- if (that.options.liveSearch) {
- that.$searchbox.trigger('focus');
- return;
- }
- }
-
- if (e.which === keyCodes.ESCAPE && isActive) {
- e.preventDefault();
- that.$button.trigger('click.bs.dropdown.data-api').trigger('focus');
- }
-
- if (isArrowKey) { // if up or down
- if (!$items.length) return;
-
- liActive = that.activeElement;
- index = liActive ? Array.prototype.indexOf.call(liActive.parentElement.children, liActive) : -1;
-
- if (index !== -1) {
- that.defocusItem(liActive);
+ // do nothing if a function key is pressed
+ if (e.which >= 112 && e.which <= 123) return;
+ isActive = that.$menu.hasClass(classNames.SHOW);
+ if (!isActive && (isArrowKey || e.which >= 48 && e.which <= 57 || e.which >= 96 && e.which <= 105 || e.which >= 65 && e.which <= 90)) {
+ that.$button.trigger('click.bs.dropdown.data-api');
+ if (that.options.liveSearch) {
+ that.$searchbox.trigger('focus');
+ return;
+ }
}
-
- if (e.which === keyCodes.ARROW_UP) { // up
- if (index !== -1) index--;
- if (index + position0 < 0) index += $items.length;
-
- if (!that.selectpicker.view.canHighlight[index + position0]) {
- index = that.selectpicker.view.canHighlight.slice(0, index + position0).lastIndexOf(true) - position0;
- if (index === -1) index = $items.length - 1;
+ if (e.which === keyCodes.ESCAPE && isActive) {
+ e.preventDefault();
+ that.$button.trigger('click.bs.dropdown.data-api').trigger('focus');
+ }
+ if (isArrowKey) {
+ // if up or down
+ if (!$items.length) return;
+ liActive = that.activeElement;
+ index = liActive ? Array.prototype.indexOf.call(liActive.parentElement.children, liActive) : -1;
+ if (index !== -1) {
+ that.defocusItem(liActive);
}
- } else if (e.which === keyCodes.ARROW_DOWN || downOnTab) { // down
- index++;
- if (index + position0 >= that.selectpicker.view.canHighlight.length) index = that.selectpicker.view.firstHighlightIndex;
-
- if (!that.selectpicker.view.canHighlight[index + position0]) {
- index = index + 1 + that.selectpicker.view.canHighlight.slice(index + position0 + 1).indexOf(true);
+ if (e.which === keyCodes.ARROW_UP) {
+ // up
+ if (index !== -1) index--;
+ if (index + position0 < 0) index += $items.length;
+ if (!that.selectpicker.view.canHighlight[index + position0]) {
+ index = that.selectpicker.view.canHighlight.slice(0, index + position0).lastIndexOf(true) - position0;
+ if (index === -1) index = $items.length - 1;
+ }
+ } else if (e.which === keyCodes.ARROW_DOWN || downOnTab) {
+ // down
+ index++;
+ if (index + position0 >= that.selectpicker.view.canHighlight.length) index = that.selectpicker.view.firstHighlightIndex;
+ if (!that.selectpicker.view.canHighlight[index + position0]) {
+ index = index + 1 + that.selectpicker.view.canHighlight.slice(index + position0 + 1).indexOf(true);
+ }
}
- }
-
- e.preventDefault();
-
- var liActiveIndex = position0 + index;
-
- if (e.which === keyCodes.ARROW_UP) { // up
- // scroll to bottom and highlight last option
- if (position0 === 0 && index === $items.length - 1) {
- that.$menuInner[0].scrollTop = that.$menuInner[0].scrollHeight;
-
- liActiveIndex = that.selectpicker.current.elements.length - 1;
- } else {
- activeLi = that.selectpicker.current.data[liActiveIndex];
+ e.preventDefault();
+ var liActiveIndex = position0 + index;
+ if (e.which === keyCodes.ARROW_UP) {
+ // up
+ // scroll to bottom and highlight last option
+ if (position0 === 0 && index === $items.length - 1) {
+ that.$menuInner[0].scrollTop = that.$menuInner[0].scrollHeight;
+ liActiveIndex = that.selectpicker.current.elements.length - 1;
+ } else {
+ activeLi = that.selectpicker.current.data[liActiveIndex];
- // could be undefined if no results exist
- if (activeLi) {
- offset = activeLi.position - activeLi.height;
+ // could be undefined if no results exist
+ if (activeLi) {
+ offset = activeLi.position - activeLi.height;
+ updateScroll = offset < scrollTop;
+ }
+ }
+ } else if (e.which === keyCodes.ARROW_DOWN || downOnTab) {
+ // down
+ // scroll to top and highlight first option
+ if (index === that.selectpicker.view.firstHighlightIndex) {
+ that.$menuInner[0].scrollTop = 0;
+ liActiveIndex = that.selectpicker.view.firstHighlightIndex;
+ } else {
+ activeLi = that.selectpicker.current.data[liActiveIndex];
- updateScroll = offset < scrollTop;
+ // could be undefined if no results exist
+ if (activeLi) {
+ offset = activeLi.position - that.sizeInfo.menuInnerHeight;
+ updateScroll = offset > scrollTop;
+ }
}
}
- } else if (e.which === keyCodes.ARROW_DOWN || downOnTab) { // down
- // scroll to top and highlight first option
- if (index === that.selectpicker.view.firstHighlightIndex) {
- that.$menuInner[0].scrollTop = 0;
-
- liActiveIndex = that.selectpicker.view.firstHighlightIndex;
+ liActive = that.selectpicker.current.elements[liActiveIndex];
+ that.activeElement = (that.selectpicker.current.data[liActiveIndex] || {}).element;
+ that.focusItem(liActive);
+ that.selectpicker.view.currentActive = liActive;
+ if (updateScroll) that.$menuInner[0].scrollTop = offset;
+ if (that.options.liveSearch) {
+ that.$searchbox.trigger('focus');
} else {
- activeLi = that.selectpicker.current.data[liActiveIndex];
-
- // could be undefined if no results exist
- if (activeLi) {
- offset = activeLi.position - that.sizeInfo.menuInnerHeight;
-
- updateScroll = offset > scrollTop;
- }
+ $this.trigger('focus');
}
- }
-
- liActive = that.selectpicker.current.elements[liActiveIndex];
-
- that.activeElement = (that.selectpicker.current.data[liActiveIndex] || {}).element;
-
- that.focusItem(liActive);
-
- that.selectpicker.view.currentActive = liActive;
-
- if (updateScroll) that.$menuInner[0].scrollTop = offset;
-
- if (that.options.liveSearch) {
- that.$searchbox.trigger('focus');
- } else {
- $this.trigger('focus');
- }
- } else if (
- (!$this.is('input') && !REGEXP_TAB_OR_ESCAPE.test(e.which)) ||
- (e.which === keyCodes.SPACE && that.selectpicker.keydown.keyHistory)
- ) {
- var searchMatch,
+ } else if (!$this.is('input') && !REGEXP_TAB_OR_ESCAPE.test(e.which) || e.which === keyCodes.SPACE && that.selectpicker.keydown.keyHistory) {
+ var searchMatch,
matches = [],
keyHistory;
+ e.preventDefault();
+ that.selectpicker.keydown.keyHistory += keyCodeMap[e.which];
+ if (that.selectpicker.keydown.resetKeyHistory.cancel) clearTimeout(that.selectpicker.keydown.resetKeyHistory.cancel);
+ that.selectpicker.keydown.resetKeyHistory.cancel = that.selectpicker.keydown.resetKeyHistory.start();
+ keyHistory = that.selectpicker.keydown.keyHistory;
+
+ // if all letters are the same, set keyHistory to just the first character when searching
+ if (/^(.)\1+$/.test(keyHistory)) {
+ keyHistory = keyHistory.charAt(0);
+ }
- e.preventDefault();
-
- that.selectpicker.keydown.keyHistory += keyCodeMap[e.which];
-
- if (that.selectpicker.keydown.resetKeyHistory.cancel) clearTimeout(that.selectpicker.keydown.resetKeyHistory.cancel);
- that.selectpicker.keydown.resetKeyHistory.cancel = that.selectpicker.keydown.resetKeyHistory.start();
-
- keyHistory = that.selectpicker.keydown.keyHistory;
-
- // if all letters are the same, set keyHistory to just the first character when searching
- if (/^(.)\1+$/.test(keyHistory)) {
- keyHistory = keyHistory.charAt(0);
- }
-
- // find matches
- for (var i = 0; i < that.selectpicker.current.data.length; i++) {
- var li = that.selectpicker.current.data[i],
+ // find matches
+ for (var i = 0; i < that.selectpicker.current.data.length; i++) {
+ var li = that.selectpicker.current.data[i],
hasMatch;
-
- hasMatch = stringSearch(li, keyHistory, 'startsWith', true);
-
- if (hasMatch && that.selectpicker.view.canHighlight[i]) {
- matches.push(li.element);
+ hasMatch = stringSearch(li, keyHistory, 'startsWith', true);
+ if (hasMatch && that.selectpicker.view.canHighlight[i]) {
+ matches.push(li.element);
+ }
}
- }
-
- if (matches.length) {
- var matchIndex = 0;
-
- $items.removeClass('active').find('a').removeClass('active');
-
- // either only one key has been pressed or they are all the same key
- if (keyHistory.length === 1) {
- matchIndex = matches.indexOf(that.activeElement);
-
- if (matchIndex === -1 || matchIndex === matches.length - 1) {
- matchIndex = 0;
+ if (matches.length) {
+ var matchIndex = 0;
+ $items.removeClass('active').find('a').removeClass('active');
+
+ // either only one key has been pressed or they are all the same key
+ if (keyHistory.length === 1) {
+ matchIndex = matches.indexOf(that.activeElement);
+ if (matchIndex === -1 || matchIndex === matches.length - 1) {
+ matchIndex = 0;
+ } else {
+ matchIndex++;
+ }
+ }
+ searchMatch = matches[matchIndex];
+ activeLi = that.selectpicker.main.data[searchMatch];
+ if (scrollTop - activeLi.position > 0) {
+ offset = activeLi.position - activeLi.height;
+ updateScroll = true;
} else {
- matchIndex++;
+ offset = activeLi.position - that.sizeInfo.menuInnerHeight;
+ // if the option is already visible at the current scroll position, just keep it the same
+ updateScroll = activeLi.position > scrollTop + that.sizeInfo.menuInnerHeight;
}
+ liActive = that.selectpicker.main.elements[searchMatch];
+ that.activeElement = liActive;
+ that.focusItem(liActive);
+ if (liActive) liActive.firstChild.focus();
+ if (updateScroll) that.$menuInner[0].scrollTop = offset;
+ $this.trigger('focus');
}
+ }
- searchMatch = matches[matchIndex];
-
- activeLi = that.selectpicker.main.data[searchMatch];
-
- if (scrollTop - activeLi.position > 0) {
- offset = activeLi.position - activeLi.height;
- updateScroll = true;
- } else {
- offset = activeLi.position - that.sizeInfo.menuInnerHeight;
- // if the option is already visible at the current scroll position, just keep it the same
- updateScroll = activeLi.position > scrollTop + that.sizeInfo.menuInnerHeight;
+ // Select focused option if "Enter", "Spacebar" or "Tab" (when selectOnTab is true) are pressed inside the menu.
+ if (isActive && (e.which === keyCodes.SPACE && !that.selectpicker.keydown.keyHistory || e.which === keyCodes.ENTER || e.which === keyCodes.TAB && that.options.selectOnTab)) {
+ if (e.which !== keyCodes.SPACE) e.preventDefault();
+ if (!that.options.liveSearch || e.which !== keyCodes.SPACE) {
+ that.$menuInner.find('.active a').trigger('click', true); // retain active class
+ $this.trigger('focus');
+ if (!that.options.liveSearch) {
+ // Prevent screen from scrolling if the user hits the spacebar
+ e.preventDefault();
+ // Fixes spacebar selection of dropdown items in FF & IE
+ $(document).data('spaceSelect', true);
+ }
}
-
- liActive = that.selectpicker.main.elements[searchMatch];
-
- that.activeElement = liActive;
-
- that.focusItem(liActive);
-
- if (liActive) liActive.firstChild.focus();
-
- if (updateScroll) that.$menuInner[0].scrollTop = offset;
-
- $this.trigger('focus');
}
+ },
+ mobile: function mobile() {
+ // ensure mobile is set to true if mobile function is called after init
+ this.options.mobile = true;
+ this.$element[0].classList.add('mobile-device');
+ },
+ refresh: function refresh() {
+ var that = this;
+ // update options if data attributes have been changed
+ var config = $.extend({}, this.options, getAttributesObject(this.$element), this.$element.data()); // in this order on refresh, as user may change attributes on select, and options object is not passed on refresh
+ this.options = config;
+ if (this.options.source.data) {
+ this.render();
+ this.buildList();
+ } else {
+ this.fetchData(function () {
+ that.render();
+ that.buildList();
+ });
+ }
+ this.checkDisabled();
+ this.setStyle();
+ this.setWidth();
+ this.setSize(true);
+ this.$element.trigger('refreshed' + EVENT_KEY);
+ },
+ hide: function hide() {
+ this.$newElement.hide();
+ },
+ show: function show() {
+ this.$newElement.show();
+ },
+ remove: function remove() {
+ this.$newElement.remove();
+ this.$element.remove();
+ },
+ destroy: function destroy() {
+ this.$newElement.before(this.$element).remove();
+ if (this.$bsContainer) {
+ this.$bsContainer.remove();
+ } else {
+ this.$menu.remove();
+ }
+ if (this.selectpicker.view.titleOption && this.selectpicker.view.titleOption.parentNode) {
+ this.selectpicker.view.titleOption.parentNode.removeChild(this.selectpicker.view.titleOption);
+ }
+ this.$element.off(EVENT_KEY).removeData('selectpicker').removeClass('bs-select-hidden selectpicker mobile-device');
+ $(window).off(EVENT_KEY + '.' + this.selectId);
}
+ };
- // Select focused option if "Enter", "Spacebar" or "Tab" (when selectOnTab is true) are pressed inside the menu.
- if (
- isActive &&
- (
- (e.which === keyCodes.SPACE && !that.selectpicker.keydown.keyHistory) ||
- e.which === keyCodes.ENTER ||
- (e.which === keyCodes.TAB && that.options.selectOnTab)
- )
- ) {
- if (e.which !== keyCodes.SPACE) e.preventDefault();
-
- if (!that.options.liveSearch || e.which !== keyCodes.SPACE) {
- that.$menuInner.find('.active a').trigger('click', true); // retain active class
- $this.trigger('focus');
-
- if (!that.options.liveSearch) {
- // Prevent screen from scrolling if the user hits the spacebar
- e.preventDefault();
- // Fixes spacebar selection of dropdown items in FF & IE
- $(document).data('spaceSelect', true);
+ // SELECTPICKER PLUGIN DEFINITION
+ // ==============================
+ function Plugin(option) {
+ // get the args of the outer function..
+ var args = arguments;
+ // The arguments of the function are explicitly re-defined from the argument list, because the shift causes them
+ // to get lost/corrupted in android 2.3 and IE9 #715 #775
+ var _option = option;
+ [].shift.apply(args);
+
+ // if the version was not set successfully
+ if (!version.success) {
+ // try to retreive it again
+ try {
+ version.full = (getVersion() || '').split(' ')[0].split('.');
+ } catch (err) {
+ // fall back to use BootstrapVersion if set
+ if (_Selectpicker.BootstrapVersion) {
+ version.full = _Selectpicker.BootstrapVersion.split(' ')[0].split('.');
+ } else {
+ version.full = [version.major, '0', '0'];
+ console.warn('There was an issue retrieving Bootstrap\'s version. ' + 'Ensure Bootstrap is being loaded before bootstrap-select and there is no namespace collision. ' + 'If loading Bootstrap asynchronously, the version may need to be manually specified via $.fn.selectpicker.Constructor.BootstrapVersion.', err);
}
}
+ version.major = version.full[0];
+ version.success = true;
}
- },
-
- mobile: function () {
- // ensure mobile is set to true if mobile function is called after init
- this.options.mobile = true;
- this.$element[0].classList.add('mobile-device');
- },
-
- refresh: function () {
- var that = this;
- // update options if data attributes have been changed
- var config = $.extend({}, this.options, getAttributesObject(this.$element), this.$element.data()); // in this order on refresh, as user may change attributes on select, and options object is not passed on refresh
- this.options = config;
-
- if (this.options.source.data) {
- this.render();
- this.buildList();
- } else {
- this.fetchData(function () {
- that.render();
- that.buildList();
+ if (version.major >= '4') {
+ // some defaults need to be changed if using Bootstrap 4
+ // check to see if they have already been manually changed before forcing them to update
+ var toUpdate = [];
+ if (_Selectpicker.DEFAULTS.style === classNames.BUTTONCLASS) toUpdate.push({
+ name: 'style',
+ className: 'BUTTONCLASS'
});
- }
-
- this.checkDisabled();
- this.setStyle();
- this.setWidth();
-
- this.setSize(true);
-
- this.$element.trigger('refreshed' + EVENT_KEY);
- },
-
- hide: function () {
- this.$newElement.hide();
- },
-
- show: function () {
- this.$newElement.show();
- },
-
- remove: function () {
- this.$newElement.remove();
- this.$element.remove();
- },
-
- destroy: function () {
- this.$newElement.before(this.$element).remove();
-
- if (this.$bsContainer) {
- this.$bsContainer.remove();
- } else {
- this.$menu.remove();
- }
-
- if (this.selectpicker.view.titleOption && this.selectpicker.view.titleOption.parentNode) {
- this.selectpicker.view.titleOption.parentNode.removeChild(this.selectpicker.view.titleOption);
- }
-
- this.$element
- .off(EVENT_KEY)
- .removeData('selectpicker')
- .removeClass('bs-select-hidden selectpicker mobile-device');
-
- $(window).off(EVENT_KEY + '.' + this.selectId);
- }
- };
-
- // SELECTPICKER PLUGIN DEFINITION
- // ==============================
- function Plugin (option) {
- // get the args of the outer function..
- var args = arguments;
- // The arguments of the function are explicitly re-defined from the argument list, because the shift causes them
- // to get lost/corrupted in android 2.3 and IE9 #715 #775
- var _option = option;
-
- [].shift.apply(args);
-
- // if the version was not set successfully
- if (!version.success) {
- // try to retreive it again
- try {
- version.full = (getVersion() || '').split(' ')[0].split('.');
- } catch (err) {
- // fall back to use BootstrapVersion if set
- if (Selectpicker.BootstrapVersion) {
- version.full = Selectpicker.BootstrapVersion.split(' ')[0].split('.');
- } else {
- version.full = [version.major, '0', '0'];
-
- console.warn(
- 'There was an issue retrieving Bootstrap\'s version. ' +
- 'Ensure Bootstrap is being loaded before bootstrap-select and there is no namespace collision. ' +
- 'If loading Bootstrap asynchronously, the version may need to be manually specified via $.fn.selectpicker.Constructor.BootstrapVersion.',
- err
- );
+ if (_Selectpicker.DEFAULTS.iconBase === classNames.ICONBASE) toUpdate.push({
+ name: 'iconBase',
+ className: 'ICONBASE'
+ });
+ if (_Selectpicker.DEFAULTS.tickIcon === classNames.TICKICON) toUpdate.push({
+ name: 'tickIcon',
+ className: 'TICKICON'
+ });
+ classNames.DIVIDER = 'dropdown-divider';
+ classNames.SHOW = 'show';
+ classNames.BUTTONCLASS = 'btn-light';
+ classNames.POPOVERHEADER = 'popover-header';
+ classNames.ICONBASE = '';
+ classNames.TICKICON = 'bs-ok-default';
+ for (var i = 0; i < toUpdate.length; i++) {
+ var option = toUpdate[i];
+ _Selectpicker.DEFAULTS[option.name] = classNames[option.className];
}
}
-
- version.major = version.full[0];
- version.success = true;
- }
-
- if (version.major >= '4') {
- // some defaults need to be changed if using Bootstrap 4
- // check to see if they have already been manually changed before forcing them to update
- var toUpdate = [];
-
- if (Selectpicker.DEFAULTS.style === classNames.BUTTONCLASS) toUpdate.push({ name: 'style', className: 'BUTTONCLASS' });
- if (Selectpicker.DEFAULTS.iconBase === classNames.ICONBASE) toUpdate.push({ name: 'iconBase', className: 'ICONBASE' });
- if (Selectpicker.DEFAULTS.tickIcon === classNames.TICKICON) toUpdate.push({ name: 'tickIcon', className: 'TICKICON' });
-
- classNames.DIVIDER = 'dropdown-divider';
- classNames.SHOW = 'show';
- classNames.BUTTONCLASS = 'btn-light';
- classNames.POPOVERHEADER = 'popover-header';
- classNames.ICONBASE = '';
- classNames.TICKICON = 'bs-ok-default';
-
- for (var i = 0; i < toUpdate.length; i++) {
- var option = toUpdate[i];
- Selectpicker.DEFAULTS[option.name] = classNames[option.className];
+ if (version.major > '4') {
+ Selector.DATA_TOGGLE = 'data-bs-toggle="dropdown"';
}
- }
-
- if (version.major > '4') {
- Selector.DATA_TOGGLE = 'data-bs-toggle="dropdown"';
- }
-
- var value;
- var chain = this.each(function () {
- var $this = $(this);
- if ($this.is('select')) {
- var data = $this.data('selectpicker'),
- options = typeof _option == 'object' && _option;
-
- // for backwards compatibility
- // (using title as placeholder is deprecated - remove in v2.0.0)
- if (options.title) options.placeholder = options.title;
-
- if (!data) {
- var dataAttributes = $this.data();
-
- for (var dataAttr in dataAttributes) {
- if (Object.prototype.hasOwnProperty.call(dataAttributes, dataAttr) && $.inArray(dataAttr, DISALLOWED_ATTRIBUTES) !== -1) {
- delete dataAttributes[dataAttr];
+ var value;
+ var chain = this.each(function () {
+ var $this = $(this);
+ if ($this.is('select')) {
+ var data = $this.data('selectpicker'),
+ options = _typeof(_option) == 'object' && _option;
+
+ // for backwards compatibility
+ // (using title as placeholder is deprecated - remove in v2.0.0)
+ if (options.title) options.placeholder = options.title;
+ if (!data) {
+ var dataAttributes = $this.data();
+ for (var dataAttr in dataAttributes) {
+ if (Object.prototype.hasOwnProperty.call(dataAttributes, dataAttr) && $.inArray(dataAttr, DISALLOWED_ATTRIBUTES) !== -1) {
+ delete dataAttributes[dataAttr];
+ }
}
- }
-
- var config = $.extend({}, Selectpicker.DEFAULTS, $.fn.selectpicker.defaults || {}, getAttributesObject($this), dataAttributes, options); // this is correct order on initial render
- config.template = $.extend({}, Selectpicker.DEFAULTS.template, ($.fn.selectpicker.defaults ? $.fn.selectpicker.defaults.template : {}), dataAttributes.template, options.template);
- config.source = $.extend({}, Selectpicker.DEFAULTS.source, ($.fn.selectpicker.defaults ? $.fn.selectpicker.defaults.source : {}), options.source);
- $this.data('selectpicker', (data = new Selectpicker(this, config)));
- } else if (options) {
- for (var i in options) {
- if (Object.prototype.hasOwnProperty.call(options, i)) {
- data.options[i] = options[i];
+ var config = $.extend({}, _Selectpicker.DEFAULTS, $.fn.selectpicker.defaults || {}, getAttributesObject($this), dataAttributes, options); // this is correct order on initial render
+ config.template = $.extend({}, _Selectpicker.DEFAULTS.template, $.fn.selectpicker.defaults ? $.fn.selectpicker.defaults.template : {}, dataAttributes.template, options.template);
+ config.source = $.extend({}, _Selectpicker.DEFAULTS.source, $.fn.selectpicker.defaults ? $.fn.selectpicker.defaults.source : {}, options.source);
+ $this.data('selectpicker', data = new _Selectpicker(this, config));
+ } else if (options) {
+ for (var i in options) {
+ if (Object.prototype.hasOwnProperty.call(options, i)) {
+ data.options[i] = options[i];
+ }
}
}
- }
-
- if (typeof _option == 'string') {
- if (data[_option] instanceof Function) {
- value = data[_option].apply(data, args);
- } else {
- value = data.options[_option];
+ if (typeof _option == 'string') {
+ if (data[_option] instanceof Function) {
+ value = data[_option].apply(data, args);
+ } else {
+ value = data.options[_option];
+ }
}
}
+ });
+ if (typeof value !== 'undefined') {
+ // noinspection JSUnusedAssignment
+ return value;
+ } else {
+ return chain;
}
- });
-
- if (typeof value !== 'undefined') {
- // noinspection JSUnusedAssignment
- return value;
- } else {
- return chain;
}
- }
+ var old = $.fn.selectpicker;
+ $.fn.selectpicker = Plugin;
+ $.fn.selectpicker.Constructor = _Selectpicker;
+
+ // SELECTPICKER NO CONFLICT
+ // ========================
+ $.fn.selectpicker.noConflict = function () {
+ $.fn.selectpicker = old;
+ return this;
+ };
- var old = $.fn.selectpicker;
- $.fn.selectpicker = Plugin;
- $.fn.selectpicker.Constructor = Selectpicker;
-
- // SELECTPICKER NO CONFLICT
- // ========================
- $.fn.selectpicker.noConflict = function () {
- $.fn.selectpicker = old;
- return this;
- };
-
- // get Bootstrap's keydown event handler for either Bootstrap 4 or Bootstrap 3
- function keydownHandler () {
- if (version.major < 5) {
- if ($.fn.dropdown) {
- // wait to define until function is called in case Bootstrap isn't loaded yet
- var bootstrapKeydown = $.fn.dropdown.Constructor._dataApiKeydownHandler || $.fn.dropdown.Constructor.prototype.keydown;
- return bootstrapKeydown.apply(this, arguments);
+ // get Bootstrap's keydown event handler for either Bootstrap 4 or Bootstrap 3
+ function keydownHandler() {
+ if (version.major < 5) {
+ if ($.fn.dropdown) {
+ // wait to define until function is called in case Bootstrap isn't loaded yet
+ var bootstrapKeydown = $.fn.dropdown.Constructor._dataApiKeydownHandler || $.fn.dropdown.Constructor.prototype.keydown;
+ return bootstrapKeydown.apply(this, arguments);
+ }
+ } else {
+ return Dropdown.dataApiKeydownHandler;
}
- } else {
- return Dropdown.dataApiKeydownHandler;
}
- }
-
- $(document)
- .off('keydown.bs.dropdown.data-api')
- .on('keydown.bs.dropdown.data-api', ':not(.bootstrap-select) > [' + Selector.DATA_TOGGLE + ']', keydownHandler)
- .on('keydown.bs.dropdown.data-api', ':not(.bootstrap-select) > .dropdown-menu', keydownHandler)
- .on('keydown' + EVENT_KEY, '.bootstrap-select [' + Selector.DATA_TOGGLE + '], .bootstrap-select [role="listbox"], .bootstrap-select .bs-searchbox input', Selectpicker.prototype.keydown)
- .on('focusin.modal', '.bootstrap-select [' + Selector.DATA_TOGGLE + '], .bootstrap-select [role="listbox"], .bootstrap-select .bs-searchbox input', function (e) {
+ $(document).off('keydown.bs.dropdown.data-api').on('keydown.bs.dropdown.data-api', ':not(.bootstrap-select) > [' + Selector.DATA_TOGGLE + ']', keydownHandler).on('keydown.bs.dropdown.data-api', ':not(.bootstrap-select) > .dropdown-menu', keydownHandler).on('keydown' + EVENT_KEY, '.bootstrap-select [' + Selector.DATA_TOGGLE + '], .bootstrap-select [role="listbox"], .bootstrap-select .bs-searchbox input', _Selectpicker.prototype.keydown).on('focusin.modal', '.bootstrap-select [' + Selector.DATA_TOGGLE + '], .bootstrap-select [role="listbox"], .bootstrap-select .bs-searchbox input', function (e) {
e.stopPropagation();
});
- // SELECTPICKER DATA-API
- // =====================
- document.addEventListener('DOMContentLoaded', function () {
- $('.selectpicker').each(function () {
- var $selectpicker = $(this);
- Plugin.call($selectpicker, $selectpicker.data());
+ // SELECTPICKER DATA-API
+ // =====================
+ document.addEventListener('DOMContentLoaded', function () {
+ $('.selectpicker').each(function () {
+ var $selectpicker = $(this);
+ Plugin.call($selectpicker, $selectpicker.data());
+ });
});
- });
-})(jQuery);
-
-
-}));
-//# sourceMappingURL=bootstrap-select.js.map
\ No newline at end of file
+ })(jQuery);
+});
\ No newline at end of file
diff --git a/src/OrchardCore.Modules/OrchardCore.Resources/wwwroot/Scripts/bootstrap.bundle.js b/src/OrchardCore.Modules/OrchardCore.Resources/wwwroot/Scripts/bootstrap.bundle.js
index 6294dff3dfb..d54172f7774 100644
--- a/src/OrchardCore.Modules/OrchardCore.Resources/wwwroot/Scripts/bootstrap.bundle.js
+++ b/src/OrchardCore.Modules/OrchardCore.Resources/wwwroot/Scripts/bootstrap.bundle.js
@@ -1,13 +1,47 @@
+/*
+** NOTE: This file is generated by Gulp and should not be edited directly!
+** Any changes made directly to this file will be overwritten next time its asset group is processed by Gulp.
+*/
+
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
+function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
/*!
* Bootstrap v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
(function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
- typeof define === 'function' && define.amd ? define(factory) :
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.bootstrap = factory());
-})(this, (function () { 'use strict';
+ (typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.bootstrap = factory());
+})(this, function () {
+ 'use strict';
/**
* --------------------------------------------------------------------------
@@ -19,40 +53,39 @@
/**
* Constants
*/
-
- const elementMap = new Map();
- const Data = {
- set(element, key, instance) {
+ var elementMap = new Map();
+ var Data = {
+ set: function set(element, key, instance) {
if (!elementMap.has(element)) {
elementMap.set(element, new Map());
}
- const instanceMap = elementMap.get(element);
+ var instanceMap = elementMap.get(element);
// make it clear we only want one instance per element
// can be removed later when multiple key/instances are fine to be used
if (!instanceMap.has(key) && instanceMap.size !== 0) {
// eslint-disable-next-line no-console
- console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`);
+ console.error("Bootstrap doesn't allow more than one instance per element. Bound instance: ".concat(Array.from(instanceMap.keys())[0], "."));
return;
}
instanceMap.set(key, instance);
},
- get(element, key) {
+ get: function get(element, key) {
if (elementMap.has(element)) {
return elementMap.get(element).get(key) || null;
}
return null;
},
- remove(element, key) {
+ remove: function remove(element, key) {
if (!elementMap.has(element)) {
return;
}
- const instanceMap = elementMap.get(element);
- instanceMap.delete(key);
+ var instanceMap = elementMap.get(element);
+ instanceMap["delete"](key);
// free up element references if there are no instances left for an element
if (instanceMap.size === 0) {
- elementMap.delete(element);
+ elementMap["delete"](element);
}
}
};
@@ -64,27 +97,29 @@
* --------------------------------------------------------------------------
*/
- const MAX_UID = 1000000;
- const MILLISECONDS_MULTIPLIER = 1000;
- const TRANSITION_END = 'transitionend';
+ var MAX_UID = 1000000;
+ var MILLISECONDS_MULTIPLIER = 1000;
+ var TRANSITION_END = 'transitionend';
/**
* Properly escape IDs selectors to handle weird IDs
* @param {string} selector
* @returns {string}
*/
- const parseSelector = selector => {
+ var parseSelector = function parseSelector(selector) {
if (selector && window.CSS && window.CSS.escape) {
// document.querySelector needs escaping to handle IDs (html5+) containing for instance /
- selector = selector.replace(/#([^\s"#']+)/g, (match, id) => `#${CSS.escape(id)}`);
+ selector = selector.replace(/#([^\s"#']+)/g, function (match, id) {
+ return "#".concat(CSS.escape(id));
+ });
}
return selector;
};
// Shout-out Angus Croll (https://goo.gl/pxwQGp)
- const toType = object => {
+ var toType = function toType(object) {
if (object === null || object === undefined) {
- return `${object}`;
+ return "".concat(object);
}
return Object.prototype.toString.call(object).match(/\s([a-z]+)/i)[1].toLowerCase();
};
@@ -93,24 +128,23 @@
* Public Util API
*/
- const getUID = prefix => {
+ var getUID = function getUID(prefix) {
do {
prefix += Math.floor(Math.random() * MAX_UID);
} while (document.getElementById(prefix));
return prefix;
};
- const getTransitionDurationFromElement = element => {
+ var getTransitionDurationFromElement = function getTransitionDurationFromElement(element) {
if (!element) {
return 0;
}
// Get transition-duration of the element
- let {
- transitionDuration,
- transitionDelay
- } = window.getComputedStyle(element);
- const floatTransitionDuration = Number.parseFloat(transitionDuration);
- const floatTransitionDelay = Number.parseFloat(transitionDelay);
+ var _window$getComputedSt = window.getComputedStyle(element),
+ transitionDuration = _window$getComputedSt.transitionDuration,
+ transitionDelay = _window$getComputedSt.transitionDelay;
+ var floatTransitionDuration = Number.parseFloat(transitionDuration);
+ var floatTransitionDelay = Number.parseFloat(transitionDelay);
// Return 0 if element or transition duration is not found
if (!floatTransitionDuration && !floatTransitionDelay) {
@@ -122,11 +156,11 @@
transitionDelay = transitionDelay.split(',')[0];
return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;
};
- const triggerTransitionEnd = element => {
+ var triggerTransitionEnd = function triggerTransitionEnd(element) {
element.dispatchEvent(new Event(TRANSITION_END));
};
- const isElement$1 = object => {
- if (!object || typeof object !== 'object') {
+ var isElement$1 = function isElement$1(object) {
+ if (!object || _typeof(object) !== 'object') {
return false;
}
if (typeof object.jquery !== 'undefined') {
@@ -134,7 +168,7 @@
}
return typeof object.nodeType !== 'undefined';
};
- const getElement = object => {
+ var getElement = function getElement(object) {
// it's a jQuery object or a node element
if (isElement$1(object)) {
return object.jquery ? object[0] : object;
@@ -144,18 +178,18 @@
}
return null;
};
- const isVisible = element => {
+ var isVisible = function isVisible(element) {
if (!isElement$1(element) || element.getClientRects().length === 0) {
return false;
}
- const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible';
+ var elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible';
// Handle `details` element as its content may falsie appear visible when it is closed
- const closedDetails = element.closest('details:not([open])');
+ var closedDetails = element.closest('details:not([open])');
if (!closedDetails) {
return elementIsVisible;
}
if (closedDetails !== element) {
- const summary = element.closest('summary');
+ var summary = element.closest('summary');
if (summary && summary.parentNode !== closedDetails) {
return false;
}
@@ -165,7 +199,7 @@
}
return elementIsVisible;
};
- const isDisabled = element => {
+ var isDisabled = function isDisabled(element) {
if (!element || element.nodeType !== Node.ELEMENT_NODE) {
return true;
}
@@ -177,14 +211,14 @@
}
return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false';
};
- const findShadowRoot = element => {
+ var _findShadowRoot = function findShadowRoot(element) {
if (!document.documentElement.attachShadow) {
return null;
}
// Can find the shadow root otherwise it'll return the document
if (typeof element.getRootNode === 'function') {
- const root = element.getRootNode();
+ var root = element.getRootNode();
return root instanceof ShadowRoot ? root : null;
}
if (element instanceof ShadowRoot) {
@@ -195,9 +229,9 @@
if (!element.parentNode) {
return null;
}
- return findShadowRoot(element.parentNode);
+ return _findShadowRoot(element.parentNode);
};
- const noop = () => {};
+ var noop = function noop() {};
/**
* Trick to restart an element's animation
@@ -207,23 +241,24 @@
*
* @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation
*/
- const reflow = element => {
+ var reflow = function reflow(element) {
element.offsetHeight; // eslint-disable-line no-unused-expressions
};
- const getjQuery = () => {
+ var getjQuery = function getjQuery() {
if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
return window.jQuery;
}
return null;
};
- const DOMContentLoadedCallbacks = [];
- const onDOMContentLoaded = callback => {
+ var DOMContentLoadedCallbacks = [];
+ var onDOMContentLoaded = function onDOMContentLoaded(callback) {
if (document.readyState === 'loading') {
// add listener on the first call when the document is in loading state
if (!DOMContentLoadedCallbacks.length) {
- document.addEventListener('DOMContentLoaded', () => {
- for (const callback of DOMContentLoadedCallbacks) {
- callback();
+ document.addEventListener('DOMContentLoaded', function () {
+ for (var _i2 = 0, _DOMContentLoadedCall = DOMContentLoadedCallbacks; _i2 < _DOMContentLoadedCall.length; _i2++) {
+ var _callback = _DOMContentLoadedCall[_i2];
+ _callback();
}
});
}
@@ -232,46 +267,50 @@
callback();
}
};
- const isRTL = () => document.documentElement.dir === 'rtl';
- const defineJQueryPlugin = plugin => {
- onDOMContentLoaded(() => {
- const $ = getjQuery();
+ var isRTL = function isRTL() {
+ return document.documentElement.dir === 'rtl';
+ };
+ var defineJQueryPlugin = function defineJQueryPlugin(plugin) {
+ onDOMContentLoaded(function () {
+ var $ = getjQuery();
/* istanbul ignore if */
if ($) {
- const name = plugin.NAME;
- const JQUERY_NO_CONFLICT = $.fn[name];
+ var name = plugin.NAME;
+ var JQUERY_NO_CONFLICT = $.fn[name];
$.fn[name] = plugin.jQueryInterface;
$.fn[name].Constructor = plugin;
- $.fn[name].noConflict = () => {
+ $.fn[name].noConflict = function () {
$.fn[name] = JQUERY_NO_CONFLICT;
return plugin.jQueryInterface;
};
}
});
};
- const execute = (possibleCallback, args = [], defaultValue = possibleCallback) => {
- return typeof possibleCallback === 'function' ? possibleCallback(...args) : defaultValue;
+ var execute = function execute(possibleCallback) {
+ var args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+ var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : possibleCallback;
+ return typeof possibleCallback === 'function' ? possibleCallback.apply(void 0, _toConsumableArray(args)) : defaultValue;
};
- const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => {
+ var executeAfterTransition = function executeAfterTransition(callback, transitionElement) {
+ var waitForTransition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
if (!waitForTransition) {
execute(callback);
return;
}
- const durationPadding = 5;
- const emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding;
- let called = false;
- const handler = ({
- target
- }) => {
+ var durationPadding = 5;
+ var emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding;
+ var called = false;
+ var _handler = function handler(_ref6) {
+ var target = _ref6.target;
if (target !== transitionElement) {
return;
}
called = true;
- transitionElement.removeEventListener(TRANSITION_END, handler);
+ transitionElement.removeEventListener(TRANSITION_END, _handler);
execute(callback);
};
- transitionElement.addEventListener(TRANSITION_END, handler);
- setTimeout(() => {
+ transitionElement.addEventListener(TRANSITION_END, _handler);
+ setTimeout(function () {
if (!called) {
triggerTransitionEnd(transitionElement);
}
@@ -287,9 +326,9 @@
* @param isCycleAllowed
* @return {Element|elem} The proper element
*/
- const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
- const listLength = list.length;
- let index = list.indexOf(activeElement);
+ var getNextActiveElement = function getNextActiveElement(list, activeElement, shouldGetNext, isCycleAllowed) {
+ var listLength = list.length;
+ var index = list.indexOf(activeElement);
// if the element does not exist in the list return an element
// depending on the direction and if cycle is allowed
@@ -310,31 +349,30 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const namespaceRegex = /[^.]*(?=\..*)\.|.*/;
- const stripNameRegex = /\..*/;
- const stripUidRegex = /::\d+$/;
- const eventRegistry = {}; // Events storage
- let uidEvent = 1;
- const customEvents = {
+ var namespaceRegex = /[^.]*(?=\..*)\.|.*/;
+ var stripNameRegex = /\..*/;
+ var stripUidRegex = /::\d+$/;
+ var eventRegistry = {}; // Events storage
+ var uidEvent = 1;
+ var customEvents = {
mouseenter: 'mouseover',
mouseleave: 'mouseout'
};
- const nativeEvents = new Set(['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll']);
+ var nativeEvents = new Set(['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll']);
/**
* Private methods
*/
function makeEventUid(element, uid) {
- return uid && `${uid}::${uidEvent++}` || element.uidEvent || uidEvent++;
+ return uid && "".concat(uid, "::").concat(uidEvent++) || element.uidEvent || uidEvent++;
}
function getElementEvents(element) {
- const uid = makeEventUid(element);
+ var uid = makeEventUid(element);
element.uidEvent = uid;
eventRegistry[uid] = eventRegistry[uid] || {};
return eventRegistry[uid];
@@ -352,33 +390,43 @@
}
function bootstrapDelegationHandler(element, selector, fn) {
return function handler(event) {
- const domElements = element.querySelectorAll(selector);
- for (let {
- target
- } = event; target && target !== this; target = target.parentNode) {
- for (const domElement of domElements) {
- if (domElement !== target) {
- continue;
- }
- hydrateObj(event, {
- delegateTarget: target
- });
- if (handler.oneOff) {
- EventHandler.off(element, event.type, selector, fn);
+ var domElements = element.querySelectorAll(selector);
+ for (var target = event.target; target && target !== this; target = target.parentNode) {
+ var _iterator = _createForOfIteratorHelper(domElements),
+ _step;
+ try {
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
+ var domElement = _step.value;
+ if (domElement !== target) {
+ continue;
+ }
+ hydrateObj(event, {
+ delegateTarget: target
+ });
+ if (handler.oneOff) {
+ EventHandler.off(element, event.type, selector, fn);
+ }
+ return fn.apply(target, [event]);
}
- return fn.apply(target, [event]);
+ } catch (err) {
+ _iterator.e(err);
+ } finally {
+ _iterator.f();
}
}
};
}
- function findHandler(events, callable, delegationSelector = null) {
- return Object.values(events).find(event => event.callable === callable && event.delegationSelector === delegationSelector);
+ function findHandler(events, callable) {
+ var delegationSelector = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ return Object.values(events).find(function (event) {
+ return event.callable === callable && event.delegationSelector === delegationSelector;
+ });
}
function normalizeParameters(originalTypeEvent, handler, delegationFunction) {
- const isDelegated = typeof handler === 'string';
+ var isDelegated = typeof handler === 'string';
// TODO: tooltip passes `false` instead of selector, so we need to check
- const callable = isDelegated ? delegationFunction : handler || delegationFunction;
- let typeEvent = getTypeEvent(originalTypeEvent);
+ var callable = isDelegated ? delegationFunction : handler || delegationFunction;
+ var typeEvent = getTypeEvent(originalTypeEvent);
if (!nativeEvents.has(typeEvent)) {
typeEvent = originalTypeEvent;
}
@@ -388,12 +436,16 @@
if (typeof originalTypeEvent !== 'string' || !element) {
return;
}
- let [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction);
+ var _normalizeParameters = normalizeParameters(originalTypeEvent, handler, delegationFunction),
+ _normalizeParameters2 = _slicedToArray(_normalizeParameters, 3),
+ isDelegated = _normalizeParameters2[0],
+ callable = _normalizeParameters2[1],
+ typeEvent = _normalizeParameters2[2];
// in case of mouseenter or mouseleave wrap the handler within a function that checks for its DOM position
// this prevents the handler from being dispatched the same way as mouseover or mouseout does
if (originalTypeEvent in customEvents) {
- const wrapFunction = fn => {
+ var wrapFunction = function wrapFunction(fn) {
return function (event) {
if (!event.relatedTarget || event.relatedTarget !== event.delegateTarget && !event.delegateTarget.contains(event.relatedTarget)) {
return fn.call(this, event);
@@ -402,15 +454,15 @@
};
callable = wrapFunction(callable);
}
- const events = getElementEvents(element);
- const handlers = events[typeEvent] || (events[typeEvent] = {});
- const previousFunction = findHandler(handlers, callable, isDelegated ? handler : null);
+ var events = getElementEvents(element);
+ var handlers = events[typeEvent] || (events[typeEvent] = {});
+ var previousFunction = findHandler(handlers, callable, isDelegated ? handler : null);
if (previousFunction) {
previousFunction.oneOff = previousFunction.oneOff && oneOff;
return;
}
- const uid = makeEventUid(callable, originalTypeEvent.replace(namespaceRegex, ''));
- const fn = isDelegated ? bootstrapDelegationHandler(element, handler, callable) : bootstrapHandler(element, callable);
+ var uid = makeEventUid(callable, originalTypeEvent.replace(namespaceRegex, ''));
+ var fn = isDelegated ? bootstrapDelegationHandler(element, handler, callable) : bootstrapHandler(element, callable);
fn.delegationSelector = isDelegated ? handler : null;
fn.callable = callable;
fn.oneOff = oneOff;
@@ -419,7 +471,7 @@
element.addEventListener(typeEvent, fn, isDelegated);
}
function removeHandler(element, events, typeEvent, handler, delegationSelector) {
- const fn = findHandler(events[typeEvent], handler, delegationSelector);
+ var fn = findHandler(events[typeEvent], handler, delegationSelector);
if (!fn) {
return;
}
@@ -427,8 +479,11 @@
delete events[typeEvent][fn.uidEvent];
}
function removeNamespacedHandlers(element, events, typeEvent, namespace) {
- const storeElementEvent = events[typeEvent] || {};
- for (const [handlerKey, event] of Object.entries(storeElementEvent)) {
+ var storeElementEvent = events[typeEvent] || {};
+ for (var _i3 = 0, _Object$entries = Object.entries(storeElementEvent); _i3 < _Object$entries.length; _i3++) {
+ var _Object$entries$_i = _slicedToArray(_Object$entries[_i3], 2),
+ handlerKey = _Object$entries$_i[0],
+ event = _Object$entries$_i[1];
if (handlerKey.includes(namespace)) {
removeHandler(element, events, typeEvent, event.callable, event.delegationSelector);
}
@@ -439,22 +494,26 @@
event = event.replace(stripNameRegex, '');
return customEvents[event] || event;
}
- const EventHandler = {
- on(element, event, handler, delegationFunction) {
+ var EventHandler = {
+ on: function on(element, event, handler, delegationFunction) {
addHandler(element, event, handler, delegationFunction, false);
},
- one(element, event, handler, delegationFunction) {
+ one: function one(element, event, handler, delegationFunction) {
addHandler(element, event, handler, delegationFunction, true);
},
- off(element, originalTypeEvent, handler, delegationFunction) {
+ off: function off(element, originalTypeEvent, handler, delegationFunction) {
if (typeof originalTypeEvent !== 'string' || !element) {
return;
}
- const [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction);
- const inNamespace = typeEvent !== originalTypeEvent;
- const events = getElementEvents(element);
- const storeElementEvent = events[typeEvent] || {};
- const isNamespace = originalTypeEvent.startsWith('.');
+ var _normalizeParameters3 = normalizeParameters(originalTypeEvent, handler, delegationFunction),
+ _normalizeParameters4 = _slicedToArray(_normalizeParameters3, 3),
+ isDelegated = _normalizeParameters4[0],
+ callable = _normalizeParameters4[1],
+ typeEvent = _normalizeParameters4[2];
+ var inNamespace = typeEvent !== originalTypeEvent;
+ var events = getElementEvents(element);
+ var storeElementEvent = events[typeEvent] || {};
+ var isNamespace = originalTypeEvent.startsWith('.');
if (typeof callable !== 'undefined') {
// Simplest case: handler is passed, remove that listener ONLY.
if (!Object.keys(storeElementEvent).length) {
@@ -464,28 +523,32 @@
return;
}
if (isNamespace) {
- for (const elementEvent of Object.keys(events)) {
+ for (var _i4 = 0, _Object$keys = Object.keys(events); _i4 < _Object$keys.length; _i4++) {
+ var elementEvent = _Object$keys[_i4];
removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1));
}
}
- for (const [keyHandlers, event] of Object.entries(storeElementEvent)) {
- const handlerKey = keyHandlers.replace(stripUidRegex, '');
+ for (var _i5 = 0, _Object$entries2 = Object.entries(storeElementEvent); _i5 < _Object$entries2.length; _i5++) {
+ var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i5], 2),
+ keyHandlers = _Object$entries2$_i[0],
+ event = _Object$entries2$_i[1];
+ var handlerKey = keyHandlers.replace(stripUidRegex, '');
if (!inNamespace || originalTypeEvent.includes(handlerKey)) {
removeHandler(element, events, typeEvent, event.callable, event.delegationSelector);
}
}
},
- trigger(element, event, args) {
+ trigger: function trigger(element, event, args) {
if (typeof event !== 'string' || !element) {
return null;
}
- const $ = getjQuery();
- const typeEvent = getTypeEvent(event);
- const inNamespace = event !== typeEvent;
- let jQueryEvent = null;
- let bubbles = true;
- let nativeDispatch = true;
- let defaultPrevented = false;
+ var $ = getjQuery();
+ var typeEvent = getTypeEvent(event);
+ var inNamespace = event !== typeEvent;
+ var jQueryEvent = null;
+ var bubbles = true;
+ var nativeDispatch = true;
+ var defaultPrevented = false;
if (inNamespace && $) {
jQueryEvent = $.Event(event, args);
$(element).trigger(jQueryEvent);
@@ -493,8 +556,8 @@
nativeDispatch = !jQueryEvent.isImmediatePropagationStopped();
defaultPrevented = jQueryEvent.isDefaultPrevented();
}
- const evt = hydrateObj(new Event(event, {
- bubbles,
+ var evt = hydrateObj(new Event(event, {
+ bubbles: bubbles,
cancelable: true
}), args);
if (defaultPrevented) {
@@ -509,18 +572,25 @@
return evt;
}
};
- function hydrateObj(obj, meta = {}) {
- for (const [key, value] of Object.entries(meta)) {
+ function hydrateObj(obj) {
+ var meta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+ var _loop2 = function _loop2() {
+ var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i6], 2),
+ key = _Object$entries3$_i[0],
+ value = _Object$entries3$_i[1];
try {
obj[key] = value;
} catch (_unused) {
Object.defineProperty(obj, key, {
configurable: true,
- get() {
+ get: function get() {
return value;
}
});
}
+ };
+ for (var _i6 = 0, _Object$entries3 = Object.entries(meta); _i6 < _Object$entries3.length; _i6++) {
+ _loop2();
}
return obj;
}
@@ -555,30 +625,43 @@
}
}
function normalizeDataKey(key) {
- return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`);
+ return key.replace(/[A-Z]/g, function (chr) {
+ return "-".concat(chr.toLowerCase());
+ });
}
- const Manipulator = {
- setDataAttribute(element, key, value) {
- element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value);
+ var Manipulator = {
+ setDataAttribute: function setDataAttribute(element, key, value) {
+ element.setAttribute("data-bs-".concat(normalizeDataKey(key)), value);
},
- removeDataAttribute(element, key) {
- element.removeAttribute(`data-bs-${normalizeDataKey(key)}`);
+ removeDataAttribute: function removeDataAttribute(element, key) {
+ element.removeAttribute("data-bs-".concat(normalizeDataKey(key)));
},
- getDataAttributes(element) {
+ getDataAttributes: function getDataAttributes(element) {
if (!element) {
return {};
}
- const attributes = {};
- const bsKeys = Object.keys(element.dataset).filter(key => key.startsWith('bs') && !key.startsWith('bsConfig'));
- for (const key of bsKeys) {
- let pureKey = key.replace(/^bs/, '');
- pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);
- attributes[pureKey] = normalizeData(element.dataset[key]);
+ var attributes = {};
+ var bsKeys = Object.keys(element.dataset).filter(function (key) {
+ return key.startsWith('bs') && !key.startsWith('bsConfig');
+ });
+ var _iterator2 = _createForOfIteratorHelper(bsKeys),
+ _step2;
+ try {
+ for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+ var key = _step2.value;
+ var pureKey = key.replace(/^bs/, '');
+ pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);
+ attributes[pureKey] = normalizeData(element.dataset[key]);
+ }
+ } catch (err) {
+ _iterator2.e(err);
+ } finally {
+ _iterator2.f();
}
return attributes;
},
- getDataAttribute(element, key) {
- return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`));
+ getDataAttribute: function getDataAttribute(element, key) {
+ return normalizeData(element.getAttribute("data-bs-".concat(normalizeDataKey(key))));
}
};
@@ -589,132 +672,175 @@
* --------------------------------------------------------------------------
*/
-
/**
* Class definition
*/
-
- class Config {
- // Getters
- static get Default() {
- return {};
- }
- static get DefaultType() {
- return {};
- }
- static get NAME() {
- throw new Error('You have to implement the static method "NAME", for each component!');
- }
- _getConfig(config) {
- config = this._mergeConfigObj(config);
- config = this._configAfterMerge(config);
- this._typeCheckConfig(config);
- return config;
- }
- _configAfterMerge(config) {
- return config;
- }
- _mergeConfigObj(config, element) {
- const jsonConfig = isElement$1(element) ? Manipulator.getDataAttribute(element, 'config') : {}; // try to parse
-
- return {
- ...this.constructor.Default,
- ...(typeof jsonConfig === 'object' ? jsonConfig : {}),
- ...(isElement$1(element) ? Manipulator.getDataAttributes(element) : {}),
- ...(typeof config === 'object' ? config : {})
- };
- }
- _typeCheckConfig(config, configTypes = this.constructor.DefaultType) {
- for (const [property, expectedTypes] of Object.entries(configTypes)) {
- const value = config[property];
- const valueType = isElement$1(value) ? 'element' : toType(value);
- if (!new RegExp(expectedTypes).test(valueType)) {
- throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${property}" provided type "${valueType}" but expected type "${expectedTypes}".`);
+ var Config = /*#__PURE__*/function () {
+ function Config() {
+ _classCallCheck(this, Config);
+ }
+ return _createClass(Config, [{
+ key: "_getConfig",
+ value: function _getConfig(config) {
+ config = this._mergeConfigObj(config);
+ config = this._configAfterMerge(config);
+ this._typeCheckConfig(config);
+ return config;
+ }
+ }, {
+ key: "_configAfterMerge",
+ value: function _configAfterMerge(config) {
+ return config;
+ }
+ }, {
+ key: "_mergeConfigObj",
+ value: function _mergeConfigObj(config, element) {
+ var jsonConfig = isElement$1(element) ? Manipulator.getDataAttribute(element, 'config') : {}; // try to parse
+
+ return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, this.constructor.Default), _typeof(jsonConfig) === 'object' ? jsonConfig : {}), isElement$1(element) ? Manipulator.getDataAttributes(element) : {}), _typeof(config) === 'object' ? config : {});
+ }
+ }, {
+ key: "_typeCheckConfig",
+ value: function _typeCheckConfig(config) {
+ var configTypes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.constructor.DefaultType;
+ for (var _i7 = 0, _Object$entries4 = Object.entries(configTypes); _i7 < _Object$entries4.length; _i7++) {
+ var _Object$entries4$_i = _slicedToArray(_Object$entries4[_i7], 2),
+ property = _Object$entries4$_i[0],
+ expectedTypes = _Object$entries4$_i[1];
+ var value = config[property];
+ var valueType = isElement$1(value) ? 'element' : toType(value);
+ if (!new RegExp(expectedTypes).test(valueType)) {
+ throw new TypeError("".concat(this.constructor.NAME.toUpperCase(), ": Option \"").concat(property, "\" provided type \"").concat(valueType, "\" but expected type \"").concat(expectedTypes, "\"."));
+ }
}
}
- }
- }
-
+ }], [{
+ key: "Default",
+ get:
+ // Getters
+ function get() {
+ return {};
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return {};
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ throw new Error('You have to implement the static method "NAME", for each component!');
+ }
+ }]);
+ }();
/**
* --------------------------------------------------------------------------
* Bootstrap base-component.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
-
-
/**
* Constants
*/
-
- const VERSION = '5.3.3';
+ var VERSION = '5.3.3';
/**
* Class definition
*/
-
- class BaseComponent extends Config {
- constructor(element, config) {
- super();
+ var BaseComponent = /*#__PURE__*/function (_Config) {
+ function BaseComponent(element, config) {
+ var _this;
+ _classCallCheck(this, BaseComponent);
+ _this = _callSuper(this, BaseComponent);
element = getElement(element);
if (!element) {
- return;
+ return _possibleConstructorReturn(_this);
}
- this._element = element;
- this._config = this._getConfig(config);
- Data.set(this._element, this.constructor.DATA_KEY, this);
+ _this._element = element;
+ _this._config = _this._getConfig(config);
+ Data.set(_this._element, _this.constructor.DATA_KEY, _this);
+ return _this;
}
// Public
- dispose() {
- Data.remove(this._element, this.constructor.DATA_KEY);
- EventHandler.off(this._element, this.constructor.EVENT_KEY);
- for (const propertyName of Object.getOwnPropertyNames(this)) {
- this[propertyName] = null;
+ _inherits(BaseComponent, _Config);
+ return _createClass(BaseComponent, [{
+ key: "dispose",
+ value: function dispose() {
+ Data.remove(this._element, this.constructor.DATA_KEY);
+ EventHandler.off(this._element, this.constructor.EVENT_KEY);
+ var _iterator3 = _createForOfIteratorHelper(Object.getOwnPropertyNames(this)),
+ _step3;
+ try {
+ for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+ var propertyName = _step3.value;
+ this[propertyName] = null;
+ }
+ } catch (err) {
+ _iterator3.e(err);
+ } finally {
+ _iterator3.f();
+ }
}
- }
- _queueCallback(callback, element, isAnimated = true) {
- executeAfterTransition(callback, element, isAnimated);
- }
- _getConfig(config) {
- config = this._mergeConfigObj(config, this._element);
- config = this._configAfterMerge(config);
- this._typeCheckConfig(config);
- return config;
- }
-
- // Static
- static getInstance(element) {
- return Data.get(getElement(element), this.DATA_KEY);
- }
- static getOrCreateInstance(element, config = {}) {
- return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null);
- }
- static get VERSION() {
- return VERSION;
- }
- static get DATA_KEY() {
- return `bs.${this.NAME}`;
- }
- static get EVENT_KEY() {
- return `.${this.DATA_KEY}`;
- }
- static eventName(name) {
- return `${name}${this.EVENT_KEY}`;
- }
- }
-
+ }, {
+ key: "_queueCallback",
+ value: function _queueCallback(callback, element) {
+ var isAnimated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ executeAfterTransition(callback, element, isAnimated);
+ }
+ }, {
+ key: "_getConfig",
+ value: function _getConfig(config) {
+ config = this._mergeConfigObj(config, this._element);
+ config = this._configAfterMerge(config);
+ this._typeCheckConfig(config);
+ return config;
+ }
+
+ // Static
+ }], [{
+ key: "getInstance",
+ value: function getInstance(element) {
+ return Data.get(getElement(element), this.DATA_KEY);
+ }
+ }, {
+ key: "getOrCreateInstance",
+ value: function getOrCreateInstance(element) {
+ var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+ return this.getInstance(element) || new this(element, _typeof(config) === 'object' ? config : null);
+ }
+ }, {
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "DATA_KEY",
+ get: function get() {
+ return "bs.".concat(this.NAME);
+ }
+ }, {
+ key: "EVENT_KEY",
+ get: function get() {
+ return ".".concat(this.DATA_KEY);
+ }
+ }, {
+ key: "eventName",
+ value: function eventName(name) {
+ return "".concat(name).concat(this.EVENT_KEY);
+ }
+ }]);
+ }(Config);
/**
* --------------------------------------------------------------------------
* Bootstrap dom/selector-engine.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
-
- const getSelector = element => {
- let selector = element.getAttribute('data-bs-target');
+ var getSelector = function getSelector(element) {
+ var selector = element.getAttribute('data-bs-target');
if (!selector || selector === '#') {
- let hrefAttribute = element.getAttribute('href');
+ var hrefAttribute = element.getAttribute('href');
// The only valid content that could double as a selector are IDs or classes,
// so everything starting with `#` or `.`. If a "real" URL is used as the selector,
@@ -726,33 +852,41 @@
// Just in case some CMS puts out a full URL with the anchor appended
if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {
- hrefAttribute = `#${hrefAttribute.split('#')[1]}`;
+ hrefAttribute = "#".concat(hrefAttribute.split('#')[1]);
}
selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null;
}
- return selector ? selector.split(',').map(sel => parseSelector(sel)).join(',') : null;
+ return selector ? selector.split(',').map(function (sel) {
+ return parseSelector(sel);
+ }).join(',') : null;
};
- const SelectorEngine = {
- find(selector, element = document.documentElement) {
- return [].concat(...Element.prototype.querySelectorAll.call(element, selector));
+ var SelectorEngine = {
+ find: function find(selector) {
+ var _ref7;
+ var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.documentElement;
+ return (_ref7 = []).concat.apply(_ref7, _toConsumableArray(Element.prototype.querySelectorAll.call(element, selector)));
},
- findOne(selector, element = document.documentElement) {
+ findOne: function findOne(selector) {
+ var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.documentElement;
return Element.prototype.querySelector.call(element, selector);
},
- children(element, selector) {
- return [].concat(...element.children).filter(child => child.matches(selector));
+ children: function children(element, selector) {
+ var _ref8;
+ return (_ref8 = []).concat.apply(_ref8, _toConsumableArray(element.children)).filter(function (child) {
+ return child.matches(selector);
+ });
},
- parents(element, selector) {
- const parents = [];
- let ancestor = element.parentNode.closest(selector);
+ parents: function parents(element, selector) {
+ var parents = [];
+ var ancestor = element.parentNode.closest(selector);
while (ancestor) {
parents.push(ancestor);
ancestor = ancestor.parentNode.closest(selector);
}
return parents;
},
- prev(element, selector) {
- let previous = element.previousElementSibling;
+ prev: function prev(element, selector) {
+ var previous = element.previousElementSibling;
while (previous) {
if (previous.matches(selector)) {
return [previous];
@@ -762,8 +896,8 @@
return [];
},
// TODO: this is now unused; remove later along with prev()
- next(element, selector) {
- let next = element.nextElementSibling;
+ next: function next(element, selector) {
+ var next = element.nextElementSibling;
while (next) {
if (next.matches(selector)) {
return [next];
@@ -772,23 +906,27 @@
}
return [];
},
- focusableChildren(element) {
- const focusables = ['a', 'button', 'input', 'textarea', 'select', 'details', '[tabindex]', '[contenteditable="true"]'].map(selector => `${selector}:not([tabindex^="-"])`).join(',');
- return this.find(focusables, element).filter(el => !isDisabled(el) && isVisible(el));
+ focusableChildren: function focusableChildren(element) {
+ var focusables = ['a', 'button', 'input', 'textarea', 'select', 'details', '[tabindex]', '[contenteditable="true"]'].map(function (selector) {
+ return "".concat(selector, ":not([tabindex^=\"-\"])");
+ }).join(',');
+ return this.find(focusables, element).filter(function (el) {
+ return !isDisabled(el) && isVisible(el);
+ });
},
- getSelectorFromElement(element) {
- const selector = getSelector(element);
+ getSelectorFromElement: function getSelectorFromElement(element) {
+ var selector = getSelector(element);
if (selector) {
return SelectorEngine.findOne(selector) ? selector : null;
}
return null;
},
- getElementFromSelector(element) {
- const selector = getSelector(element);
+ getElementFromSelector: function getElementFromSelector(element) {
+ var selector = getSelector(element);
return selector ? SelectorEngine.findOne(selector) : null;
},
- getMultipleElementsFromSelector(element) {
- const selector = getSelector(element);
+ getMultipleElementsFromSelector: function getMultipleElementsFromSelector(element) {
+ var selector = getSelector(element);
return selector ? SelectorEngine.find(selector) : [];
}
};
@@ -800,18 +938,19 @@
* --------------------------------------------------------------------------
*/
- const enableDismissTrigger = (component, method = 'hide') => {
- const clickEvent = `click.dismiss${component.EVENT_KEY}`;
- const name = component.NAME;
- EventHandler.on(document, clickEvent, `[data-bs-dismiss="${name}"]`, function (event) {
+ var enableDismissTrigger = function enableDismissTrigger(component) {
+ var method = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'hide';
+ var clickEvent = "click.dismiss".concat(component.EVENT_KEY);
+ var name = component.NAME;
+ EventHandler.on(document, clickEvent, "[data-bs-dismiss=\"".concat(name, "\"]"), function (event) {
if (['A', 'AREA'].includes(this.tagName)) {
event.preventDefault();
}
if (isDisabled(this)) {
return;
}
- const target = SelectorEngine.getElementFromSelector(this) || this.closest(`.${name}`);
- const instance = component.getOrCreateInstance(target);
+ var target = SelectorEngine.getElementFromSelector(this) || this.closest(".".concat(name));
+ var instance = component.getOrCreateInstance(target);
// Method argument is left, for Alert and only, as it doesn't implement the 'hide' method
instance[method]();
@@ -825,66 +964,80 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$f = 'alert';
- const DATA_KEY$a = 'bs.alert';
- const EVENT_KEY$b = `.${DATA_KEY$a}`;
- const EVENT_CLOSE = `close${EVENT_KEY$b}`;
- const EVENT_CLOSED = `closed${EVENT_KEY$b}`;
- const CLASS_NAME_FADE$5 = 'fade';
- const CLASS_NAME_SHOW$8 = 'show';
+ var NAME$f = 'alert';
+ var DATA_KEY$a = 'bs.alert';
+ var EVENT_KEY$b = ".".concat(DATA_KEY$a);
+ var EVENT_CLOSE = "close".concat(EVENT_KEY$b);
+ var EVENT_CLOSED = "closed".concat(EVENT_KEY$b);
+ var CLASS_NAME_FADE$5 = 'fade';
+ var CLASS_NAME_SHOW$8 = 'show';
/**
* Class definition
*/
-
- class Alert extends BaseComponent {
- // Getters
- static get NAME() {
- return NAME$f;
- }
-
- // Public
- close() {
- const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE);
- if (closeEvent.defaultPrevented) {
- return;
- }
- this._element.classList.remove(CLASS_NAME_SHOW$8);
- const isAnimated = this._element.classList.contains(CLASS_NAME_FADE$5);
- this._queueCallback(() => this._destroyElement(), this._element, isAnimated);
- }
-
- // Private
- _destroyElement() {
- this._element.remove();
- EventHandler.trigger(this._element, EVENT_CLOSED);
- this.dispose();
- }
-
- // Static
- static jQueryInterface(config) {
- return this.each(function () {
- const data = Alert.getOrCreateInstance(this);
- if (typeof config !== 'string') {
+ var Alert = /*#__PURE__*/function (_BaseComponent) {
+ function Alert() {
+ _classCallCheck(this, Alert);
+ return _callSuper(this, Alert, arguments);
+ }
+ _inherits(Alert, _BaseComponent);
+ return _createClass(Alert, [{
+ key: "close",
+ value:
+ // Public
+ function close() {
+ var _this2 = this;
+ var closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE);
+ if (closeEvent.defaultPrevented) {
return;
}
- if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
- throw new TypeError(`No method named "${config}"`);
- }
- data[config](this);
- });
- }
- }
+ this._element.classList.remove(CLASS_NAME_SHOW$8);
+ var isAnimated = this._element.classList.contains(CLASS_NAME_FADE$5);
+ this._queueCallback(function () {
+ return _this2._destroyElement();
+ }, this._element, isAnimated);
+ }
+
+ // Private
+ }, {
+ key: "_destroyElement",
+ value: function _destroyElement() {
+ this._element.remove();
+ EventHandler.trigger(this._element, EVENT_CLOSED);
+ this.dispose();
+ }
+ // Static
+ }], [{
+ key: "NAME",
+ get:
+ // Getters
+ function get() {
+ return NAME$f;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config) {
+ return this.each(function () {
+ var data = Alert.getOrCreateInstance(this);
+ if (typeof config !== 'string') {
+ return;
+ }
+ if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
+ throw new TypeError("No method named \"".concat(config, "\""));
+ }
+ data[config](this);
+ });
+ }
+ }]);
+ }(BaseComponent);
/**
* Data API implementation
*/
-
enableDismissTrigger(Alert, 'close');
/**
@@ -900,54 +1053,63 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$e = 'button';
- const DATA_KEY$9 = 'bs.button';
- const EVENT_KEY$a = `.${DATA_KEY$9}`;
- const DATA_API_KEY$6 = '.data-api';
- const CLASS_NAME_ACTIVE$3 = 'active';
- const SELECTOR_DATA_TOGGLE$5 = '[data-bs-toggle="button"]';
- const EVENT_CLICK_DATA_API$6 = `click${EVENT_KEY$a}${DATA_API_KEY$6}`;
+ var NAME$e = 'button';
+ var DATA_KEY$9 = 'bs.button';
+ var EVENT_KEY$a = ".".concat(DATA_KEY$9);
+ var DATA_API_KEY$6 = '.data-api';
+ var CLASS_NAME_ACTIVE$3 = 'active';
+ var SELECTOR_DATA_TOGGLE$5 = '[data-bs-toggle="button"]';
+ var EVENT_CLICK_DATA_API$6 = "click".concat(EVENT_KEY$a).concat(DATA_API_KEY$6);
/**
* Class definition
*/
-
- class Button extends BaseComponent {
- // Getters
- static get NAME() {
- return NAME$e;
- }
-
- // Public
- toggle() {
- // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method
- this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE$3));
- }
-
- // Static
- static jQueryInterface(config) {
- return this.each(function () {
- const data = Button.getOrCreateInstance(this);
- if (config === 'toggle') {
- data[config]();
- }
- });
- }
- }
-
+ var Button = /*#__PURE__*/function (_BaseComponent2) {
+ function Button() {
+ _classCallCheck(this, Button);
+ return _callSuper(this, Button, arguments);
+ }
+ _inherits(Button, _BaseComponent2);
+ return _createClass(Button, [{
+ key: "toggle",
+ value:
+ // Public
+ function toggle() {
+ // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method
+ this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE$3));
+ }
+
+ // Static
+ }], [{
+ key: "NAME",
+ get:
+ // Getters
+ function get() {
+ return NAME$e;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config) {
+ return this.each(function () {
+ var data = Button.getOrCreateInstance(this);
+ if (config === 'toggle') {
+ data[config]();
+ }
+ });
+ }
+ }]);
+ }(BaseComponent);
/**
* Data API implementation
*/
-
- EventHandler.on(document, EVENT_CLICK_DATA_API$6, SELECTOR_DATA_TOGGLE$5, event => {
+ EventHandler.on(document, EVENT_CLICK_DATA_API$6, SELECTOR_DATA_TOGGLE$5, function (event) {
event.preventDefault();
- const button = event.target.closest(SELECTOR_DATA_TOGGLE$5);
- const data = Button.getOrCreateInstance(button);
+ var button = event.target.closest(SELECTOR_DATA_TOGGLE$5);
+ var data = Button.getOrCreateInstance(button);
data.toggle();
});
@@ -964,28 +1126,27 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$d = 'swipe';
- const EVENT_KEY$9 = '.bs.swipe';
- const EVENT_TOUCHSTART = `touchstart${EVENT_KEY$9}`;
- const EVENT_TOUCHMOVE = `touchmove${EVENT_KEY$9}`;
- const EVENT_TOUCHEND = `touchend${EVENT_KEY$9}`;
- const EVENT_POINTERDOWN = `pointerdown${EVENT_KEY$9}`;
- const EVENT_POINTERUP = `pointerup${EVENT_KEY$9}`;
- const POINTER_TYPE_TOUCH = 'touch';
- const POINTER_TYPE_PEN = 'pen';
- const CLASS_NAME_POINTER_EVENT = 'pointer-event';
- const SWIPE_THRESHOLD = 40;
- const Default$c = {
+ var NAME$d = 'swipe';
+ var EVENT_KEY$9 = '.bs.swipe';
+ var EVENT_TOUCHSTART = "touchstart".concat(EVENT_KEY$9);
+ var EVENT_TOUCHMOVE = "touchmove".concat(EVENT_KEY$9);
+ var EVENT_TOUCHEND = "touchend".concat(EVENT_KEY$9);
+ var EVENT_POINTERDOWN = "pointerdown".concat(EVENT_KEY$9);
+ var EVENT_POINTERUP = "pointerup".concat(EVENT_KEY$9);
+ var POINTER_TYPE_TOUCH = 'touch';
+ var POINTER_TYPE_PEN = 'pen';
+ var CLASS_NAME_POINTER_EVENT = 'pointer-event';
+ var SWIPE_THRESHOLD = 40;
+ var Default$c = {
endCallback: null,
leftCallback: null,
rightCallback: null
};
- const DefaultType$c = {
+ var DefaultType$c = {
endCallback: '(function|null)',
leftCallback: '(function|null)',
rightCallback: '(function|null)'
@@ -994,140 +1155,170 @@
/**
* Class definition
*/
-
- class Swipe extends Config {
- constructor(element, config) {
- super();
- this._element = element;
+ var Swipe = /*#__PURE__*/function (_Config2) {
+ function Swipe(element, config) {
+ var _this3;
+ _classCallCheck(this, Swipe);
+ _this3 = _callSuper(this, Swipe);
+ _this3._element = element;
if (!element || !Swipe.isSupported()) {
- return;
+ return _possibleConstructorReturn(_this3);
}
- this._config = this._getConfig(config);
- this._deltaX = 0;
- this._supportPointerEvents = Boolean(window.PointerEvent);
- this._initEvents();
+ _this3._config = _this3._getConfig(config);
+ _this3._deltaX = 0;
+ _this3._supportPointerEvents = Boolean(window.PointerEvent);
+ _this3._initEvents();
+ return _this3;
}
// Getters
- static get Default() {
- return Default$c;
- }
- static get DefaultType() {
- return DefaultType$c;
- }
- static get NAME() {
- return NAME$d;
- }
-
- // Public
- dispose() {
- EventHandler.off(this._element, EVENT_KEY$9);
- }
+ _inherits(Swipe, _Config2);
+ return _createClass(Swipe, [{
+ key: "dispose",
+ value:
+ // Public
+ function dispose() {
+ EventHandler.off(this._element, EVENT_KEY$9);
+ }
- // Private
- _start(event) {
- if (!this._supportPointerEvents) {
- this._deltaX = event.touches[0].clientX;
- return;
+ // Private
+ }, {
+ key: "_start",
+ value: function _start(event) {
+ if (!this._supportPointerEvents) {
+ this._deltaX = event.touches[0].clientX;
+ return;
+ }
+ if (this._eventIsPointerPenTouch(event)) {
+ this._deltaX = event.clientX;
+ }
+ }
+ }, {
+ key: "_end",
+ value: function _end(event) {
+ if (this._eventIsPointerPenTouch(event)) {
+ this._deltaX = event.clientX - this._deltaX;
+ }
+ this._handleSwipe();
+ execute(this._config.endCallback);
+ }
+ }, {
+ key: "_move",
+ value: function _move(event) {
+ this._deltaX = event.touches && event.touches.length > 1 ? 0 : event.touches[0].clientX - this._deltaX;
+ }
+ }, {
+ key: "_handleSwipe",
+ value: function _handleSwipe() {
+ var absDeltaX = Math.abs(this._deltaX);
+ if (absDeltaX <= SWIPE_THRESHOLD) {
+ return;
+ }
+ var direction = absDeltaX / this._deltaX;
+ this._deltaX = 0;
+ if (!direction) {
+ return;
+ }
+ execute(direction > 0 ? this._config.rightCallback : this._config.leftCallback);
+ }
+ }, {
+ key: "_initEvents",
+ value: function _initEvents() {
+ var _this4 = this;
+ if (this._supportPointerEvents) {
+ EventHandler.on(this._element, EVENT_POINTERDOWN, function (event) {
+ return _this4._start(event);
+ });
+ EventHandler.on(this._element, EVENT_POINTERUP, function (event) {
+ return _this4._end(event);
+ });
+ this._element.classList.add(CLASS_NAME_POINTER_EVENT);
+ } else {
+ EventHandler.on(this._element, EVENT_TOUCHSTART, function (event) {
+ return _this4._start(event);
+ });
+ EventHandler.on(this._element, EVENT_TOUCHMOVE, function (event) {
+ return _this4._move(event);
+ });
+ EventHandler.on(this._element, EVENT_TOUCHEND, function (event) {
+ return _this4._end(event);
+ });
+ }
}
- if (this._eventIsPointerPenTouch(event)) {
- this._deltaX = event.clientX;
+ }, {
+ key: "_eventIsPointerPenTouch",
+ value: function _eventIsPointerPenTouch(event) {
+ return this._supportPointerEvents && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH);
}
- }
- _end(event) {
- if (this._eventIsPointerPenTouch(event)) {
- this._deltaX = event.clientX - this._deltaX;
+
+ // Static
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$c;
}
- this._handleSwipe();
- execute(this._config.endCallback);
- }
- _move(event) {
- this._deltaX = event.touches && event.touches.length > 1 ? 0 : event.touches[0].clientX - this._deltaX;
- }
- _handleSwipe() {
- const absDeltaX = Math.abs(this._deltaX);
- if (absDeltaX <= SWIPE_THRESHOLD) {
- return;
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$c;
}
- const direction = absDeltaX / this._deltaX;
- this._deltaX = 0;
- if (!direction) {
- return;
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$d;
}
- execute(direction > 0 ? this._config.rightCallback : this._config.leftCallback);
- }
- _initEvents() {
- if (this._supportPointerEvents) {
- EventHandler.on(this._element, EVENT_POINTERDOWN, event => this._start(event));
- EventHandler.on(this._element, EVENT_POINTERUP, event => this._end(event));
- this._element.classList.add(CLASS_NAME_POINTER_EVENT);
- } else {
- EventHandler.on(this._element, EVENT_TOUCHSTART, event => this._start(event));
- EventHandler.on(this._element, EVENT_TOUCHMOVE, event => this._move(event));
- EventHandler.on(this._element, EVENT_TOUCHEND, event => this._end(event));
+ }, {
+ key: "isSupported",
+ value: function isSupported() {
+ return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
}
- }
- _eventIsPointerPenTouch(event) {
- return this._supportPointerEvents && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH);
- }
-
- // Static
- static isSupported() {
- return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
- }
- }
-
+ }]);
+ }(Config);
/**
* --------------------------------------------------------------------------
* Bootstrap carousel.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
-
-
/**
* Constants
*/
-
- const NAME$c = 'carousel';
- const DATA_KEY$8 = 'bs.carousel';
- const EVENT_KEY$8 = `.${DATA_KEY$8}`;
- const DATA_API_KEY$5 = '.data-api';
- const ARROW_LEFT_KEY$1 = 'ArrowLeft';
- const ARROW_RIGHT_KEY$1 = 'ArrowRight';
- const TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
-
- const ORDER_NEXT = 'next';
- const ORDER_PREV = 'prev';
- const DIRECTION_LEFT = 'left';
- const DIRECTION_RIGHT = 'right';
- const EVENT_SLIDE = `slide${EVENT_KEY$8}`;
- const EVENT_SLID = `slid${EVENT_KEY$8}`;
- const EVENT_KEYDOWN$1 = `keydown${EVENT_KEY$8}`;
- const EVENT_MOUSEENTER$1 = `mouseenter${EVENT_KEY$8}`;
- const EVENT_MOUSELEAVE$1 = `mouseleave${EVENT_KEY$8}`;
- const EVENT_DRAG_START = `dragstart${EVENT_KEY$8}`;
- const EVENT_LOAD_DATA_API$3 = `load${EVENT_KEY$8}${DATA_API_KEY$5}`;
- const EVENT_CLICK_DATA_API$5 = `click${EVENT_KEY$8}${DATA_API_KEY$5}`;
- const CLASS_NAME_CAROUSEL = 'carousel';
- const CLASS_NAME_ACTIVE$2 = 'active';
- const CLASS_NAME_SLIDE = 'slide';
- const CLASS_NAME_END = 'carousel-item-end';
- const CLASS_NAME_START = 'carousel-item-start';
- const CLASS_NAME_NEXT = 'carousel-item-next';
- const CLASS_NAME_PREV = 'carousel-item-prev';
- const SELECTOR_ACTIVE = '.active';
- const SELECTOR_ITEM = '.carousel-item';
- const SELECTOR_ACTIVE_ITEM = SELECTOR_ACTIVE + SELECTOR_ITEM;
- const SELECTOR_ITEM_IMG = '.carousel-item img';
- const SELECTOR_INDICATORS = '.carousel-indicators';
- const SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]';
- const SELECTOR_DATA_RIDE = '[data-bs-ride="carousel"]';
- const KEY_TO_DIRECTION = {
- [ARROW_LEFT_KEY$1]: DIRECTION_RIGHT,
- [ARROW_RIGHT_KEY$1]: DIRECTION_LEFT
- };
- const Default$b = {
+ var NAME$c = 'carousel';
+ var DATA_KEY$8 = 'bs.carousel';
+ var EVENT_KEY$8 = ".".concat(DATA_KEY$8);
+ var DATA_API_KEY$5 = '.data-api';
+ var ARROW_LEFT_KEY$1 = 'ArrowLeft';
+ var ARROW_RIGHT_KEY$1 = 'ArrowRight';
+ var TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
+
+ var ORDER_NEXT = 'next';
+ var ORDER_PREV = 'prev';
+ var DIRECTION_LEFT = 'left';
+ var DIRECTION_RIGHT = 'right';
+ var EVENT_SLIDE = "slide".concat(EVENT_KEY$8);
+ var EVENT_SLID = "slid".concat(EVENT_KEY$8);
+ var EVENT_KEYDOWN$1 = "keydown".concat(EVENT_KEY$8);
+ var EVENT_MOUSEENTER$1 = "mouseenter".concat(EVENT_KEY$8);
+ var EVENT_MOUSELEAVE$1 = "mouseleave".concat(EVENT_KEY$8);
+ var EVENT_DRAG_START = "dragstart".concat(EVENT_KEY$8);
+ var EVENT_LOAD_DATA_API$3 = "load".concat(EVENT_KEY$8).concat(DATA_API_KEY$5);
+ var EVENT_CLICK_DATA_API$5 = "click".concat(EVENT_KEY$8).concat(DATA_API_KEY$5);
+ var CLASS_NAME_CAROUSEL = 'carousel';
+ var CLASS_NAME_ACTIVE$2 = 'active';
+ var CLASS_NAME_SLIDE = 'slide';
+ var CLASS_NAME_END = 'carousel-item-end';
+ var CLASS_NAME_START = 'carousel-item-start';
+ var CLASS_NAME_NEXT = 'carousel-item-next';
+ var CLASS_NAME_PREV = 'carousel-item-prev';
+ var SELECTOR_ACTIVE = '.active';
+ var SELECTOR_ITEM = '.carousel-item';
+ var SELECTOR_ACTIVE_ITEM = SELECTOR_ACTIVE + SELECTOR_ITEM;
+ var SELECTOR_ITEM_IMG = '.carousel-item img';
+ var SELECTOR_INDICATORS = '.carousel-indicators';
+ var SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]';
+ var SELECTOR_DATA_RIDE = '[data-bs-ride="carousel"]';
+ var KEY_TO_DIRECTION = _defineProperty(_defineProperty({}, ARROW_LEFT_KEY$1, DIRECTION_RIGHT), ARROW_RIGHT_KEY$1, DIRECTION_LEFT);
+ var Default$b = {
interval: 5000,
keyboard: true,
pause: 'hover',
@@ -1135,7 +1326,7 @@
touch: true,
wrap: true
};
- const DefaultType$b = {
+ var DefaultType$b = {
interval: '(number|boolean)',
// TODO:v6 remove boolean support
keyboard: 'boolean',
@@ -1148,282 +1339,372 @@
/**
* Class definition
*/
-
- class Carousel extends BaseComponent {
- constructor(element, config) {
- super(element, config);
- this._interval = null;
- this._activeElement = null;
- this._isSliding = false;
- this.touchTimeout = null;
- this._swipeHelper = null;
- this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element);
- this._addEventListeners();
- if (this._config.ride === CLASS_NAME_CAROUSEL) {
- this.cycle();
- }
+ var Carousel = /*#__PURE__*/function (_BaseComponent3) {
+ function Carousel(element, config) {
+ var _this5;
+ _classCallCheck(this, Carousel);
+ _this5 = _callSuper(this, Carousel, [element, config]);
+ _this5._interval = null;
+ _this5._activeElement = null;
+ _this5._isSliding = false;
+ _this5.touchTimeout = null;
+ _this5._swipeHelper = null;
+ _this5._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, _this5._element);
+ _this5._addEventListeners();
+ if (_this5._config.ride === CLASS_NAME_CAROUSEL) {
+ _this5.cycle();
+ }
+ return _this5;
}
// Getters
- static get Default() {
- return Default$b;
- }
- static get DefaultType() {
- return DefaultType$b;
- }
- static get NAME() {
- return NAME$c;
- }
-
- // Public
- next() {
- this._slide(ORDER_NEXT);
- }
- nextWhenVisible() {
- // FIXME TODO use `document.visibilityState`
- // Don't call next when the page isn't visible
- // or the carousel or its parent isn't visible
- if (!document.hidden && isVisible(this._element)) {
- this.next();
- }
- }
- prev() {
- this._slide(ORDER_PREV);
- }
- pause() {
- if (this._isSliding) {
- triggerTransitionEnd(this._element);
- }
- this._clearInterval();
- }
- cycle() {
- this._clearInterval();
- this._updateInterval();
- this._interval = setInterval(() => this.nextWhenVisible(), this._config.interval);
- }
- _maybeEnableCycle() {
- if (!this._config.ride) {
- return;
- }
- if (this._isSliding) {
- EventHandler.one(this._element, EVENT_SLID, () => this.cycle());
- return;
+ _inherits(Carousel, _BaseComponent3);
+ return _createClass(Carousel, [{
+ key: "next",
+ value:
+ // Public
+ function next() {
+ this._slide(ORDER_NEXT);
+ }
+ }, {
+ key: "nextWhenVisible",
+ value: function nextWhenVisible() {
+ // FIXME TODO use `document.visibilityState`
+ // Don't call next when the page isn't visible
+ // or the carousel or its parent isn't visible
+ if (!document.hidden && isVisible(this._element)) {
+ this.next();
+ }
}
- this.cycle();
- }
- to(index) {
- const items = this._getItems();
- if (index > items.length - 1 || index < 0) {
- return;
+ }, {
+ key: "prev",
+ value: function prev() {
+ this._slide(ORDER_PREV);
}
- if (this._isSliding) {
- EventHandler.one(this._element, EVENT_SLID, () => this.to(index));
- return;
+ }, {
+ key: "pause",
+ value: function pause() {
+ if (this._isSliding) {
+ triggerTransitionEnd(this._element);
+ }
+ this._clearInterval();
+ }
+ }, {
+ key: "cycle",
+ value: function cycle() {
+ var _this6 = this;
+ this._clearInterval();
+ this._updateInterval();
+ this._interval = setInterval(function () {
+ return _this6.nextWhenVisible();
+ }, this._config.interval);
+ }
+ }, {
+ key: "_maybeEnableCycle",
+ value: function _maybeEnableCycle() {
+ var _this7 = this;
+ if (!this._config.ride) {
+ return;
+ }
+ if (this._isSliding) {
+ EventHandler.one(this._element, EVENT_SLID, function () {
+ return _this7.cycle();
+ });
+ return;
+ }
+ this.cycle();
}
- const activeIndex = this._getItemIndex(this._getActive());
- if (activeIndex === index) {
- return;
+ }, {
+ key: "to",
+ value: function to(index) {
+ var _this8 = this;
+ var items = this._getItems();
+ if (index > items.length - 1 || index < 0) {
+ return;
+ }
+ if (this._isSliding) {
+ EventHandler.one(this._element, EVENT_SLID, function () {
+ return _this8.to(index);
+ });
+ return;
+ }
+ var activeIndex = this._getItemIndex(this._getActive());
+ if (activeIndex === index) {
+ return;
+ }
+ var order = index > activeIndex ? ORDER_NEXT : ORDER_PREV;
+ this._slide(order, items[index]);
+ }
+ }, {
+ key: "dispose",
+ value: function dispose() {
+ if (this._swipeHelper) {
+ this._swipeHelper.dispose();
+ }
+ _superPropGet(Carousel, "dispose", this, 3)([]);
}
- const order = index > activeIndex ? ORDER_NEXT : ORDER_PREV;
- this._slide(order, items[index]);
- }
- dispose() {
- if (this._swipeHelper) {
- this._swipeHelper.dispose();
+
+ // Private
+ }, {
+ key: "_configAfterMerge",
+ value: function _configAfterMerge(config) {
+ config.defaultInterval = config.interval;
+ return config;
+ }
+ }, {
+ key: "_addEventListeners",
+ value: function _addEventListeners() {
+ var _this9 = this;
+ if (this._config.keyboard) {
+ EventHandler.on(this._element, EVENT_KEYDOWN$1, function (event) {
+ return _this9._keydown(event);
+ });
+ }
+ if (this._config.pause === 'hover') {
+ EventHandler.on(this._element, EVENT_MOUSEENTER$1, function () {
+ return _this9.pause();
+ });
+ EventHandler.on(this._element, EVENT_MOUSELEAVE$1, function () {
+ return _this9._maybeEnableCycle();
+ });
+ }
+ if (this._config.touch && Swipe.isSupported()) {
+ this._addTouchEventListeners();
+ }
}
- super.dispose();
- }
+ }, {
+ key: "_addTouchEventListeners",
+ value: function _addTouchEventListeners() {
+ var _this10 = this;
+ var _iterator4 = _createForOfIteratorHelper(SelectorEngine.find(SELECTOR_ITEM_IMG, this._element)),
+ _step4;
+ try {
+ for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+ var img = _step4.value;
+ EventHandler.on(img, EVENT_DRAG_START, function (event) {
+ return event.preventDefault();
+ });
+ }
+ } catch (err) {
+ _iterator4.e(err);
+ } finally {
+ _iterator4.f();
+ }
+ var endCallBack = function endCallBack() {
+ if (_this10._config.pause !== 'hover') {
+ return;
+ }
- // Private
- _configAfterMerge(config) {
- config.defaultInterval = config.interval;
- return config;
- }
- _addEventListeners() {
- if (this._config.keyboard) {
- EventHandler.on(this._element, EVENT_KEYDOWN$1, event => this._keydown(event));
+ // If it's a touch-enabled device, mouseenter/leave are fired as
+ // part of the mouse compatibility events on first tap - the carousel
+ // would stop cycling until user tapped out of it;
+ // here, we listen for touchend, explicitly pause the carousel
+ // (as if it's the second time we tap on it, mouseenter compat event
+ // is NOT fired) and after a timeout (to allow for mouse compatibility
+ // events to fire) we explicitly restart cycling
+
+ _this10.pause();
+ if (_this10.touchTimeout) {
+ clearTimeout(_this10.touchTimeout);
+ }
+ _this10.touchTimeout = setTimeout(function () {
+ return _this10._maybeEnableCycle();
+ }, TOUCHEVENT_COMPAT_WAIT + _this10._config.interval);
+ };
+ var swipeConfig = {
+ leftCallback: function leftCallback() {
+ return _this10._slide(_this10._directionToOrder(DIRECTION_LEFT));
+ },
+ rightCallback: function rightCallback() {
+ return _this10._slide(_this10._directionToOrder(DIRECTION_RIGHT));
+ },
+ endCallback: endCallBack
+ };
+ this._swipeHelper = new Swipe(this._element, swipeConfig);
}
- if (this._config.pause === 'hover') {
- EventHandler.on(this._element, EVENT_MOUSEENTER$1, () => this.pause());
- EventHandler.on(this._element, EVENT_MOUSELEAVE$1, () => this._maybeEnableCycle());
+ }, {
+ key: "_keydown",
+ value: function _keydown(event) {
+ if (/input|textarea/i.test(event.target.tagName)) {
+ return;
+ }
+ var direction = KEY_TO_DIRECTION[event.key];
+ if (direction) {
+ event.preventDefault();
+ this._slide(this._directionToOrder(direction));
+ }
}
- if (this._config.touch && Swipe.isSupported()) {
- this._addTouchEventListeners();
+ }, {
+ key: "_getItemIndex",
+ value: function _getItemIndex(element) {
+ return this._getItems().indexOf(element);
}
- }
- _addTouchEventListeners() {
- for (const img of SelectorEngine.find(SELECTOR_ITEM_IMG, this._element)) {
- EventHandler.on(img, EVENT_DRAG_START, event => event.preventDefault());
+ }, {
+ key: "_setActiveIndicatorElement",
+ value: function _setActiveIndicatorElement(index) {
+ if (!this._indicatorsElement) {
+ return;
+ }
+ var activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement);
+ activeIndicator.classList.remove(CLASS_NAME_ACTIVE$2);
+ activeIndicator.removeAttribute('aria-current');
+ var newActiveIndicator = SelectorEngine.findOne("[data-bs-slide-to=\"".concat(index, "\"]"), this._indicatorsElement);
+ if (newActiveIndicator) {
+ newActiveIndicator.classList.add(CLASS_NAME_ACTIVE$2);
+ newActiveIndicator.setAttribute('aria-current', 'true');
+ }
}
- const endCallBack = () => {
- if (this._config.pause !== 'hover') {
+ }, {
+ key: "_updateInterval",
+ value: function _updateInterval() {
+ var element = this._activeElement || this._getActive();
+ if (!element) {
return;
}
-
- // If it's a touch-enabled device, mouseenter/leave are fired as
- // part of the mouse compatibility events on first tap - the carousel
- // would stop cycling until user tapped out of it;
- // here, we listen for touchend, explicitly pause the carousel
- // (as if it's the second time we tap on it, mouseenter compat event
- // is NOT fired) and after a timeout (to allow for mouse compatibility
- // events to fire) we explicitly restart cycling
-
+ var elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10);
+ this._config.interval = elementInterval || this._config.defaultInterval;
+ }
+ }, {
+ key: "_slide",
+ value: function _slide(order) {
+ var _this11 = this;
+ var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ if (this._isSliding) {
+ return;
+ }
+ var activeElement = this._getActive();
+ var isNext = order === ORDER_NEXT;
+ var nextElement = element || getNextActiveElement(this._getItems(), activeElement, isNext, this._config.wrap);
+ if (nextElement === activeElement) {
+ return;
+ }
+ var nextElementIndex = this._getItemIndex(nextElement);
+ var triggerEvent = function triggerEvent(eventName) {
+ return EventHandler.trigger(_this11._element, eventName, {
+ relatedTarget: nextElement,
+ direction: _this11._orderToDirection(order),
+ from: _this11._getItemIndex(activeElement),
+ to: nextElementIndex
+ });
+ };
+ var slideEvent = triggerEvent(EVENT_SLIDE);
+ if (slideEvent.defaultPrevented) {
+ return;
+ }
+ if (!activeElement || !nextElement) {
+ // Some weirdness is happening, so we bail
+ // TODO: change tests that use empty divs to avoid this check
+ return;
+ }
+ var isCycling = Boolean(this._interval);
this.pause();
- if (this.touchTimeout) {
- clearTimeout(this.touchTimeout);
+ this._isSliding = true;
+ this._setActiveIndicatorElement(nextElementIndex);
+ this._activeElement = nextElement;
+ var directionalClassName = isNext ? CLASS_NAME_START : CLASS_NAME_END;
+ var orderClassName = isNext ? CLASS_NAME_NEXT : CLASS_NAME_PREV;
+ nextElement.classList.add(orderClassName);
+ reflow(nextElement);
+ activeElement.classList.add(directionalClassName);
+ nextElement.classList.add(directionalClassName);
+ var completeCallBack = function completeCallBack() {
+ nextElement.classList.remove(directionalClassName, orderClassName);
+ nextElement.classList.add(CLASS_NAME_ACTIVE$2);
+ activeElement.classList.remove(CLASS_NAME_ACTIVE$2, orderClassName, directionalClassName);
+ _this11._isSliding = false;
+ triggerEvent(EVENT_SLID);
+ };
+ this._queueCallback(completeCallBack, activeElement, this._isAnimated());
+ if (isCycling) {
+ this.cycle();
}
- this.touchTimeout = setTimeout(() => this._maybeEnableCycle(), TOUCHEVENT_COMPAT_WAIT + this._config.interval);
- };
- const swipeConfig = {
- leftCallback: () => this._slide(this._directionToOrder(DIRECTION_LEFT)),
- rightCallback: () => this._slide(this._directionToOrder(DIRECTION_RIGHT)),
- endCallback: endCallBack
- };
- this._swipeHelper = new Swipe(this._element, swipeConfig);
- }
- _keydown(event) {
- if (/input|textarea/i.test(event.target.tagName)) {
- return;
- }
- const direction = KEY_TO_DIRECTION[event.key];
- if (direction) {
- event.preventDefault();
- this._slide(this._directionToOrder(direction));
}
- }
- _getItemIndex(element) {
- return this._getItems().indexOf(element);
- }
- _setActiveIndicatorElement(index) {
- if (!this._indicatorsElement) {
- return;
+ }, {
+ key: "_isAnimated",
+ value: function _isAnimated() {
+ return this._element.classList.contains(CLASS_NAME_SLIDE);
+ }
+ }, {
+ key: "_getActive",
+ value: function _getActive() {
+ return SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
+ }
+ }, {
+ key: "_getItems",
+ value: function _getItems() {
+ return SelectorEngine.find(SELECTOR_ITEM, this._element);
+ }
+ }, {
+ key: "_clearInterval",
+ value: function _clearInterval() {
+ if (this._interval) {
+ clearInterval(this._interval);
+ this._interval = null;
+ }
}
- const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement);
- activeIndicator.classList.remove(CLASS_NAME_ACTIVE$2);
- activeIndicator.removeAttribute('aria-current');
- const newActiveIndicator = SelectorEngine.findOne(`[data-bs-slide-to="${index}"]`, this._indicatorsElement);
- if (newActiveIndicator) {
- newActiveIndicator.classList.add(CLASS_NAME_ACTIVE$2);
- newActiveIndicator.setAttribute('aria-current', 'true');
+ }, {
+ key: "_directionToOrder",
+ value: function _directionToOrder(direction) {
+ if (isRTL()) {
+ return direction === DIRECTION_LEFT ? ORDER_PREV : ORDER_NEXT;
+ }
+ return direction === DIRECTION_LEFT ? ORDER_NEXT : ORDER_PREV;
}
- }
- _updateInterval() {
- const element = this._activeElement || this._getActive();
- if (!element) {
- return;
+ }, {
+ key: "_orderToDirection",
+ value: function _orderToDirection(order) {
+ if (isRTL()) {
+ return order === ORDER_PREV ? DIRECTION_LEFT : DIRECTION_RIGHT;
+ }
+ return order === ORDER_PREV ? DIRECTION_RIGHT : DIRECTION_LEFT;
+ }
+
+ // Static
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$b;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$b;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$c;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config) {
+ return this.each(function () {
+ var data = Carousel.getOrCreateInstance(this, config);
+ if (typeof config === 'number') {
+ data.to(config);
+ return;
+ }
+ if (typeof config === 'string') {
+ if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
+ throw new TypeError("No method named \"".concat(config, "\""));
+ }
+ data[config]();
+ }
+ });
}
- const elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10);
- this._config.interval = elementInterval || this._config.defaultInterval;
- }
- _slide(order, element = null) {
- if (this._isSliding) {
- return;
- }
- const activeElement = this._getActive();
- const isNext = order === ORDER_NEXT;
- const nextElement = element || getNextActiveElement(this._getItems(), activeElement, isNext, this._config.wrap);
- if (nextElement === activeElement) {
- return;
- }
- const nextElementIndex = this._getItemIndex(nextElement);
- const triggerEvent = eventName => {
- return EventHandler.trigger(this._element, eventName, {
- relatedTarget: nextElement,
- direction: this._orderToDirection(order),
- from: this._getItemIndex(activeElement),
- to: nextElementIndex
- });
- };
- const slideEvent = triggerEvent(EVENT_SLIDE);
- if (slideEvent.defaultPrevented) {
- return;
- }
- if (!activeElement || !nextElement) {
- // Some weirdness is happening, so we bail
- // TODO: change tests that use empty divs to avoid this check
- return;
- }
- const isCycling = Boolean(this._interval);
- this.pause();
- this._isSliding = true;
- this._setActiveIndicatorElement(nextElementIndex);
- this._activeElement = nextElement;
- const directionalClassName = isNext ? CLASS_NAME_START : CLASS_NAME_END;
- const orderClassName = isNext ? CLASS_NAME_NEXT : CLASS_NAME_PREV;
- nextElement.classList.add(orderClassName);
- reflow(nextElement);
- activeElement.classList.add(directionalClassName);
- nextElement.classList.add(directionalClassName);
- const completeCallBack = () => {
- nextElement.classList.remove(directionalClassName, orderClassName);
- nextElement.classList.add(CLASS_NAME_ACTIVE$2);
- activeElement.classList.remove(CLASS_NAME_ACTIVE$2, orderClassName, directionalClassName);
- this._isSliding = false;
- triggerEvent(EVENT_SLID);
- };
- this._queueCallback(completeCallBack, activeElement, this._isAnimated());
- if (isCycling) {
- this.cycle();
- }
- }
- _isAnimated() {
- return this._element.classList.contains(CLASS_NAME_SLIDE);
- }
- _getActive() {
- return SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
- }
- _getItems() {
- return SelectorEngine.find(SELECTOR_ITEM, this._element);
- }
- _clearInterval() {
- if (this._interval) {
- clearInterval(this._interval);
- this._interval = null;
- }
- }
- _directionToOrder(direction) {
- if (isRTL()) {
- return direction === DIRECTION_LEFT ? ORDER_PREV : ORDER_NEXT;
- }
- return direction === DIRECTION_LEFT ? ORDER_NEXT : ORDER_PREV;
- }
- _orderToDirection(order) {
- if (isRTL()) {
- return order === ORDER_PREV ? DIRECTION_LEFT : DIRECTION_RIGHT;
- }
- return order === ORDER_PREV ? DIRECTION_RIGHT : DIRECTION_LEFT;
- }
-
- // Static
- static jQueryInterface(config) {
- return this.each(function () {
- const data = Carousel.getOrCreateInstance(this, config);
- if (typeof config === 'number') {
- data.to(config);
- return;
- }
- if (typeof config === 'string') {
- if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
- throw new TypeError(`No method named "${config}"`);
- }
- data[config]();
- }
- });
- }
- }
-
- /**
- * Data API implementation
- */
-
- EventHandler.on(document, EVENT_CLICK_DATA_API$5, SELECTOR_DATA_SLIDE, function (event) {
- const target = SelectorEngine.getElementFromSelector(this);
- if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {
- return;
+ }]);
+ }(BaseComponent);
+ /**
+ * Data API implementation
+ */
+ EventHandler.on(document, EVENT_CLICK_DATA_API$5, SELECTOR_DATA_SLIDE, function (event) {
+ var target = SelectorEngine.getElementFromSelector(this);
+ if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {
+ return;
}
event.preventDefault();
- const carousel = Carousel.getOrCreateInstance(target);
- const slideIndex = this.getAttribute('data-bs-slide-to');
+ var carousel = Carousel.getOrCreateInstance(target);
+ var slideIndex = this.getAttribute('data-bs-slide-to');
if (slideIndex) {
carousel.to(slideIndex);
carousel._maybeEnableCycle();
@@ -1437,10 +1718,19 @@
carousel.prev();
carousel._maybeEnableCycle();
});
- EventHandler.on(window, EVENT_LOAD_DATA_API$3, () => {
- const carousels = SelectorEngine.find(SELECTOR_DATA_RIDE);
- for (const carousel of carousels) {
- Carousel.getOrCreateInstance(carousel);
+ EventHandler.on(window, EVENT_LOAD_DATA_API$3, function () {
+ var carousels = SelectorEngine.find(SELECTOR_DATA_RIDE);
+ var _iterator5 = _createForOfIteratorHelper(carousels),
+ _step5;
+ try {
+ for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+ var carousel = _step5.value;
+ Carousel.getOrCreateInstance(carousel);
+ }
+ } catch (err) {
+ _iterator5.e(err);
+ } finally {
+ _iterator5.f();
}
});
@@ -1457,35 +1747,34 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$b = 'collapse';
- const DATA_KEY$7 = 'bs.collapse';
- const EVENT_KEY$7 = `.${DATA_KEY$7}`;
- const DATA_API_KEY$4 = '.data-api';
- const EVENT_SHOW$6 = `show${EVENT_KEY$7}`;
- const EVENT_SHOWN$6 = `shown${EVENT_KEY$7}`;
- const EVENT_HIDE$6 = `hide${EVENT_KEY$7}`;
- const EVENT_HIDDEN$6 = `hidden${EVENT_KEY$7}`;
- const EVENT_CLICK_DATA_API$4 = `click${EVENT_KEY$7}${DATA_API_KEY$4}`;
- const CLASS_NAME_SHOW$7 = 'show';
- const CLASS_NAME_COLLAPSE = 'collapse';
- const CLASS_NAME_COLLAPSING = 'collapsing';
- const CLASS_NAME_COLLAPSED = 'collapsed';
- const CLASS_NAME_DEEPER_CHILDREN = `:scope .${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`;
- const CLASS_NAME_HORIZONTAL = 'collapse-horizontal';
- const WIDTH = 'width';
- const HEIGHT = 'height';
- const SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing';
- const SELECTOR_DATA_TOGGLE$4 = '[data-bs-toggle="collapse"]';
- const Default$a = {
+ var NAME$b = 'collapse';
+ var DATA_KEY$7 = 'bs.collapse';
+ var EVENT_KEY$7 = ".".concat(DATA_KEY$7);
+ var DATA_API_KEY$4 = '.data-api';
+ var EVENT_SHOW$6 = "show".concat(EVENT_KEY$7);
+ var EVENT_SHOWN$6 = "shown".concat(EVENT_KEY$7);
+ var EVENT_HIDE$6 = "hide".concat(EVENT_KEY$7);
+ var EVENT_HIDDEN$6 = "hidden".concat(EVENT_KEY$7);
+ var EVENT_CLICK_DATA_API$4 = "click".concat(EVENT_KEY$7).concat(DATA_API_KEY$4);
+ var CLASS_NAME_SHOW$7 = 'show';
+ var CLASS_NAME_COLLAPSE = 'collapse';
+ var CLASS_NAME_COLLAPSING = 'collapsing';
+ var CLASS_NAME_COLLAPSED = 'collapsed';
+ var CLASS_NAME_DEEPER_CHILDREN = ":scope .".concat(CLASS_NAME_COLLAPSE, " .").concat(CLASS_NAME_COLLAPSE);
+ var CLASS_NAME_HORIZONTAL = 'collapse-horizontal';
+ var WIDTH = 'width';
+ var HEIGHT = 'height';
+ var SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing';
+ var SELECTOR_DATA_TOGGLE$4 = '[data-bs-toggle="collapse"]';
+ var Default$a = {
parent: null,
toggle: true
};
- const DefaultType$a = {
+ var DefaultType$a = {
parent: '(null|element)',
toggle: 'boolean'
};
@@ -1493,188 +1782,281 @@
/**
* Class definition
*/
-
- class Collapse extends BaseComponent {
- constructor(element, config) {
- super(element, config);
- this._isTransitioning = false;
- this._triggerArray = [];
- const toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE$4);
- for (const elem of toggleList) {
- const selector = SelectorEngine.getSelectorFromElement(elem);
- const filterElement = SelectorEngine.find(selector).filter(foundElement => foundElement === this._element);
- if (selector !== null && filterElement.length) {
- this._triggerArray.push(elem);
+ var Collapse = /*#__PURE__*/function (_BaseComponent4) {
+ function Collapse(element, config) {
+ var _this12;
+ _classCallCheck(this, Collapse);
+ _this12 = _callSuper(this, Collapse, [element, config]);
+ _this12._isTransitioning = false;
+ _this12._triggerArray = [];
+ var toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE$4);
+ var _iterator6 = _createForOfIteratorHelper(toggleList),
+ _step6;
+ try {
+ for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+ var elem = _step6.value;
+ var selector = SelectorEngine.getSelectorFromElement(elem);
+ var filterElement = SelectorEngine.find(selector).filter(function (foundElement) {
+ return foundElement === _this12._element;
+ });
+ if (selector !== null && filterElement.length) {
+ _this12._triggerArray.push(elem);
+ }
}
+ } catch (err) {
+ _iterator6.e(err);
+ } finally {
+ _iterator6.f();
}
- this._initializeChildren();
- if (!this._config.parent) {
- this._addAriaAndCollapsedClass(this._triggerArray, this._isShown());
+ _this12._initializeChildren();
+ if (!_this12._config.parent) {
+ _this12._addAriaAndCollapsedClass(_this12._triggerArray, _this12._isShown());
}
- if (this._config.toggle) {
- this.toggle();
+ if (_this12._config.toggle) {
+ _this12.toggle();
}
+ return _this12;
}
// Getters
- static get Default() {
- return Default$a;
- }
- static get DefaultType() {
- return DefaultType$a;
- }
- static get NAME() {
- return NAME$b;
- }
-
- // Public
- toggle() {
- if (this._isShown()) {
- this.hide();
- } else {
- this.show();
- }
- }
- show() {
- if (this._isTransitioning || this._isShown()) {
- return;
- }
- let activeChildren = [];
-
- // find active children
- if (this._config.parent) {
- activeChildren = this._getFirstLevelChildren(SELECTOR_ACTIVES).filter(element => element !== this._element).map(element => Collapse.getOrCreateInstance(element, {
- toggle: false
- }));
- }
- if (activeChildren.length && activeChildren[0]._isTransitioning) {
- return;
- }
- const startEvent = EventHandler.trigger(this._element, EVENT_SHOW$6);
- if (startEvent.defaultPrevented) {
- return;
- }
- for (const activeInstance of activeChildren) {
- activeInstance.hide();
+ _inherits(Collapse, _BaseComponent4);
+ return _createClass(Collapse, [{
+ key: "toggle",
+ value:
+ // Public
+ function toggle() {
+ if (this._isShown()) {
+ this.hide();
+ } else {
+ this.show();
+ }
}
- const dimension = this._getDimension();
- this._element.classList.remove(CLASS_NAME_COLLAPSE);
- this._element.classList.add(CLASS_NAME_COLLAPSING);
- this._element.style[dimension] = 0;
- this._addAriaAndCollapsedClass(this._triggerArray, true);
- this._isTransitioning = true;
- const complete = () => {
- this._isTransitioning = false;
- this._element.classList.remove(CLASS_NAME_COLLAPSING);
- this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW$7);
+ }, {
+ key: "show",
+ value: function show() {
+ var _this13 = this;
+ if (this._isTransitioning || this._isShown()) {
+ return;
+ }
+ var activeChildren = [];
+
+ // find active children
+ if (this._config.parent) {
+ activeChildren = this._getFirstLevelChildren(SELECTOR_ACTIVES).filter(function (element) {
+ return element !== _this13._element;
+ }).map(function (element) {
+ return Collapse.getOrCreateInstance(element, {
+ toggle: false
+ });
+ });
+ }
+ if (activeChildren.length && activeChildren[0]._isTransitioning) {
+ return;
+ }
+ var startEvent = EventHandler.trigger(this._element, EVENT_SHOW$6);
+ if (startEvent.defaultPrevented) {
+ return;
+ }
+ var _iterator7 = _createForOfIteratorHelper(activeChildren),
+ _step7;
+ try {
+ for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+ var activeInstance = _step7.value;
+ activeInstance.hide();
+ }
+ } catch (err) {
+ _iterator7.e(err);
+ } finally {
+ _iterator7.f();
+ }
+ var dimension = this._getDimension();
+ this._element.classList.remove(CLASS_NAME_COLLAPSE);
+ this._element.classList.add(CLASS_NAME_COLLAPSING);
+ this._element.style[dimension] = 0;
+ this._addAriaAndCollapsedClass(this._triggerArray, true);
+ this._isTransitioning = true;
+ var complete = function complete() {
+ _this13._isTransitioning = false;
+ _this13._element.classList.remove(CLASS_NAME_COLLAPSING);
+ _this13._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW$7);
+ _this13._element.style[dimension] = '';
+ EventHandler.trigger(_this13._element, EVENT_SHOWN$6);
+ };
+ var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
+ var scrollSize = "scroll".concat(capitalizedDimension);
+ this._queueCallback(complete, this._element, true);
+ this._element.style[dimension] = "".concat(this._element[scrollSize], "px");
+ }
+ }, {
+ key: "hide",
+ value: function hide() {
+ var _this14 = this;
+ if (this._isTransitioning || !this._isShown()) {
+ return;
+ }
+ var startEvent = EventHandler.trigger(this._element, EVENT_HIDE$6);
+ if (startEvent.defaultPrevented) {
+ return;
+ }
+ var dimension = this._getDimension();
+ this._element.style[dimension] = "".concat(this._element.getBoundingClientRect()[dimension], "px");
+ reflow(this._element);
+ this._element.classList.add(CLASS_NAME_COLLAPSING);
+ this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW$7);
+ var _iterator8 = _createForOfIteratorHelper(this._triggerArray),
+ _step8;
+ try {
+ for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+ var trigger = _step8.value;
+ var element = SelectorEngine.getElementFromSelector(trigger);
+ if (element && !this._isShown(element)) {
+ this._addAriaAndCollapsedClass([trigger], false);
+ }
+ }
+ } catch (err) {
+ _iterator8.e(err);
+ } finally {
+ _iterator8.f();
+ }
+ this._isTransitioning = true;
+ var complete = function complete() {
+ _this14._isTransitioning = false;
+ _this14._element.classList.remove(CLASS_NAME_COLLAPSING);
+ _this14._element.classList.add(CLASS_NAME_COLLAPSE);
+ EventHandler.trigger(_this14._element, EVENT_HIDDEN$6);
+ };
this._element.style[dimension] = '';
- EventHandler.trigger(this._element, EVENT_SHOWN$6);
- };
- const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
- const scrollSize = `scroll${capitalizedDimension}`;
- this._queueCallback(complete, this._element, true);
- this._element.style[dimension] = `${this._element[scrollSize]}px`;
- }
- hide() {
- if (this._isTransitioning || !this._isShown()) {
- return;
- }
- const startEvent = EventHandler.trigger(this._element, EVENT_HIDE$6);
- if (startEvent.defaultPrevented) {
- return;
+ this._queueCallback(complete, this._element, true);
}
- const dimension = this._getDimension();
- this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`;
- reflow(this._element);
- this._element.classList.add(CLASS_NAME_COLLAPSING);
- this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW$7);
- for (const trigger of this._triggerArray) {
- const element = SelectorEngine.getElementFromSelector(trigger);
- if (element && !this._isShown(element)) {
- this._addAriaAndCollapsedClass([trigger], false);
- }
+ }, {
+ key: "_isShown",
+ value: function _isShown() {
+ var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._element;
+ return element.classList.contains(CLASS_NAME_SHOW$7);
}
- this._isTransitioning = true;
- const complete = () => {
- this._isTransitioning = false;
- this._element.classList.remove(CLASS_NAME_COLLAPSING);
- this._element.classList.add(CLASS_NAME_COLLAPSE);
- EventHandler.trigger(this._element, EVENT_HIDDEN$6);
- };
- this._element.style[dimension] = '';
- this._queueCallback(complete, this._element, true);
- }
- _isShown(element = this._element) {
- return element.classList.contains(CLASS_NAME_SHOW$7);
- }
- // Private
- _configAfterMerge(config) {
- config.toggle = Boolean(config.toggle); // Coerce string values
- config.parent = getElement(config.parent);
- return config;
- }
- _getDimension() {
- return this._element.classList.contains(CLASS_NAME_HORIZONTAL) ? WIDTH : HEIGHT;
- }
- _initializeChildren() {
- if (!this._config.parent) {
- return;
- }
- const children = this._getFirstLevelChildren(SELECTOR_DATA_TOGGLE$4);
- for (const element of children) {
- const selected = SelectorEngine.getElementFromSelector(element);
- if (selected) {
- this._addAriaAndCollapsedClass([element], this._isShown(selected));
+ // Private
+ }, {
+ key: "_configAfterMerge",
+ value: function _configAfterMerge(config) {
+ config.toggle = Boolean(config.toggle); // Coerce string values
+ config.parent = getElement(config.parent);
+ return config;
+ }
+ }, {
+ key: "_getDimension",
+ value: function _getDimension() {
+ return this._element.classList.contains(CLASS_NAME_HORIZONTAL) ? WIDTH : HEIGHT;
+ }
+ }, {
+ key: "_initializeChildren",
+ value: function _initializeChildren() {
+ if (!this._config.parent) {
+ return;
+ }
+ var children = this._getFirstLevelChildren(SELECTOR_DATA_TOGGLE$4);
+ var _iterator9 = _createForOfIteratorHelper(children),
+ _step9;
+ try {
+ for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+ var element = _step9.value;
+ var selected = SelectorEngine.getElementFromSelector(element);
+ if (selected) {
+ this._addAriaAndCollapsedClass([element], this._isShown(selected));
+ }
+ }
+ } catch (err) {
+ _iterator9.e(err);
+ } finally {
+ _iterator9.f();
}
}
- }
- _getFirstLevelChildren(selector) {
- const children = SelectorEngine.find(CLASS_NAME_DEEPER_CHILDREN, this._config.parent);
- // remove children if greater depth
- return SelectorEngine.find(selector, this._config.parent).filter(element => !children.includes(element));
- }
- _addAriaAndCollapsedClass(triggerArray, isOpen) {
- if (!triggerArray.length) {
- return;
- }
- for (const element of triggerArray) {
- element.classList.toggle(CLASS_NAME_COLLAPSED, !isOpen);
- element.setAttribute('aria-expanded', isOpen);
- }
- }
-
- // Static
- static jQueryInterface(config) {
- const _config = {};
- if (typeof config === 'string' && /show|hide/.test(config)) {
- _config.toggle = false;
+ }, {
+ key: "_getFirstLevelChildren",
+ value: function _getFirstLevelChildren(selector) {
+ var children = SelectorEngine.find(CLASS_NAME_DEEPER_CHILDREN, this._config.parent);
+ // remove children if greater depth
+ return SelectorEngine.find(selector, this._config.parent).filter(function (element) {
+ return !children.includes(element);
+ });
}
- return this.each(function () {
- const data = Collapse.getOrCreateInstance(this, _config);
- if (typeof config === 'string') {
- if (typeof data[config] === 'undefined') {
- throw new TypeError(`No method named "${config}"`);
+ }, {
+ key: "_addAriaAndCollapsedClass",
+ value: function _addAriaAndCollapsedClass(triggerArray, isOpen) {
+ if (!triggerArray.length) {
+ return;
+ }
+ var _iterator10 = _createForOfIteratorHelper(triggerArray),
+ _step10;
+ try {
+ for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+ var element = _step10.value;
+ element.classList.toggle(CLASS_NAME_COLLAPSED, !isOpen);
+ element.setAttribute('aria-expanded', isOpen);
}
- data[config]();
+ } catch (err) {
+ _iterator10.e(err);
+ } finally {
+ _iterator10.f();
}
- });
- }
- }
+ }
+ // Static
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$a;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$a;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$b;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config) {
+ var _config = {};
+ if (typeof config === 'string' && /show|hide/.test(config)) {
+ _config.toggle = false;
+ }
+ return this.each(function () {
+ var data = Collapse.getOrCreateInstance(this, _config);
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"".concat(config, "\""));
+ }
+ data[config]();
+ }
+ });
+ }
+ }]);
+ }(BaseComponent);
/**
* Data API implementation
*/
-
EventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_DATA_TOGGLE$4, function (event) {
// preventDefault only for elements (which change the URL) not inside the collapsible element
if (event.target.tagName === 'A' || event.delegateTarget && event.delegateTarget.tagName === 'A') {
event.preventDefault();
}
- for (const element of SelectorEngine.getMultipleElementsFromSelector(this)) {
- Collapse.getOrCreateInstance(element, {
- toggle: false
- }).toggle();
+ var _iterator11 = _createForOfIteratorHelper(SelectorEngine.getMultipleElementsFromSelector(this)),
+ _step11;
+ try {
+ for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+ var element = _step11.value;
+ Collapse.getOrCreateInstance(element, {
+ toggle: false
+ }).toggle();
+ }
+ } catch (err) {
+ _iterator11.e(err);
+ } finally {
+ _iterator11.f();
}
});
@@ -1683,7 +2065,6 @@
*/
defineJQueryPlugin(Collapse);
-
var top = 'top';
var bottom = 'bottom';
var right = 'right';
@@ -1715,40 +2096,32 @@
var write = 'write';
var afterWrite = 'afterWrite';
var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
-
function getNodeName(element) {
return element ? (element.nodeName || '').toLowerCase() : null;
}
-
function getWindow(node) {
if (node == null) {
return window;
}
-
if (node.toString() !== '[object Window]') {
var ownerDocument = node.ownerDocument;
return ownerDocument ? ownerDocument.defaultView || window : window;
}
-
return node;
}
-
function isElement(node) {
var OwnElement = getWindow(node).Element;
return node instanceof OwnElement || node instanceof Element;
}
-
function isHTMLElement(node) {
var OwnElement = getWindow(node).HTMLElement;
return node instanceof OwnElement || node instanceof HTMLElement;
}
-
function isShadowRoot(node) {
// IE 11 has no ShadowRoot
if (typeof ShadowRoot === 'undefined') {
return false;
}
-
var OwnElement = getWindow(node).ShadowRoot;
return node instanceof OwnElement || node instanceof ShadowRoot;
}
@@ -1768,11 +2141,9 @@
// effective way to apply styles to an HTMLElement
// $FlowFixMe[cannot-write]
-
Object.assign(element.style, style);
Object.keys(attributes).forEach(function (name) {
var value = attributes[name];
-
if (value === false) {
element.removeAttribute(name);
} else {
@@ -1781,7 +2152,6 @@
});
});
}
-
function effect$2(_ref2) {
var state = _ref2.state;
var initialStyles = {
@@ -1798,11 +2168,9 @@
};
Object.assign(state.elements.popper.style, initialStyles.popper);
state.styles = initialStyles;
-
if (state.elements.arrow) {
Object.assign(state.elements.arrow.style, initialStyles.arrow);
}
-
return function () {
Object.keys(state.elements).forEach(function (name) {
var element = state.elements[name];
@@ -1817,7 +2185,6 @@
if (!isHTMLElement(element) || !getNodeName(element)) {
return;
}
-
Object.assign(element.style, style);
Object.keys(attributes).forEach(function (attribute) {
element.removeAttribute(attribute);
@@ -1826,8 +2193,7 @@
};
} // eslint-disable-next-line import/no-unused-modules
-
- const applyStyles$1 = {
+ var applyStyles$1 = {
name: 'applyStyles',
enabled: true,
phase: 'write',
@@ -1835,52 +2201,40 @@
effect: effect$2,
requires: ['computeStyles']
};
-
function getBasePlacement(placement) {
return placement.split('-')[0];
}
-
var max = Math.max;
var min = Math.min;
var round = Math.round;
-
function getUAString() {
var uaData = navigator.userAgentData;
-
if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
return uaData.brands.map(function (item) {
return item.brand + "/" + item.version;
}).join(' ');
}
-
return navigator.userAgent;
}
-
function isLayoutViewport() {
return !/^((?!chrome|android).)*safari/i.test(getUAString());
}
-
function getBoundingClientRect(element, includeScale, isFixedStrategy) {
if (includeScale === void 0) {
includeScale = false;
}
-
if (isFixedStrategy === void 0) {
isFixedStrategy = false;
}
-
var clientRect = element.getBoundingClientRect();
var scaleX = 1;
var scaleY = 1;
-
if (includeScale && isHTMLElement(element)) {
scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
}
-
var _ref = isElement(element) ? getWindow(element) : window,
- visualViewport = _ref.visualViewport;
-
+ visualViewport = _ref.visualViewport;
var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
@@ -1906,15 +2260,12 @@
var width = element.offsetWidth;
var height = element.offsetHeight;
-
if (Math.abs(clientRect.width - width) <= 1) {
width = clientRect.width;
}
-
if (Math.abs(clientRect.height - height) <= 1) {
height = clientRect.height;
}
-
return {
x: element.offsetLeft,
y: element.offsetTop,
@@ -1922,7 +2273,6 @@
height: height
};
}
-
function contains(parent, child) {
var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
@@ -1930,83 +2280,72 @@
return true;
} // then fallback to custom implementation with Shadow DOM support
else if (rootNode && isShadowRoot(rootNode)) {
- var next = child;
-
- do {
- if (next && parent.isSameNode(next)) {
- return true;
- } // $FlowFixMe[prop-missing]: need a better way to handle this...
-
-
- next = next.parentNode || next.host;
- } while (next);
- } // Give up, the result is false
+ var next = child;
+ do {
+ if (next && parent.isSameNode(next)) {
+ return true;
+ } // $FlowFixMe[prop-missing]: need a better way to handle this...
+ next = next.parentNode || next.host;
+ } while (next);
+ } // Give up, the result is false
return false;
}
-
function getComputedStyle$1(element) {
return getWindow(element).getComputedStyle(element);
}
-
function isTableElement(element) {
return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;
}
-
function getDocumentElement(element) {
// $FlowFixMe[incompatible-return]: assume body is always available
- return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
+ return ((isElement(element) ? element.ownerDocument :
+ // $FlowFixMe[prop-missing]
element.document) || window.document).documentElement;
}
-
function getParentNode(element) {
if (getNodeName(element) === 'html') {
return element;
}
-
- return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
+ return (
+ // this is a quicker (but less type safe) way to save quite some bytes from the bundle
// $FlowFixMe[incompatible-return]
// $FlowFixMe[prop-missing]
- element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
- element.parentNode || ( // DOM Element detected
- isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
+ element.assignedSlot ||
+ // step into the shadow DOM of the parent of a slotted node
+ element.parentNode || (
+ // DOM Element detected
+ isShadowRoot(element) ? element.host : null) ||
+ // ShadowRoot detected
// $FlowFixMe[incompatible-call]: HTMLElement is a Node
getDocumentElement(element) // fallback
-
);
}
-
function getTrueOffsetParent(element) {
- if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
+ if (!isHTMLElement(element) ||
+ // https://github.com/popperjs/popper-core/issues/837
getComputedStyle$1(element).position === 'fixed') {
return null;
}
-
return element.offsetParent;
} // `.offsetParent` reports `null` for fixed elements, while absolute elements
// return the containing block
-
function getContainingBlock(element) {
var isFirefox = /firefox/i.test(getUAString());
var isIE = /Trident/i.test(getUAString());
-
if (isIE && isHTMLElement(element)) {
// In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
var elementCss = getComputedStyle$1(element);
-
if (elementCss.position === 'fixed') {
return null;
}
}
-
var currentNode = getParentNode(element);
-
if (isShadowRoot(currentNode)) {
currentNode = currentNode.host;
}
-
while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
var css = getComputedStyle$1(currentNode); // This is non-exhaustive but covers the most common CSS properties that
// create a containing block.
@@ -2018,31 +2357,24 @@
currentNode = currentNode.parentNode;
}
}
-
return null;
} // Gets the closest ancestor positioned element. Handles some edge cases,
// such as table ancestors and cross browser bugs.
-
function getOffsetParent(element) {
var window = getWindow(element);
var offsetParent = getTrueOffsetParent(element);
-
while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
offsetParent = getTrueOffsetParent(offsetParent);
}
-
if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static')) {
return window;
}
-
return offsetParent || getContainingBlock(element) || window;
}
-
function getMainAxisFromPlacement(placement) {
return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
}
-
function within(min$1, value, max$1) {
return max(min$1, min(value, max$1));
}
@@ -2050,7 +2382,6 @@
var v = within(min, value, max);
return v > max ? max : v;
}
-
function getFreshSideObject() {
return {
top: 0,
@@ -2059,42 +2390,35 @@
left: 0
};
}
-
function mergePaddingObject(paddingObject) {
return Object.assign({}, getFreshSideObject(), paddingObject);
}
-
function expandToHashMap(value, keys) {
return keys.reduce(function (hashMap, key) {
hashMap[key] = value;
return hashMap;
}, {});
}
-
var toPaddingObject = function toPaddingObject(padding, state) {
padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {
placement: state.placement
})) : padding;
return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
};
-
function arrow(_ref) {
var _state$modifiersData$;
-
var state = _ref.state,
- name = _ref.name,
- options = _ref.options;
+ name = _ref.name,
+ options = _ref.options;
var arrowElement = state.elements.arrow;
var popperOffsets = state.modifiersData.popperOffsets;
var basePlacement = getBasePlacement(state.placement);
var axis = getMainAxisFromPlacement(basePlacement);
var isVertical = [left, right].indexOf(basePlacement) >= 0;
var len = isVertical ? 'height' : 'width';
-
if (!arrowElement || !popperOffsets) {
return;
}
-
var paddingObject = toPaddingObject(options.padding, state);
var arrowRect = getLayoutRect(arrowElement);
var minProp = axis === 'y' ? top : left;
@@ -2114,35 +2438,28 @@
var axisProp = axis;
state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);
}
-
function effect$1(_ref2) {
var state = _ref2.state,
- options = _ref2.options;
+ options = _ref2.options;
var _options$element = options.element,
- arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
-
+ arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
if (arrowElement == null) {
return;
} // CSS selector
-
if (typeof arrowElement === 'string') {
arrowElement = state.elements.popper.querySelector(arrowElement);
-
if (!arrowElement) {
return;
}
}
-
if (!contains(state.elements.popper, arrowElement)) {
return;
}
-
state.elements.arrow = arrowElement;
} // eslint-disable-next-line import/no-unused-modules
-
- const arrow$1 = {
+ var arrow$1 = {
name: 'arrow',
enabled: true,
phase: 'main',
@@ -2151,11 +2468,9 @@
requires: ['popperOffsets'],
requiresIfExists: ['preventOverflow']
};
-
function getVariation(placement) {
return placement.split('-')[1];
}
-
var unsetSides = {
top: 'auto',
right: 'auto',
@@ -2167,32 +2482,29 @@
function roundOffsetsByDPR(_ref, win) {
var x = _ref.x,
- y = _ref.y;
+ y = _ref.y;
var dpr = win.devicePixelRatio || 1;
return {
x: round(x * dpr) / dpr || 0,
y: round(y * dpr) / dpr || 0
};
}
-
function mapToStyles(_ref2) {
var _Object$assign2;
-
var popper = _ref2.popper,
- popperRect = _ref2.popperRect,
- placement = _ref2.placement,
- variation = _ref2.variation,
- offsets = _ref2.offsets,
- position = _ref2.position,
- gpuAcceleration = _ref2.gpuAcceleration,
- adaptive = _ref2.adaptive,
- roundOffsets = _ref2.roundOffsets,
- isFixed = _ref2.isFixed;
+ popperRect = _ref2.popperRect,
+ placement = _ref2.placement,
+ variation = _ref2.variation,
+ offsets = _ref2.offsets,
+ position = _ref2.position,
+ gpuAcceleration = _ref2.gpuAcceleration,
+ adaptive = _ref2.adaptive,
+ roundOffsets = _ref2.roundOffsets,
+ isFixed = _ref2.isFixed;
var _offsets$x = offsets.x,
- x = _offsets$x === void 0 ? 0 : _offsets$x,
- _offsets$y = offsets.y,
- y = _offsets$y === void 0 ? 0 : _offsets$y;
-
+ x = _offsets$x === void 0 ? 0 : _offsets$x,
+ _offsets$y = offsets.y,
+ y = _offsets$y === void 0 ? 0 : _offsets$y;
var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
x: x,
y: y
@@ -2200,7 +2512,6 @@
x: x,
y: y
};
-
x = _ref3.x;
y = _ref3.y;
var hasX = offsets.hasOwnProperty('x');
@@ -2208,45 +2519,39 @@
var sideX = left;
var sideY = top;
var win = window;
-
if (adaptive) {
var offsetParent = getOffsetParent(popper);
var heightProp = 'clientHeight';
var widthProp = 'clientWidth';
-
if (offsetParent === getWindow(popper)) {
offsetParent = getDocumentElement(popper);
-
if (getComputedStyle$1(offsetParent).position !== 'static' && position === 'absolute') {
heightProp = 'scrollHeight';
widthProp = 'scrollWidth';
}
} // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
-
offsetParent = offsetParent;
-
if (placement === top || (placement === left || placement === right) && variation === end) {
sideY = bottom;
- var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
+ var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height :
+ // $FlowFixMe[prop-missing]
offsetParent[heightProp];
y -= offsetY - popperRect.height;
y *= gpuAcceleration ? 1 : -1;
}
-
if (placement === left || (placement === top || placement === bottom) && variation === end) {
sideX = right;
- var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
+ var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width :
+ // $FlowFixMe[prop-missing]
offsetParent[widthProp];
x -= offsetX - popperRect.width;
x *= gpuAcceleration ? 1 : -1;
}
}
-
var commonStyles = Object.assign({
position: position
}, adaptive && unsetSides);
-
var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
x: x,
y: y
@@ -2254,28 +2559,23 @@
x: x,
y: y
};
-
x = _ref4.x;
y = _ref4.y;
-
if (gpuAcceleration) {
var _Object$assign;
-
return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
}
-
return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
}
-
function computeStyles(_ref5) {
var state = _ref5.state,
- options = _ref5.options;
+ options = _ref5.options;
var _options$gpuAccelerat = options.gpuAcceleration,
- gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
- _options$adaptive = options.adaptive,
- adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
- _options$roundOffsets = options.roundOffsets,
- roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+ gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
+ _options$adaptive = options.adaptive,
+ adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
+ _options$roundOffsets = options.roundOffsets,
+ roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
var commonStyles = {
placement: getBasePlacement(state.placement),
variation: getVariation(state.placement),
@@ -2284,7 +2584,6 @@
gpuAcceleration: gpuAcceleration,
isFixed: state.options.strategy === 'fixed'
};
-
if (state.modifiersData.popperOffsets != null) {
state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
offsets: state.modifiersData.popperOffsets,
@@ -2293,7 +2592,6 @@
roundOffsets: roundOffsets
})));
}
-
if (state.modifiersData.arrow != null) {
state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
offsets: state.modifiersData.arrow,
@@ -2302,61 +2600,52 @@
roundOffsets: roundOffsets
})));
}
-
state.attributes.popper = Object.assign({}, state.attributes.popper, {
'data-popper-placement': state.placement
});
} // eslint-disable-next-line import/no-unused-modules
-
- const computeStyles$1 = {
+ var computeStyles$1 = {
name: 'computeStyles',
enabled: true,
phase: 'beforeWrite',
fn: computeStyles,
data: {}
};
-
var passive = {
passive: true
};
-
function effect(_ref) {
var state = _ref.state,
- instance = _ref.instance,
- options = _ref.options;
+ instance = _ref.instance,
+ options = _ref.options;
var _options$scroll = options.scroll,
- scroll = _options$scroll === void 0 ? true : _options$scroll,
- _options$resize = options.resize,
- resize = _options$resize === void 0 ? true : _options$resize;
+ scroll = _options$scroll === void 0 ? true : _options$scroll,
+ _options$resize = options.resize,
+ resize = _options$resize === void 0 ? true : _options$resize;
var window = getWindow(state.elements.popper);
var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
-
if (scroll) {
scrollParents.forEach(function (scrollParent) {
scrollParent.addEventListener('scroll', instance.update, passive);
});
}
-
if (resize) {
window.addEventListener('resize', instance.update, passive);
}
-
return function () {
if (scroll) {
scrollParents.forEach(function (scrollParent) {
scrollParent.removeEventListener('scroll', instance.update, passive);
});
}
-
if (resize) {
window.removeEventListener('resize', instance.update, passive);
}
};
} // eslint-disable-next-line import/no-unused-modules
-
- const eventListeners = {
+ var eventListeners = {
name: 'eventListeners',
enabled: true,
phase: 'write',
@@ -2364,7 +2653,6 @@
effect: effect,
data: {}
};
-
var hash$1 = {
left: 'right',
right: 'left',
@@ -2376,7 +2664,6 @@
return hash$1[matched];
});
}
-
var hash = {
start: 'end',
end: 'start'
@@ -2386,7 +2673,6 @@
return hash[matched];
});
}
-
function getWindowScroll(node) {
var win = getWindow(node);
var scrollLeft = win.pageXOffset;
@@ -2396,7 +2682,6 @@
scrollTop: scrollTop
};
}
-
function getWindowScrollBarX(element) {
// If has a CSS width greater than the viewport, then this will be
// incorrect for RTL.
@@ -2407,7 +2692,6 @@
// this (e.g. Edge 2019, IE11, Safari)
return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
}
-
function getViewportRect(element, strategy) {
var win = getWindow(element);
var html = getDocumentElement(element);
@@ -2416,18 +2700,15 @@
var height = html.clientHeight;
var x = 0;
var y = 0;
-
if (visualViewport) {
width = visualViewport.width;
height = visualViewport.height;
var layoutViewport = isLayoutViewport();
-
if (layoutViewport || !layoutViewport && strategy === 'fixed') {
x = visualViewport.offsetLeft;
y = visualViewport.offsetTop;
}
}
-
return {
width: width,
height: height,
@@ -2440,7 +2721,6 @@
function getDocumentRect(element) {
var _element$ownerDocumen;
-
var html = getDocumentElement(element);
var winScroll = getWindowScroll(element);
var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
@@ -2448,11 +2728,9 @@
var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
var y = -winScroll.scrollTop;
-
if (getComputedStyle$1(body || html).direction === 'rtl') {
x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
}
-
return {
width: width,
height: height,
@@ -2460,27 +2738,22 @@
y: y
};
}
-
function isScrollParent(element) {
// Firefox wants us to check `-x` and `-y` variations as well
var _getComputedStyle = getComputedStyle$1(element),
- overflow = _getComputedStyle.overflow,
- overflowX = _getComputedStyle.overflowX,
- overflowY = _getComputedStyle.overflowY;
-
+ overflow = _getComputedStyle.overflow,
+ overflowX = _getComputedStyle.overflowX,
+ overflowY = _getComputedStyle.overflowY;
return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
}
-
function getScrollParent(node) {
if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {
// $FlowFixMe[incompatible-return]: assume body is always available
return node.ownerDocument.body;
}
-
if (isHTMLElement(node) && isScrollParent(node)) {
return node;
}
-
return getScrollParent(getParentNode(node));
}
@@ -2493,20 +2766,18 @@
function listScrollParents(element, list) {
var _element$ownerDocumen;
-
if (list === void 0) {
list = [];
}
-
var scrollParent = getScrollParent(element);
var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
var win = getWindow(scrollParent);
var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
var updatedList = list.concat(target);
- return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+ return isBody ? updatedList :
+ // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
updatedList.concat(listScrollParents(getParentNode(target)));
}
-
function rectToClientRect(rect) {
return Object.assign({}, rect, {
left: rect.x,
@@ -2515,7 +2786,6 @@
bottom: rect.y + rect.height
});
}
-
function getInnerBoundingClientRect(element, strategy) {
var rect = getBoundingClientRect(element, false, strategy === 'fixed');
rect.top = rect.top + element.clientTop;
@@ -2528,31 +2798,26 @@
rect.y = rect.top;
return rect;
}
-
function getClientRectFromMixedType(element, clippingParent, strategy) {
return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
} // A "clipping parent" is an overflowable container with the characteristic of
// clipping (or hiding) overflowing elements with a position different from
// `initial`
-
function getClippingParents(element) {
var clippingParents = listScrollParents(getParentNode(element));
var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$1(element).position) >= 0;
var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
-
if (!isElement(clipperElement)) {
return [];
} // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
-
return clippingParents.filter(function (clippingParent) {
return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
});
} // Gets the maximum area that the element is visible in due to any number of
// clipping parents
-
function getClippingRect(element, boundary, rootBoundary, strategy) {
var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
@@ -2571,17 +2836,15 @@
clippingRect.y = clippingRect.top;
return clippingRect;
}
-
function computeOffsets(_ref) {
var reference = _ref.reference,
- element = _ref.element,
- placement = _ref.placement;
+ element = _ref.element,
+ placement = _ref.placement;
var basePlacement = placement ? getBasePlacement(placement) : null;
var variation = placement ? getVariation(placement) : null;
var commonX = reference.x + reference.width / 2 - element.width / 2;
var commonY = reference.y + reference.height / 2 - element.height / 2;
var offsets;
-
switch (basePlacement) {
case top:
offsets = {
@@ -2589,74 +2852,63 @@
y: reference.y - element.height
};
break;
-
case bottom:
offsets = {
x: commonX,
y: reference.y + reference.height
};
break;
-
case right:
offsets = {
x: reference.x + reference.width,
y: commonY
};
break;
-
case left:
offsets = {
x: reference.x - element.width,
y: commonY
};
break;
-
default:
offsets = {
x: reference.x,
y: reference.y
};
}
-
var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
-
if (mainAxis != null) {
var len = mainAxis === 'y' ? 'height' : 'width';
-
switch (variation) {
case start:
offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
break;
-
case end:
offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
break;
}
}
-
return offsets;
}
-
function detectOverflow(state, options) {
if (options === void 0) {
options = {};
}
-
var _options = options,
- _options$placement = _options.placement,
- placement = _options$placement === void 0 ? state.placement : _options$placement,
- _options$strategy = _options.strategy,
- strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
- _options$boundary = _options.boundary,
- boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
- _options$rootBoundary = _options.rootBoundary,
- rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,
- _options$elementConte = _options.elementContext,
- elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,
- _options$altBoundary = _options.altBoundary,
- altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,
- _options$padding = _options.padding,
- padding = _options$padding === void 0 ? 0 : _options$padding;
+ _options$placement = _options.placement,
+ placement = _options$placement === void 0 ? state.placement : _options$placement,
+ _options$strategy = _options.strategy,
+ strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
+ _options$boundary = _options.boundary,
+ boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
+ _options$rootBoundary = _options.rootBoundary,
+ rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,
+ _options$elementConte = _options.elementContext,
+ elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,
+ _options$altBoundary = _options.altBoundary,
+ altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,
+ _options$padding = _options.padding,
+ padding = _options$padding === void 0 ? 0 : _options$padding;
var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
var altContext = elementContext === popper ? reference : popper;
var popperRect = state.rects.popper;
@@ -2689,23 +2941,20 @@
overflowOffsets[key] += offset[axis] * multiply;
});
}
-
return overflowOffsets;
}
-
function computeAutoPlacement(state, options) {
if (options === void 0) {
options = {};
}
-
var _options = options,
- placement = _options.placement,
- boundary = _options.boundary,
- rootBoundary = _options.rootBoundary,
- padding = _options.padding,
- flipVariations = _options.flipVariations,
- _options$allowedAutoP = _options.allowedAutoPlacements,
- allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
+ placement = _options.placement,
+ boundary = _options.boundary,
+ rootBoundary = _options.rootBoundary,
+ padding = _options.padding,
+ flipVariations = _options.flipVariations,
+ _options$allowedAutoP = _options.allowedAutoPlacements,
+ allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
var variation = getVariation(placement);
var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {
return getVariation(placement) === variation;
@@ -2713,12 +2962,10 @@
var allowedPlacements = placements$1.filter(function (placement) {
return allowedAutoPlacements.indexOf(placement) >= 0;
});
-
if (allowedPlacements.length === 0) {
allowedPlacements = placements$1;
} // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
-
var overflows = allowedPlacements.reduce(function (acc, placement) {
acc[placement] = detectOverflow(state, {
placement: placement,
@@ -2732,37 +2979,32 @@
return overflows[a] - overflows[b];
});
}
-
function getExpandedFallbackPlacements(placement) {
if (getBasePlacement(placement) === auto) {
return [];
}
-
var oppositePlacement = getOppositePlacement(placement);
return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
}
-
function flip(_ref) {
var state = _ref.state,
- options = _ref.options,
- name = _ref.name;
-
+ options = _ref.options,
+ name = _ref.name;
if (state.modifiersData[name]._skip) {
return;
}
-
var _options$mainAxis = options.mainAxis,
- checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
- _options$altAxis = options.altAxis,
- checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
- specifiedFallbackPlacements = options.fallbackPlacements,
- padding = options.padding,
- boundary = options.boundary,
- rootBoundary = options.rootBoundary,
- altBoundary = options.altBoundary,
- _options$flipVariatio = options.flipVariations,
- flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
- allowedAutoPlacements = options.allowedAutoPlacements;
+ checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
+ _options$altAxis = options.altAxis,
+ checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
+ specifiedFallbackPlacements = options.fallbackPlacements,
+ padding = options.padding,
+ boundary = options.boundary,
+ rootBoundary = options.rootBoundary,
+ altBoundary = options.altBoundary,
+ _options$flipVariatio = options.flipVariations,
+ flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
+ allowedAutoPlacements = options.allowedAutoPlacements;
var preferredPlacement = state.options.placement;
var basePlacement = getBasePlacement(preferredPlacement);
var isBasePlacement = basePlacement === preferredPlacement;
@@ -2782,12 +3024,9 @@
var checksMap = new Map();
var makeFallbackChecks = true;
var firstFittingPlacement = placements[0];
-
for (var i = 0; i < placements.length; i++) {
var placement = placements[i];
-
var _basePlacement = getBasePlacement(placement);
-
var isStartVariation = getVariation(placement) === start;
var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
var len = isVertical ? 'width' : 'height';
@@ -2799,22 +3038,17 @@
padding: padding
});
var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
-
if (referenceRect[len] > popperRect[len]) {
mainVariationSide = getOppositePlacement(mainVariationSide);
}
-
var altVariationSide = getOppositePlacement(mainVariationSide);
var checks = [];
-
if (checkMainAxis) {
checks.push(overflow[_basePlacement] <= 0);
}
-
if (checkAltAxis) {
checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
}
-
if (checks.every(function (check) {
return check;
})) {
@@ -2822,38 +3056,30 @@
makeFallbackChecks = false;
break;
}
-
checksMap.set(placement, checks);
}
-
if (makeFallbackChecks) {
// `2` may be desired in some cases – research later
var numberOfChecks = flipVariations ? 3 : 1;
-
var _loop = function _loop(_i) {
var fittingPlacement = placements.find(function (placement) {
var checks = checksMap.get(placement);
-
if (checks) {
return checks.slice(0, _i).every(function (check) {
return check;
});
}
});
-
if (fittingPlacement) {
firstFittingPlacement = fittingPlacement;
return "break";
}
};
-
for (var _i = numberOfChecks; _i > 0; _i--) {
var _ret = _loop(_i);
-
if (_ret === "break") break;
}
}
-
if (state.placement !== firstFittingPlacement) {
state.modifiersData[name]._skip = true;
state.placement = firstFittingPlacement;
@@ -2861,8 +3087,7 @@
}
} // eslint-disable-next-line import/no-unused-modules
-
- const flip$1 = {
+ var flip$1 = {
name: 'flip',
enabled: true,
phase: 'main',
@@ -2872,7 +3097,6 @@
_skip: false
}
};
-
function getSideOffsets(overflow, rect, preventedOffsets) {
if (preventedOffsets === void 0) {
preventedOffsets = {
@@ -2880,7 +3104,6 @@
y: 0
};
}
-
return {
top: overflow.top - rect.height - preventedOffsets.y,
right: overflow.right - rect.width + preventedOffsets.x,
@@ -2888,16 +3111,14 @@
left: overflow.left - rect.width - preventedOffsets.x
};
}
-
function isAnySideFullyClipped(overflow) {
return [top, right, bottom, left].some(function (side) {
return overflow[side] >= 0;
});
}
-
function hide(_ref) {
var state = _ref.state,
- name = _ref.name;
+ name = _ref.name;
var referenceRect = state.rects.reference;
var popperRect = state.rects.popper;
var preventedOffsets = state.modifiersData.preventOverflow;
@@ -2923,25 +3144,21 @@
});
} // eslint-disable-next-line import/no-unused-modules
-
- const hide$1 = {
+ var hide$1 = {
name: 'hide',
enabled: true,
phase: 'main',
requiresIfExists: ['preventOverflow'],
fn: hide
};
-
function distanceAndSkiddingToXY(placement, rects, offset) {
var basePlacement = getBasePlacement(placement);
var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
-
var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
- placement: placement
- })) : offset,
- skidding = _ref[0],
- distance = _ref[1];
-
+ placement: placement
+ })) : offset,
+ skidding = _ref[0],
+ distance = _ref[1];
skidding = skidding || 0;
distance = (distance || 0) * invertDistance;
return [left, right].indexOf(basePlacement) >= 0 ? {
@@ -2952,41 +3169,36 @@
y: distance
};
}
-
function offset(_ref2) {
var state = _ref2.state,
- options = _ref2.options,
- name = _ref2.name;
+ options = _ref2.options,
+ name = _ref2.name;
var _options$offset = options.offset,
- offset = _options$offset === void 0 ? [0, 0] : _options$offset;
+ offset = _options$offset === void 0 ? [0, 0] : _options$offset;
var data = placements.reduce(function (acc, placement) {
acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);
return acc;
}, {});
var _data$state$placement = data[state.placement],
- x = _data$state$placement.x,
- y = _data$state$placement.y;
-
+ x = _data$state$placement.x,
+ y = _data$state$placement.y;
if (state.modifiersData.popperOffsets != null) {
state.modifiersData.popperOffsets.x += x;
state.modifiersData.popperOffsets.y += y;
}
-
state.modifiersData[name] = data;
} // eslint-disable-next-line import/no-unused-modules
-
- const offset$1 = {
+ var offset$1 = {
name: 'offset',
enabled: true,
phase: 'main',
requires: ['popperOffsets'],
fn: offset
};
-
function popperOffsets(_ref) {
var state = _ref.state,
- name = _ref.name;
+ name = _ref.name;
// Offsets are the actual position the popper needs to have to be
// properly positioned near its reference element
// This is the most basic placement, and will be adjusted by
@@ -2999,35 +3211,32 @@
});
} // eslint-disable-next-line import/no-unused-modules
-
- const popperOffsets$1 = {
+ var popperOffsets$1 = {
name: 'popperOffsets',
enabled: true,
phase: 'read',
fn: popperOffsets,
data: {}
};
-
function getAltAxis(axis) {
return axis === 'x' ? 'y' : 'x';
}
-
function preventOverflow(_ref) {
var state = _ref.state,
- options = _ref.options,
- name = _ref.name;
+ options = _ref.options,
+ name = _ref.name;
var _options$mainAxis = options.mainAxis,
- checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
- _options$altAxis = options.altAxis,
- checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,
- boundary = options.boundary,
- rootBoundary = options.rootBoundary,
- altBoundary = options.altBoundary,
- padding = options.padding,
- _options$tether = options.tether,
- tether = _options$tether === void 0 ? true : _options$tether,
- _options$tetherOffset = options.tetherOffset,
- tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
+ checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
+ _options$altAxis = options.altAxis,
+ checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,
+ boundary = options.boundary,
+ rootBoundary = options.rootBoundary,
+ altBoundary = options.altBoundary,
+ padding = options.padding,
+ _options$tether = options.tether,
+ tether = _options$tether === void 0 ? true : _options$tether,
+ _options$tetherOffset = options.tetherOffset,
+ tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
var overflow = detectOverflow(state, {
boundary: boundary,
rootBoundary: rootBoundary,
@@ -3057,14 +3266,11 @@
x: 0,
y: 0
};
-
if (!popperOffsets) {
return;
}
-
if (checkMainAxis) {
var _offsetModifierState$;
-
var mainSide = mainAxis === 'y' ? top : left;
var altSide = mainAxis === 'y' ? bottom : right;
var len = mainAxis === 'y' ? 'height' : 'width';
@@ -3101,55 +3307,38 @@
popperOffsets[mainAxis] = preventedOffset;
data[mainAxis] = preventedOffset - offset;
}
-
if (checkAltAxis) {
var _offsetModifierState$2;
-
var _mainSide = mainAxis === 'x' ? top : left;
-
var _altSide = mainAxis === 'x' ? bottom : right;
-
var _offset = popperOffsets[altAxis];
-
var _len = altAxis === 'y' ? 'height' : 'width';
-
var _min = _offset + overflow[_mainSide];
-
var _max = _offset - overflow[_altSide];
-
var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
-
var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
-
var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
-
var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
-
var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
-
popperOffsets[altAxis] = _preventedOffset;
data[altAxis] = _preventedOffset - _offset;
}
-
state.modifiersData[name] = data;
} // eslint-disable-next-line import/no-unused-modules
-
- const preventOverflow$1 = {
+ var preventOverflow$1 = {
name: 'preventOverflow',
enabled: true,
phase: 'main',
fn: preventOverflow,
requiresIfExists: ['offset']
};
-
function getHTMLElementScroll(element) {
return {
scrollLeft: element.scrollLeft,
scrollTop: element.scrollTop
};
}
-
function getNodeScroll(node) {
if (node === getWindow(node) || !isHTMLElement(node)) {
return getWindowScroll(node);
@@ -3157,7 +3346,6 @@
return getHTMLElementScroll(node);
}
}
-
function isElementScaled(element) {
var rect = element.getBoundingClientRect();
var scaleX = round(rect.width) / element.offsetWidth || 1;
@@ -3166,12 +3354,10 @@
} // Returns the composite rect of an element relative to its offsetParent.
// Composite means it takes into account transforms as well as layout.
-
function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
if (isFixed === void 0) {
isFixed = false;
}
-
var isOffsetParentAnElement = isHTMLElement(offsetParent);
var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
var documentElement = getDocumentElement(offsetParent);
@@ -3184,13 +3370,12 @@
x: 0,
y: 0
};
-
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
- if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078
+ if (getNodeName(offsetParent) !== 'body' ||
+ // https://github.com/popperjs/popper-core/issues/1078
isScrollParent(documentElement)) {
scroll = getNodeScroll(offsetParent);
}
-
if (isHTMLElement(offsetParent)) {
offsets = getBoundingClientRect(offsetParent, true);
offsets.x += offsetParent.clientLeft;
@@ -3199,7 +3384,6 @@
offsets.x = getWindowScrollBarX(documentElement);
}
}
-
return {
x: rect.left + scroll.scrollLeft - offsets.x,
y: rect.top + scroll.scrollTop - offsets.y,
@@ -3207,7 +3391,6 @@
height: rect.height
};
}
-
function order(modifiers) {
var map = new Map();
var visited = new Set();
@@ -3222,7 +3405,6 @@
requires.forEach(function (dep) {
if (!visited.has(dep)) {
var depModifier = map.get(dep);
-
if (depModifier) {
sort(depModifier);
}
@@ -3230,7 +3412,6 @@
});
result.push(modifier);
}
-
modifiers.forEach(function (modifier) {
if (!visited.has(modifier.name)) {
// check for visited object
@@ -3239,7 +3420,6 @@
});
return result;
}
-
function orderModifiers(modifiers) {
// order based on dependencies
var orderedModifiers = order(modifiers); // order based on phase
@@ -3250,7 +3430,6 @@
}));
}, []);
}
-
function debounce(fn) {
var pending;
return function () {
@@ -3262,11 +3441,9 @@
});
});
}
-
return pending;
};
}
-
function mergeByName(modifiers) {
var merged = modifiers.reduce(function (merged, current) {
var existing = merged[current.name];
@@ -3281,38 +3458,32 @@
return merged[key];
});
}
-
var DEFAULT_OPTIONS = {
placement: 'bottom',
modifiers: [],
strategy: 'absolute'
};
-
function areValidElements() {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
-
return !args.some(function (element) {
return !(element && typeof element.getBoundingClientRect === 'function');
});
}
-
function popperGenerator(generatorOptions) {
if (generatorOptions === void 0) {
generatorOptions = {};
}
-
var _generatorOptions = generatorOptions,
- _generatorOptions$def = _generatorOptions.defaultModifiers,
- defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
- _generatorOptions$def2 = _generatorOptions.defaultOptions,
- defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+ _generatorOptions$def = _generatorOptions.defaultModifiers,
+ defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
+ _generatorOptions$def2 = _generatorOptions.defaultOptions,
+ defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
return function createPopper(reference, popper, options) {
if (options === void 0) {
options = defaultOptions;
}
-
var state = {
placement: 'bottom',
orderedModifiers: [],
@@ -3356,17 +3527,15 @@
if (isDestroyed) {
return;
}
-
var _state$elements = state.elements,
- reference = _state$elements.reference,
- popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
+ reference = _state$elements.reference,
+ popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
// anymore
if (!areValidElements(reference, popper)) {
return;
} // Store the reference and popper rects to be read by modifiers
-
state.rects = {
reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),
popper: getLayoutRect(popper)
@@ -3385,20 +3554,17 @@
state.orderedModifiers.forEach(function (modifier) {
return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
});
-
for (var index = 0; index < state.orderedModifiers.length; index++) {
if (state.reset === true) {
state.reset = false;
index = -1;
continue;
}
-
var _state$orderedModifie = state.orderedModifiers[index],
- fn = _state$orderedModifie.fn,
- _state$orderedModifie2 = _state$orderedModifie.options,
- _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
- name = _state$orderedModifie.name;
-
+ fn = _state$orderedModifie.fn,
+ _state$orderedModifie2 = _state$orderedModifie.options,
+ _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
+ name = _state$orderedModifie.name;
if (typeof fn === 'function') {
state = fn({
state: state,
@@ -3422,11 +3588,9 @@
isDestroyed = true;
}
};
-
if (!areValidElements(reference, popper)) {
return instance;
}
-
instance.setOptions(options).then(function (state) {
if (!isDestroyed && options.onFirstUpdate) {
options.onFirstUpdate(state);
@@ -3440,10 +3604,9 @@
function runModifierEffects() {
state.orderedModifiers.forEach(function (_ref) {
var name = _ref.name,
- _ref$options = _ref.options,
- options = _ref$options === void 0 ? {} : _ref$options,
- effect = _ref.effect;
-
+ _ref$options = _ref.options,
+ options = _ref$options === void 0 ? {} : _ref$options,
+ effect = _ref.effect;
if (typeof effect === 'function') {
var cleanupFn = effect({
state: state,
@@ -3451,21 +3614,17 @@
instance: instance,
options: options
});
-
var noopFn = function noopFn() {};
-
effectCleanupFns.push(cleanupFn || noopFn);
}
});
}
-
function cleanupModifierEffects() {
effectCleanupFns.forEach(function (fn) {
return fn();
});
effectCleanupFns = [];
}
-
return instance;
};
}
@@ -3481,47 +3640,49 @@
defaultModifiers: defaultModifiers
}); // eslint-disable-next-line import/no-unused-modules
- const Popper = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+ var Popper = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
__proto__: null,
- afterMain,
- afterRead,
- afterWrite,
+ afterMain: afterMain,
+ afterRead: afterRead,
+ afterWrite: afterWrite,
applyStyles: applyStyles$1,
arrow: arrow$1,
- auto,
- basePlacements,
- beforeMain,
- beforeRead,
- beforeWrite,
- bottom,
- clippingParents,
+ auto: auto,
+ basePlacements: basePlacements,
+ beforeMain: beforeMain,
+ beforeRead: beforeRead,
+ beforeWrite: beforeWrite,
+ bottom: bottom,
+ clippingParents: clippingParents,
computeStyles: computeStyles$1,
- createPopper,
+ createPopper: createPopper,
createPopperBase: createPopper$2,
createPopperLite: createPopper$1,
- detectOverflow,
- end,
- eventListeners,
+ detectOverflow: detectOverflow,
+ end: end,
+ eventListeners: eventListeners,
flip: flip$1,
hide: hide$1,
- left,
- main,
- modifierPhases,
+ left: left,
+ main: main,
+ modifierPhases: modifierPhases,
offset: offset$1,
- placements,
- popper,
- popperGenerator,
+ placements: placements,
+ popper: popper,
+ popperGenerator: popperGenerator,
popperOffsets: popperOffsets$1,
preventOverflow: preventOverflow$1,
- read,
- reference,
- right,
- start,
- top,
- variationPlacements,
- viewport,
- write
- }, Symbol.toStringTag, { value: 'Module' }));
+ read: read,
+ reference: reference,
+ right: right,
+ start: start,
+ top: top,
+ variationPlacements: variationPlacements,
+ viewport: viewport,
+ write: write
+ }, Symbol.toStringTag, {
+ value: 'Module'
+ }));
/**
* --------------------------------------------------------------------------
@@ -3530,49 +3691,48 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$a = 'dropdown';
- const DATA_KEY$6 = 'bs.dropdown';
- const EVENT_KEY$6 = `.${DATA_KEY$6}`;
- const DATA_API_KEY$3 = '.data-api';
- const ESCAPE_KEY$2 = 'Escape';
- const TAB_KEY$1 = 'Tab';
- const ARROW_UP_KEY$1 = 'ArrowUp';
- const ARROW_DOWN_KEY$1 = 'ArrowDown';
- const RIGHT_MOUSE_BUTTON = 2; // MouseEvent.button value for the secondary button, usually the right button
-
- const EVENT_HIDE$5 = `hide${EVENT_KEY$6}`;
- const EVENT_HIDDEN$5 = `hidden${EVENT_KEY$6}`;
- const EVENT_SHOW$5 = `show${EVENT_KEY$6}`;
- const EVENT_SHOWN$5 = `shown${EVENT_KEY$6}`;
- const EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$6}${DATA_API_KEY$3}`;
- const EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY$6}${DATA_API_KEY$3}`;
- const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY$6}${DATA_API_KEY$3}`;
- const CLASS_NAME_SHOW$6 = 'show';
- const CLASS_NAME_DROPUP = 'dropup';
- const CLASS_NAME_DROPEND = 'dropend';
- const CLASS_NAME_DROPSTART = 'dropstart';
- const CLASS_NAME_DROPUP_CENTER = 'dropup-center';
- const CLASS_NAME_DROPDOWN_CENTER = 'dropdown-center';
- const SELECTOR_DATA_TOGGLE$3 = '[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)';
- const SELECTOR_DATA_TOGGLE_SHOWN = `${SELECTOR_DATA_TOGGLE$3}.${CLASS_NAME_SHOW$6}`;
- const SELECTOR_MENU = '.dropdown-menu';
- const SELECTOR_NAVBAR = '.navbar';
- const SELECTOR_NAVBAR_NAV = '.navbar-nav';
- const SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)';
- const PLACEMENT_TOP = isRTL() ? 'top-end' : 'top-start';
- const PLACEMENT_TOPEND = isRTL() ? 'top-start' : 'top-end';
- const PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start';
- const PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end';
- const PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start';
- const PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start';
- const PLACEMENT_TOPCENTER = 'top';
- const PLACEMENT_BOTTOMCENTER = 'bottom';
- const Default$9 = {
+ var NAME$a = 'dropdown';
+ var DATA_KEY$6 = 'bs.dropdown';
+ var EVENT_KEY$6 = ".".concat(DATA_KEY$6);
+ var DATA_API_KEY$3 = '.data-api';
+ var ESCAPE_KEY$2 = 'Escape';
+ var TAB_KEY$1 = 'Tab';
+ var ARROW_UP_KEY$1 = 'ArrowUp';
+ var ARROW_DOWN_KEY$1 = 'ArrowDown';
+ var RIGHT_MOUSE_BUTTON = 2; // MouseEvent.button value for the secondary button, usually the right button
+
+ var EVENT_HIDE$5 = "hide".concat(EVENT_KEY$6);
+ var EVENT_HIDDEN$5 = "hidden".concat(EVENT_KEY$6);
+ var EVENT_SHOW$5 = "show".concat(EVENT_KEY$6);
+ var EVENT_SHOWN$5 = "shown".concat(EVENT_KEY$6);
+ var EVENT_CLICK_DATA_API$3 = "click".concat(EVENT_KEY$6).concat(DATA_API_KEY$3);
+ var EVENT_KEYDOWN_DATA_API = "keydown".concat(EVENT_KEY$6).concat(DATA_API_KEY$3);
+ var EVENT_KEYUP_DATA_API = "keyup".concat(EVENT_KEY$6).concat(DATA_API_KEY$3);
+ var CLASS_NAME_SHOW$6 = 'show';
+ var CLASS_NAME_DROPUP = 'dropup';
+ var CLASS_NAME_DROPEND = 'dropend';
+ var CLASS_NAME_DROPSTART = 'dropstart';
+ var CLASS_NAME_DROPUP_CENTER = 'dropup-center';
+ var CLASS_NAME_DROPDOWN_CENTER = 'dropdown-center';
+ var SELECTOR_DATA_TOGGLE$3 = '[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)';
+ var SELECTOR_DATA_TOGGLE_SHOWN = "".concat(SELECTOR_DATA_TOGGLE$3, ".").concat(CLASS_NAME_SHOW$6);
+ var SELECTOR_MENU = '.dropdown-menu';
+ var SELECTOR_NAVBAR = '.navbar';
+ var SELECTOR_NAVBAR_NAV = '.navbar-nav';
+ var SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)';
+ var PLACEMENT_TOP = isRTL() ? 'top-end' : 'top-start';
+ var PLACEMENT_TOPEND = isRTL() ? 'top-start' : 'top-end';
+ var PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start';
+ var PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end';
+ var PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start';
+ var PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start';
+ var PLACEMENT_TOPCENTER = 'top';
+ var PLACEMENT_BOTTOMCENTER = 'bottom';
+ var Default$9 = {
autoClose: true,
boundary: 'clippingParents',
display: 'dynamic',
@@ -3580,7 +3740,7 @@
popperConfig: null,
reference: 'toggle'
};
- const DefaultType$9 = {
+ var DefaultType$9 = {
autoClose: '(boolean|string)',
boundary: '(string|element)',
display: 'string',
@@ -3592,290 +3752,362 @@
/**
* Class definition
*/
-
- class Dropdown extends BaseComponent {
- constructor(element, config) {
- super(element, config);
- this._popper = null;
- this._parent = this._element.parentNode; // dropdown wrapper
+ var Dropdown = /*#__PURE__*/function (_BaseComponent5) {
+ function Dropdown(element, config) {
+ var _this15;
+ _classCallCheck(this, Dropdown);
+ _this15 = _callSuper(this, Dropdown, [element, config]);
+ _this15._popper = null;
+ _this15._parent = _this15._element.parentNode; // dropdown wrapper
// TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
- this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] || SelectorEngine.prev(this._element, SELECTOR_MENU)[0] || SelectorEngine.findOne(SELECTOR_MENU, this._parent);
- this._inNavbar = this._detectNavbar();
+ _this15._menu = SelectorEngine.next(_this15._element, SELECTOR_MENU)[0] || SelectorEngine.prev(_this15._element, SELECTOR_MENU)[0] || SelectorEngine.findOne(SELECTOR_MENU, _this15._parent);
+ _this15._inNavbar = _this15._detectNavbar();
+ return _this15;
}
// Getters
- static get Default() {
- return Default$9;
- }
- static get DefaultType() {
- return DefaultType$9;
- }
- static get NAME() {
- return NAME$a;
- }
-
- // Public
- toggle() {
- return this._isShown() ? this.hide() : this.show();
- }
- show() {
- if (isDisabled(this._element) || this._isShown()) {
- return;
+ _inherits(Dropdown, _BaseComponent5);
+ return _createClass(Dropdown, [{
+ key: "toggle",
+ value:
+ // Public
+ function toggle() {
+ return this._isShown() ? this.hide() : this.show();
+ }
+ }, {
+ key: "show",
+ value: function show() {
+ if (isDisabled(this._element) || this._isShown()) {
+ return;
+ }
+ var relatedTarget = {
+ relatedTarget: this._element
+ };
+ var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$5, relatedTarget);
+ if (showEvent.defaultPrevented) {
+ return;
+ }
+ this._createPopper();
+
+ // If this is a touch-enabled device we add extra
+ // empty mouseover listeners to the body's immediate children;
+ // only needed because of broken event delegation on iOS
+ // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+ if ('ontouchstart' in document.documentElement && !this._parent.closest(SELECTOR_NAVBAR_NAV)) {
+ var _ref9;
+ var _iterator12 = _createForOfIteratorHelper((_ref9 = []).concat.apply(_ref9, _toConsumableArray(document.body.children))),
+ _step12;
+ try {
+ for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+ var element = _step12.value;
+ EventHandler.on(element, 'mouseover', noop);
+ }
+ } catch (err) {
+ _iterator12.e(err);
+ } finally {
+ _iterator12.f();
+ }
+ }
+ this._element.focus();
+ this._element.setAttribute('aria-expanded', true);
+ this._menu.classList.add(CLASS_NAME_SHOW$6);
+ this._element.classList.add(CLASS_NAME_SHOW$6);
+ EventHandler.trigger(this._element, EVENT_SHOWN$5, relatedTarget);
+ }
+ }, {
+ key: "hide",
+ value: function hide() {
+ if (isDisabled(this._element) || !this._isShown()) {
+ return;
+ }
+ var relatedTarget = {
+ relatedTarget: this._element
+ };
+ this._completeHide(relatedTarget);
}
- const relatedTarget = {
- relatedTarget: this._element
- };
- const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$5, relatedTarget);
- if (showEvent.defaultPrevented) {
- return;
+ }, {
+ key: "dispose",
+ value: function dispose() {
+ if (this._popper) {
+ this._popper.destroy();
+ }
+ _superPropGet(Dropdown, "dispose", this, 3)([]);
+ }
+ }, {
+ key: "update",
+ value: function update() {
+ this._inNavbar = this._detectNavbar();
+ if (this._popper) {
+ this._popper.update();
+ }
}
- this._createPopper();
- // If this is a touch-enabled device we add extra
- // empty mouseover listeners to the body's immediate children;
- // only needed because of broken event delegation on iOS
- // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
- if ('ontouchstart' in document.documentElement && !this._parent.closest(SELECTOR_NAVBAR_NAV)) {
- for (const element of [].concat(...document.body.children)) {
- EventHandler.on(element, 'mouseover', noop);
+ // Private
+ }, {
+ key: "_completeHide",
+ value: function _completeHide(relatedTarget) {
+ var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$5, relatedTarget);
+ if (hideEvent.defaultPrevented) {
+ return;
}
- }
- this._element.focus();
- this._element.setAttribute('aria-expanded', true);
- this._menu.classList.add(CLASS_NAME_SHOW$6);
- this._element.classList.add(CLASS_NAME_SHOW$6);
- EventHandler.trigger(this._element, EVENT_SHOWN$5, relatedTarget);
- }
- hide() {
- if (isDisabled(this._element) || !this._isShown()) {
- return;
- }
- const relatedTarget = {
- relatedTarget: this._element
- };
- this._completeHide(relatedTarget);
- }
- dispose() {
- if (this._popper) {
- this._popper.destroy();
- }
- super.dispose();
- }
- update() {
- this._inNavbar = this._detectNavbar();
- if (this._popper) {
- this._popper.update();
- }
- }
- // Private
- _completeHide(relatedTarget) {
- const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$5, relatedTarget);
- if (hideEvent.defaultPrevented) {
- return;
+ // If this is a touch-enabled device we remove the extra
+ // empty mouseover listeners we added for iOS support
+ if ('ontouchstart' in document.documentElement) {
+ var _ref10;
+ var _iterator13 = _createForOfIteratorHelper((_ref10 = []).concat.apply(_ref10, _toConsumableArray(document.body.children))),
+ _step13;
+ try {
+ for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+ var element = _step13.value;
+ EventHandler.off(element, 'mouseover', noop);
+ }
+ } catch (err) {
+ _iterator13.e(err);
+ } finally {
+ _iterator13.f();
+ }
+ }
+ if (this._popper) {
+ this._popper.destroy();
+ }
+ this._menu.classList.remove(CLASS_NAME_SHOW$6);
+ this._element.classList.remove(CLASS_NAME_SHOW$6);
+ this._element.setAttribute('aria-expanded', 'false');
+ Manipulator.removeDataAttribute(this._menu, 'popper');
+ EventHandler.trigger(this._element, EVENT_HIDDEN$5, relatedTarget);
+ }
+ }, {
+ key: "_getConfig",
+ value: function _getConfig(config) {
+ config = _superPropGet(Dropdown, "_getConfig", this, 3)([config]);
+ if (_typeof(config.reference) === 'object' && !isElement$1(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') {
+ // Popper virtual elements require a getBoundingClientRect method
+ throw new TypeError("".concat(NAME$a.toUpperCase(), ": Option \"reference\" provided type \"object\" without a required \"getBoundingClientRect\" method."));
+ }
+ return config;
}
+ }, {
+ key: "_createPopper",
+ value: function _createPopper() {
+ if (typeof Popper === 'undefined') {
+ throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org)');
+ }
+ var referenceElement = this._element;
+ if (this._config.reference === 'parent') {
+ referenceElement = this._parent;
+ } else if (isElement$1(this._config.reference)) {
+ referenceElement = getElement(this._config.reference);
+ } else if (_typeof(this._config.reference) === 'object') {
+ referenceElement = this._config.reference;
+ }
+ var popperConfig = this._getPopperConfig();
+ this._popper = createPopper(referenceElement, this._menu, popperConfig);
+ }
+ }, {
+ key: "_isShown",
+ value: function _isShown() {
+ return this._menu.classList.contains(CLASS_NAME_SHOW$6);
+ }
+ }, {
+ key: "_getPlacement",
+ value: function _getPlacement() {
+ var parentDropdown = this._parent;
+ if (parentDropdown.classList.contains(CLASS_NAME_DROPEND)) {
+ return PLACEMENT_RIGHT;
+ }
+ if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) {
+ return PLACEMENT_LEFT;
+ }
+ if (parentDropdown.classList.contains(CLASS_NAME_DROPUP_CENTER)) {
+ return PLACEMENT_TOPCENTER;
+ }
+ if (parentDropdown.classList.contains(CLASS_NAME_DROPDOWN_CENTER)) {
+ return PLACEMENT_BOTTOMCENTER;
+ }
- // If this is a touch-enabled device we remove the extra
- // empty mouseover listeners we added for iOS support
- if ('ontouchstart' in document.documentElement) {
- for (const element of [].concat(...document.body.children)) {
- EventHandler.off(element, 'mouseover', noop);
+ // We need to trim the value because custom properties can also include spaces
+ var isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end';
+ if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {
+ return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP;
}
- }
- if (this._popper) {
- this._popper.destroy();
- }
- this._menu.classList.remove(CLASS_NAME_SHOW$6);
- this._element.classList.remove(CLASS_NAME_SHOW$6);
- this._element.setAttribute('aria-expanded', 'false');
- Manipulator.removeDataAttribute(this._menu, 'popper');
- EventHandler.trigger(this._element, EVENT_HIDDEN$5, relatedTarget);
- }
- _getConfig(config) {
- config = super._getConfig(config);
- if (typeof config.reference === 'object' && !isElement$1(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') {
- // Popper virtual elements require a getBoundingClientRect method
- throw new TypeError(`${NAME$a.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);
- }
- return config;
- }
- _createPopper() {
- if (typeof Popper === 'undefined') {
- throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org)');
- }
- let referenceElement = this._element;
- if (this._config.reference === 'parent') {
- referenceElement = this._parent;
- } else if (isElement$1(this._config.reference)) {
- referenceElement = getElement(this._config.reference);
- } else if (typeof this._config.reference === 'object') {
- referenceElement = this._config.reference;
- }
- const popperConfig = this._getPopperConfig();
- this._popper = createPopper(referenceElement, this._menu, popperConfig);
- }
- _isShown() {
- return this._menu.classList.contains(CLASS_NAME_SHOW$6);
- }
- _getPlacement() {
- const parentDropdown = this._parent;
- if (parentDropdown.classList.contains(CLASS_NAME_DROPEND)) {
- return PLACEMENT_RIGHT;
- }
- if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) {
- return PLACEMENT_LEFT;
- }
- if (parentDropdown.classList.contains(CLASS_NAME_DROPUP_CENTER)) {
- return PLACEMENT_TOPCENTER;
- }
- if (parentDropdown.classList.contains(CLASS_NAME_DROPDOWN_CENTER)) {
- return PLACEMENT_BOTTOMCENTER;
- }
+ return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM;
+ }
+ }, {
+ key: "_detectNavbar",
+ value: function _detectNavbar() {
+ return this._element.closest(SELECTOR_NAVBAR) !== null;
+ }
+ }, {
+ key: "_getOffset",
+ value: function _getOffset() {
+ var _this16 = this;
+ var offset = this._config.offset;
+ if (typeof offset === 'string') {
+ return offset.split(',').map(function (value) {
+ return Number.parseInt(value, 10);
+ });
+ }
+ if (typeof offset === 'function') {
+ return function (popperData) {
+ return offset(popperData, _this16._element);
+ };
+ }
+ return offset;
+ }
+ }, {
+ key: "_getPopperConfig",
+ value: function _getPopperConfig() {
+ var defaultBsPopperConfig = {
+ placement: this._getPlacement(),
+ modifiers: [{
+ name: 'preventOverflow',
+ options: {
+ boundary: this._config.boundary
+ }
+ }, {
+ name: 'offset',
+ options: {
+ offset: this._getOffset()
+ }
+ }]
+ };
- // We need to trim the value because custom properties can also include spaces
- const isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end';
- if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {
- return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP;
- }
- return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM;
- }
- _detectNavbar() {
- return this._element.closest(SELECTOR_NAVBAR) !== null;
- }
- _getOffset() {
- const {
- offset
- } = this._config;
- if (typeof offset === 'string') {
- return offset.split(',').map(value => Number.parseInt(value, 10));
- }
- if (typeof offset === 'function') {
- return popperData => offset(popperData, this._element);
- }
- return offset;
- }
- _getPopperConfig() {
- const defaultBsPopperConfig = {
- placement: this._getPlacement(),
- modifiers: [{
- name: 'preventOverflow',
- options: {
- boundary: this._config.boundary
+ // Disable Popper if we have a static display or Dropdown is in Navbar
+ if (this._inNavbar || this._config.display === 'static') {
+ Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // TODO: v6 remove
+ defaultBsPopperConfig.modifiers = [{
+ name: 'applyStyles',
+ enabled: false
+ }];
+ }
+ return _objectSpread(_objectSpread({}, defaultBsPopperConfig), execute(this._config.popperConfig, [defaultBsPopperConfig]));
+ }
+ }, {
+ key: "_selectMenuItem",
+ value: function _selectMenuItem(_ref11) {
+ var key = _ref11.key,
+ target = _ref11.target;
+ var items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, this._menu).filter(function (element) {
+ return isVisible(element);
+ });
+ if (!items.length) {
+ return;
+ }
+
+ // if target isn't included in items (e.g. when expanding the dropdown)
+ // allow cycling to get the last item in case key equals ARROW_UP_KEY
+ getNextActiveElement(items, target, key === ARROW_DOWN_KEY$1, !items.includes(target)).focus();
+ }
+
+ // Static
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$9;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$9;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$a;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config) {
+ return this.each(function () {
+ var data = Dropdown.getOrCreateInstance(this, config);
+ if (typeof config !== 'string') {
+ return;
}
- }, {
- name: 'offset',
- options: {
- offset: this._getOffset()
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"".concat(config, "\""));
}
- }]
- };
-
- // Disable Popper if we have a static display or Dropdown is in Navbar
- if (this._inNavbar || this._config.display === 'static') {
- Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // TODO: v6 remove
- defaultBsPopperConfig.modifiers = [{
- name: 'applyStyles',
- enabled: false
- }];
- }
- return {
- ...defaultBsPopperConfig,
- ...execute(this._config.popperConfig, [defaultBsPopperConfig])
- };
- }
- _selectMenuItem({
- key,
- target
- }) {
- const items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, this._menu).filter(element => isVisible(element));
- if (!items.length) {
- return;
+ data[config]();
+ });
}
-
- // if target isn't included in items (e.g. when expanding the dropdown)
- // allow cycling to get the last item in case key equals ARROW_UP_KEY
- getNextActiveElement(items, target, key === ARROW_DOWN_KEY$1, !items.includes(target)).focus();
- }
-
- // Static
- static jQueryInterface(config) {
- return this.each(function () {
- const data = Dropdown.getOrCreateInstance(this, config);
- if (typeof config !== 'string') {
+ }, {
+ key: "clearMenus",
+ value: function clearMenus(event) {
+ if (event.button === RIGHT_MOUSE_BUTTON || event.type === 'keyup' && event.key !== TAB_KEY$1) {
return;
}
- if (typeof data[config] === 'undefined') {
- throw new TypeError(`No method named "${config}"`);
+ var openToggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE_SHOWN);
+ var _iterator14 = _createForOfIteratorHelper(openToggles),
+ _step14;
+ try {
+ for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+ var toggle = _step14.value;
+ var context = Dropdown.getInstance(toggle);
+ if (!context || context._config.autoClose === false) {
+ continue;
+ }
+ var composedPath = event.composedPath();
+ var isMenuTarget = composedPath.includes(context._menu);
+ if (composedPath.includes(context._element) || context._config.autoClose === 'inside' && !isMenuTarget || context._config.autoClose === 'outside' && isMenuTarget) {
+ continue;
+ }
+
+ // Tab navigation through the dropdown menu or events from contained inputs shouldn't close the menu
+ if (context._menu.contains(event.target) && (event.type === 'keyup' && event.key === TAB_KEY$1 || /input|select|option|textarea|form/i.test(event.target.tagName))) {
+ continue;
+ }
+ var relatedTarget = {
+ relatedTarget: context._element
+ };
+ if (event.type === 'click') {
+ relatedTarget.clickEvent = event;
+ }
+ context._completeHide(relatedTarget);
+ }
+ } catch (err) {
+ _iterator14.e(err);
+ } finally {
+ _iterator14.f();
}
- data[config]();
- });
- }
- static clearMenus(event) {
- if (event.button === RIGHT_MOUSE_BUTTON || event.type === 'keyup' && event.key !== TAB_KEY$1) {
- return;
}
- const openToggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE_SHOWN);
- for (const toggle of openToggles) {
- const context = Dropdown.getInstance(toggle);
- if (!context || context._config.autoClose === false) {
- continue;
+ }, {
+ key: "dataApiKeydownHandler",
+ value: function dataApiKeydownHandler(event) {
+ // If not an UP | DOWN | ESCAPE key => not a dropdown command
+ // If input/textarea && if key is other than ESCAPE => not a dropdown command
+
+ var isInput = /input|textarea/i.test(event.target.tagName);
+ var isEscapeEvent = event.key === ESCAPE_KEY$2;
+ var isUpOrDownEvent = [ARROW_UP_KEY$1, ARROW_DOWN_KEY$1].includes(event.key);
+ if (!isUpOrDownEvent && !isEscapeEvent) {
+ return;
}
- const composedPath = event.composedPath();
- const isMenuTarget = composedPath.includes(context._menu);
- if (composedPath.includes(context._element) || context._config.autoClose === 'inside' && !isMenuTarget || context._config.autoClose === 'outside' && isMenuTarget) {
- continue;
+ if (isInput && !isEscapeEvent) {
+ return;
}
+ event.preventDefault();
- // Tab navigation through the dropdown menu or events from contained inputs shouldn't close the menu
- if (context._menu.contains(event.target) && (event.type === 'keyup' && event.key === TAB_KEY$1 || /input|select|option|textarea|form/i.test(event.target.tagName))) {
- continue;
+ // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
+ var getToggleButton = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.findOne(SELECTOR_DATA_TOGGLE$3, event.delegateTarget.parentNode);
+ var instance = Dropdown.getOrCreateInstance(getToggleButton);
+ if (isUpOrDownEvent) {
+ event.stopPropagation();
+ instance.show();
+ instance._selectMenuItem(event);
+ return;
}
- const relatedTarget = {
- relatedTarget: context._element
- };
- if (event.type === 'click') {
- relatedTarget.clickEvent = event;
+ if (instance._isShown()) {
+ // else is escape and we check if it is shown
+ event.stopPropagation();
+ instance.hide();
+ getToggleButton.focus();
}
- context._completeHide(relatedTarget);
- }
- }
- static dataApiKeydownHandler(event) {
- // If not an UP | DOWN | ESCAPE key => not a dropdown command
- // If input/textarea && if key is other than ESCAPE => not a dropdown command
-
- const isInput = /input|textarea/i.test(event.target.tagName);
- const isEscapeEvent = event.key === ESCAPE_KEY$2;
- const isUpOrDownEvent = [ARROW_UP_KEY$1, ARROW_DOWN_KEY$1].includes(event.key);
- if (!isUpOrDownEvent && !isEscapeEvent) {
- return;
- }
- if (isInput && !isEscapeEvent) {
- return;
}
- event.preventDefault();
-
- // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
- const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.findOne(SELECTOR_DATA_TOGGLE$3, event.delegateTarget.parentNode);
- const instance = Dropdown.getOrCreateInstance(getToggleButton);
- if (isUpOrDownEvent) {
- event.stopPropagation();
- instance.show();
- instance._selectMenuItem(event);
- return;
- }
- if (instance._isShown()) {
- // else is escape and we check if it is shown
- event.stopPropagation();
- instance.hide();
- getToggleButton.focus();
- }
- }
- }
-
+ }]);
+ }(BaseComponent);
/**
* Data API implementation
*/
-
EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE$3, Dropdown.dataApiKeydownHandler);
EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler);
EventHandler.on(document, EVENT_CLICK_DATA_API$3, Dropdown.clearMenus);
@@ -3898,16 +4130,15 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$9 = 'backdrop';
- const CLASS_NAME_FADE$4 = 'fade';
- const CLASS_NAME_SHOW$5 = 'show';
- const EVENT_MOUSEDOWN = `mousedown.bs.${NAME$9}`;
- const Default$8 = {
+ var NAME$9 = 'backdrop';
+ var CLASS_NAME_FADE$4 = 'fade';
+ var CLASS_NAME_SHOW$5 = 'show';
+ var EVENT_MOUSEDOWN = "mousedown.bs.".concat(NAME$9);
+ var Default$8 = {
className: 'modal-backdrop',
clickCallback: null,
isAnimated: false,
@@ -3915,7 +4146,7 @@
// if false, we use the backdrop helper without adding any element to the dom
rootElement: 'body' // give the choice to place backdrop under different elements
};
- const DefaultType$8 = {
+ var DefaultType$8 = {
className: 'string',
clickCallback: '(function|null)',
isAnimated: 'boolean',
@@ -3926,120 +4157,142 @@
/**
* Class definition
*/
-
- class Backdrop extends Config {
- constructor(config) {
- super();
- this._config = this._getConfig(config);
- this._isAppended = false;
- this._element = null;
+ var Backdrop = /*#__PURE__*/function (_Config3) {
+ function Backdrop(config) {
+ var _this17;
+ _classCallCheck(this, Backdrop);
+ _this17 = _callSuper(this, Backdrop);
+ _this17._config = _this17._getConfig(config);
+ _this17._isAppended = false;
+ _this17._element = null;
+ return _this17;
}
// Getters
- static get Default() {
- return Default$8;
- }
- static get DefaultType() {
- return DefaultType$8;
- }
- static get NAME() {
- return NAME$9;
- }
-
- // Public
- show(callback) {
- if (!this._config.isVisible) {
- execute(callback);
- return;
- }
- this._append();
- const element = this._getElement();
- if (this._config.isAnimated) {
- reflow(element);
+ _inherits(Backdrop, _Config3);
+ return _createClass(Backdrop, [{
+ key: "show",
+ value:
+ // Public
+ function show(callback) {
+ if (!this._config.isVisible) {
+ execute(callback);
+ return;
+ }
+ this._append();
+ var element = this._getElement();
+ if (this._config.isAnimated) {
+ reflow(element);
+ }
+ element.classList.add(CLASS_NAME_SHOW$5);
+ this._emulateAnimation(function () {
+ execute(callback);
+ });
}
- element.classList.add(CLASS_NAME_SHOW$5);
- this._emulateAnimation(() => {
- execute(callback);
- });
- }
- hide(callback) {
- if (!this._config.isVisible) {
- execute(callback);
- return;
- }
- this._getElement().classList.remove(CLASS_NAME_SHOW$5);
- this._emulateAnimation(() => {
- this.dispose();
- execute(callback);
- });
- }
- dispose() {
- if (!this._isAppended) {
- return;
- }
- EventHandler.off(this._element, EVENT_MOUSEDOWN);
- this._element.remove();
- this._isAppended = false;
- }
-
- // Private
- _getElement() {
- if (!this._element) {
- const backdrop = document.createElement('div');
- backdrop.className = this._config.className;
- if (this._config.isAnimated) {
- backdrop.classList.add(CLASS_NAME_FADE$4);
+ }, {
+ key: "hide",
+ value: function hide(callback) {
+ var _this18 = this;
+ if (!this._config.isVisible) {
+ execute(callback);
+ return;
}
- this._element = backdrop;
+ this._getElement().classList.remove(CLASS_NAME_SHOW$5);
+ this._emulateAnimation(function () {
+ _this18.dispose();
+ execute(callback);
+ });
}
- return this._element;
- }
- _configAfterMerge(config) {
- // use getElement() with the default "body" to get a fresh Element on each instantiation
- config.rootElement = getElement(config.rootElement);
- return config;
- }
- _append() {
- if (this._isAppended) {
- return;
+ }, {
+ key: "dispose",
+ value: function dispose() {
+ if (!this._isAppended) {
+ return;
+ }
+ EventHandler.off(this._element, EVENT_MOUSEDOWN);
+ this._element.remove();
+ this._isAppended = false;
}
- const element = this._getElement();
- this._config.rootElement.append(element);
- EventHandler.on(element, EVENT_MOUSEDOWN, () => {
- execute(this._config.clickCallback);
- });
- this._isAppended = true;
- }
- _emulateAnimation(callback) {
- executeAfterTransition(callback, this._getElement(), this._config.isAnimated);
- }
- }
+ // Private
+ }, {
+ key: "_getElement",
+ value: function _getElement() {
+ if (!this._element) {
+ var backdrop = document.createElement('div');
+ backdrop.className = this._config.className;
+ if (this._config.isAnimated) {
+ backdrop.classList.add(CLASS_NAME_FADE$4);
+ }
+ this._element = backdrop;
+ }
+ return this._element;
+ }
+ }, {
+ key: "_configAfterMerge",
+ value: function _configAfterMerge(config) {
+ // use getElement() with the default "body" to get a fresh Element on each instantiation
+ config.rootElement = getElement(config.rootElement);
+ return config;
+ }
+ }, {
+ key: "_append",
+ value: function _append() {
+ var _this19 = this;
+ if (this._isAppended) {
+ return;
+ }
+ var element = this._getElement();
+ this._config.rootElement.append(element);
+ EventHandler.on(element, EVENT_MOUSEDOWN, function () {
+ execute(_this19._config.clickCallback);
+ });
+ this._isAppended = true;
+ }
+ }, {
+ key: "_emulateAnimation",
+ value: function _emulateAnimation(callback) {
+ executeAfterTransition(callback, this._getElement(), this._config.isAnimated);
+ }
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$8;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$8;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$9;
+ }
+ }]);
+ }(Config);
/**
* --------------------------------------------------------------------------
* Bootstrap util/focustrap.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
-
-
/**
* Constants
*/
-
- const NAME$8 = 'focustrap';
- const DATA_KEY$5 = 'bs.focustrap';
- const EVENT_KEY$5 = `.${DATA_KEY$5}`;
- const EVENT_FOCUSIN$2 = `focusin${EVENT_KEY$5}`;
- const EVENT_KEYDOWN_TAB = `keydown.tab${EVENT_KEY$5}`;
- const TAB_KEY = 'Tab';
- const TAB_NAV_FORWARD = 'forward';
- const TAB_NAV_BACKWARD = 'backward';
- const Default$7 = {
+ var NAME$8 = 'focustrap';
+ var DATA_KEY$5 = 'bs.focustrap';
+ var EVENT_KEY$5 = ".".concat(DATA_KEY$5);
+ var EVENT_FOCUSIN$2 = "focusin".concat(EVENT_KEY$5);
+ var EVENT_KEYDOWN_TAB = "keydown.tab".concat(EVENT_KEY$5);
+ var TAB_KEY = 'Tab';
+ var TAB_NAV_FORWARD = 'forward';
+ var TAB_NAV_BACKWARD = 'backward';
+ var Default$7 = {
autofocus: true,
trapElement: null // The element to trap focus inside of
};
- const DefaultType$7 = {
+ var DefaultType$7 = {
autofocus: 'boolean',
trapElement: 'element'
};
@@ -4047,211 +4300,259 @@
/**
* Class definition
*/
-
- class FocusTrap extends Config {
- constructor(config) {
- super();
- this._config = this._getConfig(config);
- this._isActive = false;
- this._lastTabNavDirection = null;
+ var FocusTrap = /*#__PURE__*/function (_Config4) {
+ function FocusTrap(config) {
+ var _this20;
+ _classCallCheck(this, FocusTrap);
+ _this20 = _callSuper(this, FocusTrap);
+ _this20._config = _this20._getConfig(config);
+ _this20._isActive = false;
+ _this20._lastTabNavDirection = null;
+ return _this20;
}
// Getters
- static get Default() {
- return Default$7;
- }
- static get DefaultType() {
- return DefaultType$7;
- }
- static get NAME() {
- return NAME$8;
- }
-
- // Public
- activate() {
- if (this._isActive) {
- return;
- }
- if (this._config.autofocus) {
- this._config.trapElement.focus();
+ _inherits(FocusTrap, _Config4);
+ return _createClass(FocusTrap, [{
+ key: "activate",
+ value:
+ // Public
+ function activate() {
+ var _this21 = this;
+ if (this._isActive) {
+ return;
+ }
+ if (this._config.autofocus) {
+ this._config.trapElement.focus();
+ }
+ EventHandler.off(document, EVENT_KEY$5); // guard against infinite focus loop
+ EventHandler.on(document, EVENT_FOCUSIN$2, function (event) {
+ return _this21._handleFocusin(event);
+ });
+ EventHandler.on(document, EVENT_KEYDOWN_TAB, function (event) {
+ return _this21._handleKeydown(event);
+ });
+ this._isActive = true;
}
- EventHandler.off(document, EVENT_KEY$5); // guard against infinite focus loop
- EventHandler.on(document, EVENT_FOCUSIN$2, event => this._handleFocusin(event));
- EventHandler.on(document, EVENT_KEYDOWN_TAB, event => this._handleKeydown(event));
- this._isActive = true;
- }
- deactivate() {
- if (!this._isActive) {
- return;
+ }, {
+ key: "deactivate",
+ value: function deactivate() {
+ if (!this._isActive) {
+ return;
+ }
+ this._isActive = false;
+ EventHandler.off(document, EVENT_KEY$5);
}
- this._isActive = false;
- EventHandler.off(document, EVENT_KEY$5);
- }
- // Private
- _handleFocusin(event) {
- const {
- trapElement
- } = this._config;
- if (event.target === document || event.target === trapElement || trapElement.contains(event.target)) {
- return;
+ // Private
+ }, {
+ key: "_handleFocusin",
+ value: function _handleFocusin(event) {
+ var trapElement = this._config.trapElement;
+ if (event.target === document || event.target === trapElement || trapElement.contains(event.target)) {
+ return;
+ }
+ var elements = SelectorEngine.focusableChildren(trapElement);
+ if (elements.length === 0) {
+ trapElement.focus();
+ } else if (this._lastTabNavDirection === TAB_NAV_BACKWARD) {
+ elements[elements.length - 1].focus();
+ } else {
+ elements[0].focus();
+ }
}
- const elements = SelectorEngine.focusableChildren(trapElement);
- if (elements.length === 0) {
- trapElement.focus();
- } else if (this._lastTabNavDirection === TAB_NAV_BACKWARD) {
- elements[elements.length - 1].focus();
- } else {
- elements[0].focus();
+ }, {
+ key: "_handleKeydown",
+ value: function _handleKeydown(event) {
+ if (event.key !== TAB_KEY) {
+ return;
+ }
+ this._lastTabNavDirection = event.shiftKey ? TAB_NAV_BACKWARD : TAB_NAV_FORWARD;
}
- }
- _handleKeydown(event) {
- if (event.key !== TAB_KEY) {
- return;
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$7;
}
- this._lastTabNavDirection = event.shiftKey ? TAB_NAV_BACKWARD : TAB_NAV_FORWARD;
- }
- }
-
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$7;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$8;
+ }
+ }]);
+ }(Config);
/**
* --------------------------------------------------------------------------
* Bootstrap util/scrollBar.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
-
-
/**
* Constants
*/
-
- const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
- const SELECTOR_STICKY_CONTENT = '.sticky-top';
- const PROPERTY_PADDING = 'padding-right';
- const PROPERTY_MARGIN = 'margin-right';
+ var SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
+ var SELECTOR_STICKY_CONTENT = '.sticky-top';
+ var PROPERTY_PADDING = 'padding-right';
+ var PROPERTY_MARGIN = 'margin-right';
/**
* Class definition
*/
-
- class ScrollBarHelper {
- constructor() {
+ var ScrollBarHelper = /*#__PURE__*/function () {
+ function ScrollBarHelper() {
+ _classCallCheck(this, ScrollBarHelper);
this._element = document.body;
}
// Public
- getWidth() {
- // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
- const documentWidth = document.documentElement.clientWidth;
- return Math.abs(window.innerWidth - documentWidth);
- }
- hide() {
- const width = this.getWidth();
- this._disableOverFlow();
- // give padding to element to balance the hidden scrollbar width
- this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
- // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
- this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
- this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width);
- }
- reset() {
- this._resetElementAttributes(this._element, 'overflow');
- this._resetElementAttributes(this._element, PROPERTY_PADDING);
- this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
- this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
- }
- isOverflowing() {
- return this.getWidth() > 0;
- }
-
- // Private
- _disableOverFlow() {
- this._saveInitialAttribute(this._element, 'overflow');
- this._element.style.overflow = 'hidden';
- }
- _setElementAttributes(selector, styleProperty, callback) {
- const scrollbarWidth = this.getWidth();
- const manipulationCallBack = element => {
- if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
- return;
+ return _createClass(ScrollBarHelper, [{
+ key: "getWidth",
+ value: function getWidth() {
+ // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
+ var documentWidth = document.documentElement.clientWidth;
+ return Math.abs(window.innerWidth - documentWidth);
+ }
+ }, {
+ key: "hide",
+ value: function hide() {
+ var width = this.getWidth();
+ this._disableOverFlow();
+ // give padding to element to balance the hidden scrollbar width
+ this._setElementAttributes(this._element, PROPERTY_PADDING, function (calculatedValue) {
+ return calculatedValue + width;
+ });
+ // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
+ this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, function (calculatedValue) {
+ return calculatedValue + width;
+ });
+ this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, function (calculatedValue) {
+ return calculatedValue - width;
+ });
+ }
+ }, {
+ key: "reset",
+ value: function reset() {
+ this._resetElementAttributes(this._element, 'overflow');
+ this._resetElementAttributes(this._element, PROPERTY_PADDING);
+ this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
+ this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
+ }
+ }, {
+ key: "isOverflowing",
+ value: function isOverflowing() {
+ return this.getWidth() > 0;
+ }
+
+ // Private
+ }, {
+ key: "_disableOverFlow",
+ value: function _disableOverFlow() {
+ this._saveInitialAttribute(this._element, 'overflow');
+ this._element.style.overflow = 'hidden';
+ }
+ }, {
+ key: "_setElementAttributes",
+ value: function _setElementAttributes(selector, styleProperty, callback) {
+ var _this22 = this;
+ var scrollbarWidth = this.getWidth();
+ var manipulationCallBack = function manipulationCallBack(element) {
+ if (element !== _this22._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
+ return;
+ }
+ _this22._saveInitialAttribute(element, styleProperty);
+ var calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
+ element.style.setProperty(styleProperty, "".concat(callback(Number.parseFloat(calculatedValue)), "px"));
+ };
+ this._applyManipulationCallback(selector, manipulationCallBack);
+ }
+ }, {
+ key: "_saveInitialAttribute",
+ value: function _saveInitialAttribute(element, styleProperty) {
+ var actualValue = element.style.getPropertyValue(styleProperty);
+ if (actualValue) {
+ Manipulator.setDataAttribute(element, styleProperty, actualValue);
}
- this._saveInitialAttribute(element, styleProperty);
- const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
- element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`);
- };
- this._applyManipulationCallback(selector, manipulationCallBack);
- }
- _saveInitialAttribute(element, styleProperty) {
- const actualValue = element.style.getPropertyValue(styleProperty);
- if (actualValue) {
- Manipulator.setDataAttribute(element, styleProperty, actualValue);
}
- }
- _resetElementAttributes(selector, styleProperty) {
- const manipulationCallBack = element => {
- const value = Manipulator.getDataAttribute(element, styleProperty);
- // We only want to remove the property if the value is `null`; the value can also be zero
- if (value === null) {
- element.style.removeProperty(styleProperty);
+ }, {
+ key: "_resetElementAttributes",
+ value: function _resetElementAttributes(selector, styleProperty) {
+ var manipulationCallBack = function manipulationCallBack(element) {
+ var value = Manipulator.getDataAttribute(element, styleProperty);
+ // We only want to remove the property if the value is `null`; the value can also be zero
+ if (value === null) {
+ element.style.removeProperty(styleProperty);
+ return;
+ }
+ Manipulator.removeDataAttribute(element, styleProperty);
+ element.style.setProperty(styleProperty, value);
+ };
+ this._applyManipulationCallback(selector, manipulationCallBack);
+ }
+ }, {
+ key: "_applyManipulationCallback",
+ value: function _applyManipulationCallback(selector, callBack) {
+ if (isElement$1(selector)) {
+ callBack(selector);
return;
}
- Manipulator.removeDataAttribute(element, styleProperty);
- element.style.setProperty(styleProperty, value);
- };
- this._applyManipulationCallback(selector, manipulationCallBack);
- }
- _applyManipulationCallback(selector, callBack) {
- if (isElement$1(selector)) {
- callBack(selector);
- return;
- }
- for (const sel of SelectorEngine.find(selector, this._element)) {
- callBack(sel);
+ var _iterator15 = _createForOfIteratorHelper(SelectorEngine.find(selector, this._element)),
+ _step15;
+ try {
+ for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+ var sel = _step15.value;
+ callBack(sel);
+ }
+ } catch (err) {
+ _iterator15.e(err);
+ } finally {
+ _iterator15.f();
+ }
}
- }
- }
-
+ }]);
+ }();
/**
* --------------------------------------------------------------------------
* Bootstrap modal.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
-
-
/**
* Constants
*/
-
- const NAME$7 = 'modal';
- const DATA_KEY$4 = 'bs.modal';
- const EVENT_KEY$4 = `.${DATA_KEY$4}`;
- const DATA_API_KEY$2 = '.data-api';
- const ESCAPE_KEY$1 = 'Escape';
- const EVENT_HIDE$4 = `hide${EVENT_KEY$4}`;
- const EVENT_HIDE_PREVENTED$1 = `hidePrevented${EVENT_KEY$4}`;
- const EVENT_HIDDEN$4 = `hidden${EVENT_KEY$4}`;
- const EVENT_SHOW$4 = `show${EVENT_KEY$4}`;
- const EVENT_SHOWN$4 = `shown${EVENT_KEY$4}`;
- const EVENT_RESIZE$1 = `resize${EVENT_KEY$4}`;
- const EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY$4}`;
- const EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY$4}`;
- const EVENT_KEYDOWN_DISMISS$1 = `keydown.dismiss${EVENT_KEY$4}`;
- const EVENT_CLICK_DATA_API$2 = `click${EVENT_KEY$4}${DATA_API_KEY$2}`;
- const CLASS_NAME_OPEN = 'modal-open';
- const CLASS_NAME_FADE$3 = 'fade';
- const CLASS_NAME_SHOW$4 = 'show';
- const CLASS_NAME_STATIC = 'modal-static';
- const OPEN_SELECTOR$1 = '.modal.show';
- const SELECTOR_DIALOG = '.modal-dialog';
- const SELECTOR_MODAL_BODY = '.modal-body';
- const SELECTOR_DATA_TOGGLE$2 = '[data-bs-toggle="modal"]';
- const Default$6 = {
+ var NAME$7 = 'modal';
+ var DATA_KEY$4 = 'bs.modal';
+ var EVENT_KEY$4 = ".".concat(DATA_KEY$4);
+ var DATA_API_KEY$2 = '.data-api';
+ var ESCAPE_KEY$1 = 'Escape';
+ var EVENT_HIDE$4 = "hide".concat(EVENT_KEY$4);
+ var EVENT_HIDE_PREVENTED$1 = "hidePrevented".concat(EVENT_KEY$4);
+ var EVENT_HIDDEN$4 = "hidden".concat(EVENT_KEY$4);
+ var EVENT_SHOW$4 = "show".concat(EVENT_KEY$4);
+ var EVENT_SHOWN$4 = "shown".concat(EVENT_KEY$4);
+ var EVENT_RESIZE$1 = "resize".concat(EVENT_KEY$4);
+ var EVENT_CLICK_DISMISS = "click.dismiss".concat(EVENT_KEY$4);
+ var EVENT_MOUSEDOWN_DISMISS = "mousedown.dismiss".concat(EVENT_KEY$4);
+ var EVENT_KEYDOWN_DISMISS$1 = "keydown.dismiss".concat(EVENT_KEY$4);
+ var EVENT_CLICK_DATA_API$2 = "click".concat(EVENT_KEY$4).concat(DATA_API_KEY$2);
+ var CLASS_NAME_OPEN = 'modal-open';
+ var CLASS_NAME_FADE$3 = 'fade';
+ var CLASS_NAME_SHOW$4 = 'show';
+ var CLASS_NAME_STATIC = 'modal-static';
+ var OPEN_SELECTOR$1 = '.modal.show';
+ var SELECTOR_DIALOG = '.modal-dialog';
+ var SELECTOR_MODAL_BODY = '.modal-body';
+ var SELECTOR_DATA_TOGGLE$2 = '[data-bs-toggle="modal"]';
+ var Default$6 = {
backdrop: true,
focus: true,
keyboard: true
};
- const DefaultType$6 = {
+ var DefaultType$6 = {
backdrop: '(boolean|string)',
focus: 'boolean',
keyboard: 'boolean'
@@ -4260,252 +4561,300 @@
/**
* Class definition
*/
-
- class Modal extends BaseComponent {
- constructor(element, config) {
- super(element, config);
- this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, this._element);
- this._backdrop = this._initializeBackDrop();
- this._focustrap = this._initializeFocusTrap();
- this._isShown = false;
- this._isTransitioning = false;
- this._scrollBar = new ScrollBarHelper();
- this._addEventListeners();
+ var Modal = /*#__PURE__*/function (_BaseComponent6) {
+ function Modal(element, config) {
+ var _this23;
+ _classCallCheck(this, Modal);
+ _this23 = _callSuper(this, Modal, [element, config]);
+ _this23._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, _this23._element);
+ _this23._backdrop = _this23._initializeBackDrop();
+ _this23._focustrap = _this23._initializeFocusTrap();
+ _this23._isShown = false;
+ _this23._isTransitioning = false;
+ _this23._scrollBar = new ScrollBarHelper();
+ _this23._addEventListeners();
+ return _this23;
}
// Getters
- static get Default() {
- return Default$6;
- }
- static get DefaultType() {
- return DefaultType$6;
- }
- static get NAME() {
- return NAME$7;
- }
-
- // Public
- toggle(relatedTarget) {
- return this._isShown ? this.hide() : this.show(relatedTarget);
- }
- show(relatedTarget) {
- if (this._isShown || this._isTransitioning) {
- return;
- }
- const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$4, {
- relatedTarget
- });
- if (showEvent.defaultPrevented) {
- return;
- }
- this._isShown = true;
- this._isTransitioning = true;
- this._scrollBar.hide();
- document.body.classList.add(CLASS_NAME_OPEN);
- this._adjustDialog();
- this._backdrop.show(() => this._showElement(relatedTarget));
- }
- hide() {
- if (!this._isShown || this._isTransitioning) {
- return;
- }
- const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$4);
- if (hideEvent.defaultPrevented) {
- return;
- }
- this._isShown = false;
- this._isTransitioning = true;
- this._focustrap.deactivate();
- this._element.classList.remove(CLASS_NAME_SHOW$4);
- this._queueCallback(() => this._hideModal(), this._element, this._isAnimated());
- }
- dispose() {
- EventHandler.off(window, EVENT_KEY$4);
- EventHandler.off(this._dialog, EVENT_KEY$4);
- this._backdrop.dispose();
- this._focustrap.deactivate();
- super.dispose();
- }
- handleUpdate() {
- this._adjustDialog();
- }
-
- // Private
- _initializeBackDrop() {
- return new Backdrop({
- isVisible: Boolean(this._config.backdrop),
- // 'static' option will be translated to true, and booleans will keep their value,
- isAnimated: this._isAnimated()
- });
- }
- _initializeFocusTrap() {
- return new FocusTrap({
- trapElement: this._element
- });
- }
- _showElement(relatedTarget) {
- // try to append dynamic modal
- if (!document.body.contains(this._element)) {
- document.body.append(this._element);
- }
- this._element.style.display = 'block';
- this._element.removeAttribute('aria-hidden');
- this._element.setAttribute('aria-modal', true);
- this._element.setAttribute('role', 'dialog');
- this._element.scrollTop = 0;
- const modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog);
- if (modalBody) {
- modalBody.scrollTop = 0;
- }
- reflow(this._element);
- this._element.classList.add(CLASS_NAME_SHOW$4);
- const transitionComplete = () => {
- if (this._config.focus) {
- this._focustrap.activate();
+ _inherits(Modal, _BaseComponent6);
+ return _createClass(Modal, [{
+ key: "toggle",
+ value:
+ // Public
+ function toggle(relatedTarget) {
+ return this._isShown ? this.hide() : this.show(relatedTarget);
+ }
+ }, {
+ key: "show",
+ value: function show(relatedTarget) {
+ var _this24 = this;
+ if (this._isShown || this._isTransitioning) {
+ return;
}
- this._isTransitioning = false;
- EventHandler.trigger(this._element, EVENT_SHOWN$4, {
- relatedTarget
+ var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$4, {
+ relatedTarget: relatedTarget
});
- };
- this._queueCallback(transitionComplete, this._dialog, this._isAnimated());
- }
- _addEventListeners() {
- EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS$1, event => {
- if (event.key !== ESCAPE_KEY$1) {
+ if (showEvent.defaultPrevented) {
return;
}
- if (this._config.keyboard) {
- this.hide();
+ this._isShown = true;
+ this._isTransitioning = true;
+ this._scrollBar.hide();
+ document.body.classList.add(CLASS_NAME_OPEN);
+ this._adjustDialog();
+ this._backdrop.show(function () {
+ return _this24._showElement(relatedTarget);
+ });
+ }
+ }, {
+ key: "hide",
+ value: function hide() {
+ var _this25 = this;
+ if (!this._isShown || this._isTransitioning) {
return;
}
- this._triggerBackdropTransition();
- });
- EventHandler.on(window, EVENT_RESIZE$1, () => {
- if (this._isShown && !this._isTransitioning) {
- this._adjustDialog();
+ var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$4);
+ if (hideEvent.defaultPrevented) {
+ return;
}
- });
- EventHandler.on(this._element, EVENT_MOUSEDOWN_DISMISS, event => {
- // a bad trick to segregate clicks that may start inside dialog but end outside, and avoid listen to scrollbar clicks
- EventHandler.one(this._element, EVENT_CLICK_DISMISS, event2 => {
- if (this._element !== event.target || this._element !== event2.target) {
+ this._isShown = false;
+ this._isTransitioning = true;
+ this._focustrap.deactivate();
+ this._element.classList.remove(CLASS_NAME_SHOW$4);
+ this._queueCallback(function () {
+ return _this25._hideModal();
+ }, this._element, this._isAnimated());
+ }
+ }, {
+ key: "dispose",
+ value: function dispose() {
+ EventHandler.off(window, EVENT_KEY$4);
+ EventHandler.off(this._dialog, EVENT_KEY$4);
+ this._backdrop.dispose();
+ this._focustrap.deactivate();
+ _superPropGet(Modal, "dispose", this, 3)([]);
+ }
+ }, {
+ key: "handleUpdate",
+ value: function handleUpdate() {
+ this._adjustDialog();
+ }
+
+ // Private
+ }, {
+ key: "_initializeBackDrop",
+ value: function _initializeBackDrop() {
+ return new Backdrop({
+ isVisible: Boolean(this._config.backdrop),
+ // 'static' option will be translated to true, and booleans will keep their value,
+ isAnimated: this._isAnimated()
+ });
+ }
+ }, {
+ key: "_initializeFocusTrap",
+ value: function _initializeFocusTrap() {
+ return new FocusTrap({
+ trapElement: this._element
+ });
+ }
+ }, {
+ key: "_showElement",
+ value: function _showElement(relatedTarget) {
+ var _this26 = this;
+ // try to append dynamic modal
+ if (!document.body.contains(this._element)) {
+ document.body.append(this._element);
+ }
+ this._element.style.display = 'block';
+ this._element.removeAttribute('aria-hidden');
+ this._element.setAttribute('aria-modal', true);
+ this._element.setAttribute('role', 'dialog');
+ this._element.scrollTop = 0;
+ var modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog);
+ if (modalBody) {
+ modalBody.scrollTop = 0;
+ }
+ reflow(this._element);
+ this._element.classList.add(CLASS_NAME_SHOW$4);
+ var transitionComplete = function transitionComplete() {
+ if (_this26._config.focus) {
+ _this26._focustrap.activate();
+ }
+ _this26._isTransitioning = false;
+ EventHandler.trigger(_this26._element, EVENT_SHOWN$4, {
+ relatedTarget: relatedTarget
+ });
+ };
+ this._queueCallback(transitionComplete, this._dialog, this._isAnimated());
+ }
+ }, {
+ key: "_addEventListeners",
+ value: function _addEventListeners() {
+ var _this27 = this;
+ EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS$1, function (event) {
+ if (event.key !== ESCAPE_KEY$1) {
return;
}
- if (this._config.backdrop === 'static') {
- this._triggerBackdropTransition();
+ if (_this27._config.keyboard) {
+ _this27.hide();
return;
}
- if (this._config.backdrop) {
- this.hide();
+ _this27._triggerBackdropTransition();
+ });
+ EventHandler.on(window, EVENT_RESIZE$1, function () {
+ if (_this27._isShown && !_this27._isTransitioning) {
+ _this27._adjustDialog();
}
});
- });
- }
- _hideModal() {
- this._element.style.display = 'none';
- this._element.setAttribute('aria-hidden', true);
- this._element.removeAttribute('aria-modal');
- this._element.removeAttribute('role');
- this._isTransitioning = false;
- this._backdrop.hide(() => {
- document.body.classList.remove(CLASS_NAME_OPEN);
- this._resetAdjustments();
- this._scrollBar.reset();
- EventHandler.trigger(this._element, EVENT_HIDDEN$4);
- });
- }
- _isAnimated() {
- return this._element.classList.contains(CLASS_NAME_FADE$3);
- }
- _triggerBackdropTransition() {
- const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED$1);
- if (hideEvent.defaultPrevented) {
- return;
- }
- const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
- const initialOverflowY = this._element.style.overflowY;
- // return if the following background transition hasn't yet completed
- if (initialOverflowY === 'hidden' || this._element.classList.contains(CLASS_NAME_STATIC)) {
- return;
- }
- if (!isModalOverflowing) {
- this._element.style.overflowY = 'hidden';
- }
- this._element.classList.add(CLASS_NAME_STATIC);
- this._queueCallback(() => {
- this._element.classList.remove(CLASS_NAME_STATIC);
- this._queueCallback(() => {
- this._element.style.overflowY = initialOverflowY;
- }, this._dialog);
- }, this._dialog);
- this._element.focus();
- }
-
- /**
- * The following methods are used to handle overflowing modals
- */
-
- _adjustDialog() {
- const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
- const scrollbarWidth = this._scrollBar.getWidth();
- const isBodyOverflowing = scrollbarWidth > 0;
- if (isBodyOverflowing && !isModalOverflowing) {
- const property = isRTL() ? 'paddingLeft' : 'paddingRight';
- this._element.style[property] = `${scrollbarWidth}px`;
+ EventHandler.on(this._element, EVENT_MOUSEDOWN_DISMISS, function (event) {
+ // a bad trick to segregate clicks that may start inside dialog but end outside, and avoid listen to scrollbar clicks
+ EventHandler.one(_this27._element, EVENT_CLICK_DISMISS, function (event2) {
+ if (_this27._element !== event.target || _this27._element !== event2.target) {
+ return;
+ }
+ if (_this27._config.backdrop === 'static') {
+ _this27._triggerBackdropTransition();
+ return;
+ }
+ if (_this27._config.backdrop) {
+ _this27.hide();
+ }
+ });
+ });
}
- if (!isBodyOverflowing && isModalOverflowing) {
- const property = isRTL() ? 'paddingRight' : 'paddingLeft';
- this._element.style[property] = `${scrollbarWidth}px`;
+ }, {
+ key: "_hideModal",
+ value: function _hideModal() {
+ var _this28 = this;
+ this._element.style.display = 'none';
+ this._element.setAttribute('aria-hidden', true);
+ this._element.removeAttribute('aria-modal');
+ this._element.removeAttribute('role');
+ this._isTransitioning = false;
+ this._backdrop.hide(function () {
+ document.body.classList.remove(CLASS_NAME_OPEN);
+ _this28._resetAdjustments();
+ _this28._scrollBar.reset();
+ EventHandler.trigger(_this28._element, EVENT_HIDDEN$4);
+ });
}
- }
- _resetAdjustments() {
- this._element.style.paddingLeft = '';
- this._element.style.paddingRight = '';
- }
-
- // Static
- static jQueryInterface(config, relatedTarget) {
- return this.each(function () {
- const data = Modal.getOrCreateInstance(this, config);
- if (typeof config !== 'string') {
+ }, {
+ key: "_isAnimated",
+ value: function _isAnimated() {
+ return this._element.classList.contains(CLASS_NAME_FADE$3);
+ }
+ }, {
+ key: "_triggerBackdropTransition",
+ value: function _triggerBackdropTransition() {
+ var _this29 = this;
+ var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED$1);
+ if (hideEvent.defaultPrevented) {
return;
}
- if (typeof data[config] === 'undefined') {
- throw new TypeError(`No method named "${config}"`);
+ var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
+ var initialOverflowY = this._element.style.overflowY;
+ // return if the following background transition hasn't yet completed
+ if (initialOverflowY === 'hidden' || this._element.classList.contains(CLASS_NAME_STATIC)) {
+ return;
}
- data[config](relatedTarget);
- });
- }
- }
-
+ if (!isModalOverflowing) {
+ this._element.style.overflowY = 'hidden';
+ }
+ this._element.classList.add(CLASS_NAME_STATIC);
+ this._queueCallback(function () {
+ _this29._element.classList.remove(CLASS_NAME_STATIC);
+ _this29._queueCallback(function () {
+ _this29._element.style.overflowY = initialOverflowY;
+ }, _this29._dialog);
+ }, this._dialog);
+ this._element.focus();
+ }
+
+ /**
+ * The following methods are used to handle overflowing modals
+ */
+ }, {
+ key: "_adjustDialog",
+ value: function _adjustDialog() {
+ var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
+ var scrollbarWidth = this._scrollBar.getWidth();
+ var isBodyOverflowing = scrollbarWidth > 0;
+ if (isBodyOverflowing && !isModalOverflowing) {
+ var property = isRTL() ? 'paddingLeft' : 'paddingRight';
+ this._element.style[property] = "".concat(scrollbarWidth, "px");
+ }
+ if (!isBodyOverflowing && isModalOverflowing) {
+ var _property = isRTL() ? 'paddingRight' : 'paddingLeft';
+ this._element.style[_property] = "".concat(scrollbarWidth, "px");
+ }
+ }
+ }, {
+ key: "_resetAdjustments",
+ value: function _resetAdjustments() {
+ this._element.style.paddingLeft = '';
+ this._element.style.paddingRight = '';
+ }
+
+ // Static
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$6;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$6;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$7;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config, relatedTarget) {
+ return this.each(function () {
+ var data = Modal.getOrCreateInstance(this, config);
+ if (typeof config !== 'string') {
+ return;
+ }
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"".concat(config, "\""));
+ }
+ data[config](relatedTarget);
+ });
+ }
+ }]);
+ }(BaseComponent);
/**
* Data API implementation
*/
-
EventHandler.on(document, EVENT_CLICK_DATA_API$2, SELECTOR_DATA_TOGGLE$2, function (event) {
- const target = SelectorEngine.getElementFromSelector(this);
+ var _this30 = this;
+ var target = SelectorEngine.getElementFromSelector(this);
if (['A', 'AREA'].includes(this.tagName)) {
event.preventDefault();
}
- EventHandler.one(target, EVENT_SHOW$4, showEvent => {
+ EventHandler.one(target, EVENT_SHOW$4, function (showEvent) {
if (showEvent.defaultPrevented) {
// only register focus restorer if modal will actually get shown
return;
}
- EventHandler.one(target, EVENT_HIDDEN$4, () => {
- if (isVisible(this)) {
- this.focus();
+ EventHandler.one(target, EVENT_HIDDEN$4, function () {
+ if (isVisible(_this30)) {
+ _this30.focus();
}
});
});
// avoid conflict when clicking modal toggler while another one is open
- const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR$1);
+ var alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR$1);
if (alreadyOpen) {
Modal.getInstance(alreadyOpen).hide();
}
- const data = Modal.getOrCreateInstance(target);
+ var data = Modal.getOrCreateInstance(target);
data.toggle(this);
});
enableDismissTrigger(Modal);
@@ -4523,37 +4872,36 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$6 = 'offcanvas';
- const DATA_KEY$3 = 'bs.offcanvas';
- const EVENT_KEY$3 = `.${DATA_KEY$3}`;
- const DATA_API_KEY$1 = '.data-api';
- const EVENT_LOAD_DATA_API$2 = `load${EVENT_KEY$3}${DATA_API_KEY$1}`;
- const ESCAPE_KEY = 'Escape';
- const CLASS_NAME_SHOW$3 = 'show';
- const CLASS_NAME_SHOWING$1 = 'showing';
- const CLASS_NAME_HIDING = 'hiding';
- const CLASS_NAME_BACKDROP = 'offcanvas-backdrop';
- const OPEN_SELECTOR = '.offcanvas.show';
- const EVENT_SHOW$3 = `show${EVENT_KEY$3}`;
- const EVENT_SHOWN$3 = `shown${EVENT_KEY$3}`;
- const EVENT_HIDE$3 = `hide${EVENT_KEY$3}`;
- const EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY$3}`;
- const EVENT_HIDDEN$3 = `hidden${EVENT_KEY$3}`;
- const EVENT_RESIZE = `resize${EVENT_KEY$3}`;
- const EVENT_CLICK_DATA_API$1 = `click${EVENT_KEY$3}${DATA_API_KEY$1}`;
- const EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY$3}`;
- const SELECTOR_DATA_TOGGLE$1 = '[data-bs-toggle="offcanvas"]';
- const Default$5 = {
+ var NAME$6 = 'offcanvas';
+ var DATA_KEY$3 = 'bs.offcanvas';
+ var EVENT_KEY$3 = ".".concat(DATA_KEY$3);
+ var DATA_API_KEY$1 = '.data-api';
+ var EVENT_LOAD_DATA_API$2 = "load".concat(EVENT_KEY$3).concat(DATA_API_KEY$1);
+ var ESCAPE_KEY = 'Escape';
+ var CLASS_NAME_SHOW$3 = 'show';
+ var CLASS_NAME_SHOWING$1 = 'showing';
+ var CLASS_NAME_HIDING = 'hiding';
+ var CLASS_NAME_BACKDROP = 'offcanvas-backdrop';
+ var OPEN_SELECTOR = '.offcanvas.show';
+ var EVENT_SHOW$3 = "show".concat(EVENT_KEY$3);
+ var EVENT_SHOWN$3 = "shown".concat(EVENT_KEY$3);
+ var EVENT_HIDE$3 = "hide".concat(EVENT_KEY$3);
+ var EVENT_HIDE_PREVENTED = "hidePrevented".concat(EVENT_KEY$3);
+ var EVENT_HIDDEN$3 = "hidden".concat(EVENT_KEY$3);
+ var EVENT_RESIZE = "resize".concat(EVENT_KEY$3);
+ var EVENT_CLICK_DATA_API$1 = "click".concat(EVENT_KEY$3).concat(DATA_API_KEY$1);
+ var EVENT_KEYDOWN_DISMISS = "keydown.dismiss".concat(EVENT_KEY$3);
+ var SELECTOR_DATA_TOGGLE$1 = '[data-bs-toggle="offcanvas"]';
+ var Default$5 = {
backdrop: true,
keyboard: true,
scroll: false
};
- const DefaultType$5 = {
+ var DefaultType$5 = {
backdrop: '(boolean|string)',
keyboard: 'boolean',
scroll: 'boolean'
@@ -4562,181 +4910,228 @@
/**
* Class definition
*/
-
- class Offcanvas extends BaseComponent {
- constructor(element, config) {
- super(element, config);
- this._isShown = false;
- this._backdrop = this._initializeBackDrop();
- this._focustrap = this._initializeFocusTrap();
- this._addEventListeners();
+ var Offcanvas = /*#__PURE__*/function (_BaseComponent7) {
+ function Offcanvas(element, config) {
+ var _this31;
+ _classCallCheck(this, Offcanvas);
+ _this31 = _callSuper(this, Offcanvas, [element, config]);
+ _this31._isShown = false;
+ _this31._backdrop = _this31._initializeBackDrop();
+ _this31._focustrap = _this31._initializeFocusTrap();
+ _this31._addEventListeners();
+ return _this31;
}
// Getters
- static get Default() {
- return Default$5;
- }
- static get DefaultType() {
- return DefaultType$5;
- }
- static get NAME() {
- return NAME$6;
- }
-
- // Public
- toggle(relatedTarget) {
- return this._isShown ? this.hide() : this.show(relatedTarget);
- }
- show(relatedTarget) {
- if (this._isShown) {
- return;
- }
- const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$3, {
- relatedTarget
- });
- if (showEvent.defaultPrevented) {
- return;
- }
- this._isShown = true;
- this._backdrop.show();
- if (!this._config.scroll) {
- new ScrollBarHelper().hide();
- }
- this._element.setAttribute('aria-modal', true);
- this._element.setAttribute('role', 'dialog');
- this._element.classList.add(CLASS_NAME_SHOWING$1);
- const completeCallBack = () => {
- if (!this._config.scroll || this._config.backdrop) {
- this._focustrap.activate();
- }
- this._element.classList.add(CLASS_NAME_SHOW$3);
- this._element.classList.remove(CLASS_NAME_SHOWING$1);
- EventHandler.trigger(this._element, EVENT_SHOWN$3, {
- relatedTarget
- });
- };
- this._queueCallback(completeCallBack, this._element, true);
- }
- hide() {
- if (!this._isShown) {
- return;
- }
- const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$3);
- if (hideEvent.defaultPrevented) {
- return;
- }
- this._focustrap.deactivate();
- this._element.blur();
- this._isShown = false;
- this._element.classList.add(CLASS_NAME_HIDING);
- this._backdrop.hide();
- const completeCallback = () => {
- this._element.classList.remove(CLASS_NAME_SHOW$3, CLASS_NAME_HIDING);
- this._element.removeAttribute('aria-modal');
- this._element.removeAttribute('role');
- if (!this._config.scroll) {
- new ScrollBarHelper().reset();
- }
- EventHandler.trigger(this._element, EVENT_HIDDEN$3);
- };
- this._queueCallback(completeCallback, this._element, true);
- }
- dispose() {
- this._backdrop.dispose();
- this._focustrap.deactivate();
- super.dispose();
- }
-
- // Private
- _initializeBackDrop() {
- const clickCallback = () => {
- if (this._config.backdrop === 'static') {
- EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
+ _inherits(Offcanvas, _BaseComponent7);
+ return _createClass(Offcanvas, [{
+ key: "toggle",
+ value:
+ // Public
+ function toggle(relatedTarget) {
+ return this._isShown ? this.hide() : this.show(relatedTarget);
+ }
+ }, {
+ key: "show",
+ value: function show(relatedTarget) {
+ var _this32 = this;
+ if (this._isShown) {
return;
}
- this.hide();
- };
-
- // 'static' option will be translated to true, and booleans will keep their value
- const isVisible = Boolean(this._config.backdrop);
- return new Backdrop({
- className: CLASS_NAME_BACKDROP,
- isVisible,
- isAnimated: true,
- rootElement: this._element.parentNode,
- clickCallback: isVisible ? clickCallback : null
- });
- }
- _initializeFocusTrap() {
- return new FocusTrap({
- trapElement: this._element
- });
- }
- _addEventListeners() {
- EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => {
- if (event.key !== ESCAPE_KEY) {
+ var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$3, {
+ relatedTarget: relatedTarget
+ });
+ if (showEvent.defaultPrevented) {
return;
}
- if (this._config.keyboard) {
- this.hide();
- return;
+ this._isShown = true;
+ this._backdrop.show();
+ if (!this._config.scroll) {
+ new ScrollBarHelper().hide();
}
- EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
- });
- }
-
- // Static
- static jQueryInterface(config) {
- return this.each(function () {
- const data = Offcanvas.getOrCreateInstance(this, config);
- if (typeof config !== 'string') {
+ this._element.setAttribute('aria-modal', true);
+ this._element.setAttribute('role', 'dialog');
+ this._element.classList.add(CLASS_NAME_SHOWING$1);
+ var completeCallBack = function completeCallBack() {
+ if (!_this32._config.scroll || _this32._config.backdrop) {
+ _this32._focustrap.activate();
+ }
+ _this32._element.classList.add(CLASS_NAME_SHOW$3);
+ _this32._element.classList.remove(CLASS_NAME_SHOWING$1);
+ EventHandler.trigger(_this32._element, EVENT_SHOWN$3, {
+ relatedTarget: relatedTarget
+ });
+ };
+ this._queueCallback(completeCallBack, this._element, true);
+ }
+ }, {
+ key: "hide",
+ value: function hide() {
+ var _this33 = this;
+ if (!this._isShown) {
return;
}
- if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
- throw new TypeError(`No method named "${config}"`);
+ var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$3);
+ if (hideEvent.defaultPrevented) {
+ return;
}
- data[config](this);
- });
- }
- }
+ this._focustrap.deactivate();
+ this._element.blur();
+ this._isShown = false;
+ this._element.classList.add(CLASS_NAME_HIDING);
+ this._backdrop.hide();
+ var completeCallback = function completeCallback() {
+ _this33._element.classList.remove(CLASS_NAME_SHOW$3, CLASS_NAME_HIDING);
+ _this33._element.removeAttribute('aria-modal');
+ _this33._element.removeAttribute('role');
+ if (!_this33._config.scroll) {
+ new ScrollBarHelper().reset();
+ }
+ EventHandler.trigger(_this33._element, EVENT_HIDDEN$3);
+ };
+ this._queueCallback(completeCallback, this._element, true);
+ }
+ }, {
+ key: "dispose",
+ value: function dispose() {
+ this._backdrop.dispose();
+ this._focustrap.deactivate();
+ _superPropGet(Offcanvas, "dispose", this, 3)([]);
+ }
- /**
- * Data API implementation
- */
+ // Private
+ }, {
+ key: "_initializeBackDrop",
+ value: function _initializeBackDrop() {
+ var _this34 = this;
+ var clickCallback = function clickCallback() {
+ if (_this34._config.backdrop === 'static') {
+ EventHandler.trigger(_this34._element, EVENT_HIDE_PREVENTED);
+ return;
+ }
+ _this34.hide();
+ };
- EventHandler.on(document, EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE$1, function (event) {
- const target = SelectorEngine.getElementFromSelector(this);
- if (['A', 'AREA'].includes(this.tagName)) {
- event.preventDefault();
- }
+ // 'static' option will be translated to true, and booleans will keep their value
+ var isVisible = Boolean(this._config.backdrop);
+ return new Backdrop({
+ className: CLASS_NAME_BACKDROP,
+ isVisible: isVisible,
+ isAnimated: true,
+ rootElement: this._element.parentNode,
+ clickCallback: isVisible ? clickCallback : null
+ });
+ }
+ }, {
+ key: "_initializeFocusTrap",
+ value: function _initializeFocusTrap() {
+ return new FocusTrap({
+ trapElement: this._element
+ });
+ }
+ }, {
+ key: "_addEventListeners",
+ value: function _addEventListeners() {
+ var _this35 = this;
+ EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, function (event) {
+ if (event.key !== ESCAPE_KEY) {
+ return;
+ }
+ if (_this35._config.keyboard) {
+ _this35.hide();
+ return;
+ }
+ EventHandler.trigger(_this35._element, EVENT_HIDE_PREVENTED);
+ });
+ }
+
+ // Static
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$5;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$5;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$6;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config) {
+ return this.each(function () {
+ var data = Offcanvas.getOrCreateInstance(this, config);
+ if (typeof config !== 'string') {
+ return;
+ }
+ if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
+ throw new TypeError("No method named \"".concat(config, "\""));
+ }
+ data[config](this);
+ });
+ }
+ }]);
+ }(BaseComponent);
+ /**
+ * Data API implementation
+ */
+ EventHandler.on(document, EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE$1, function (event) {
+ var _this36 = this;
+ var target = SelectorEngine.getElementFromSelector(this);
+ if (['A', 'AREA'].includes(this.tagName)) {
+ event.preventDefault();
+ }
if (isDisabled(this)) {
return;
}
- EventHandler.one(target, EVENT_HIDDEN$3, () => {
+ EventHandler.one(target, EVENT_HIDDEN$3, function () {
// focus on trigger when it is closed
- if (isVisible(this)) {
- this.focus();
+ if (isVisible(_this36)) {
+ _this36.focus();
}
});
// avoid conflict when clicking a toggler of an offcanvas, while another is open
- const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR);
+ var alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR);
if (alreadyOpen && alreadyOpen !== target) {
Offcanvas.getInstance(alreadyOpen).hide();
}
- const data = Offcanvas.getOrCreateInstance(target);
+ var data = Offcanvas.getOrCreateInstance(target);
data.toggle(this);
});
- EventHandler.on(window, EVENT_LOAD_DATA_API$2, () => {
- for (const selector of SelectorEngine.find(OPEN_SELECTOR)) {
- Offcanvas.getOrCreateInstance(selector).show();
+ EventHandler.on(window, EVENT_LOAD_DATA_API$2, function () {
+ var _iterator16 = _createForOfIteratorHelper(SelectorEngine.find(OPEN_SELECTOR)),
+ _step16;
+ try {
+ for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
+ var selector = _step16.value;
+ Offcanvas.getOrCreateInstance(selector).show();
+ }
+ } catch (err) {
+ _iterator16.e(err);
+ } finally {
+ _iterator16.f();
}
});
- EventHandler.on(window, EVENT_RESIZE, () => {
- for (const element of SelectorEngine.find('[aria-modal][class*=show][class*=offcanvas-]')) {
- if (getComputedStyle(element).position !== 'fixed') {
- Offcanvas.getOrCreateInstance(element).hide();
+ EventHandler.on(window, EVENT_RESIZE, function () {
+ var _iterator17 = _createForOfIteratorHelper(SelectorEngine.find('[aria-modal][class*=show][class*=offcanvas-]')),
+ _step17;
+ try {
+ for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {
+ var element = _step17.value;
+ if (getComputedStyle(element).position !== 'fixed') {
+ Offcanvas.getOrCreateInstance(element).hide();
+ }
}
+ } catch (err) {
+ _iterator17.e(err);
+ } finally {
+ _iterator17.f();
}
});
enableDismissTrigger(Offcanvas);
@@ -4755,8 +5150,8 @@
*/
// js-docs-start allow-list
- const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
- const DefaultAllowlist = {
+ var ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
+ var DefaultAllowlist = {
// Global attributes allowed on any supplied element below.
'*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],
a: ['target', 'href', 'title', 'rel'],
@@ -4794,7 +5189,7 @@
};
// js-docs-end allow-list
- const uriAttributes = new Set(['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']);
+ var uriAttributes = new Set(['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']);
/**
* A pattern that recognizes URLs that are safe wrt. XSS in URL navigation
@@ -4803,9 +5198,9 @@
* Shout-out to Angular https://github.com/angular/angular/blob/15.2.8/packages/core/src/sanitization/url_sanitizer.ts#L38
*/
// eslint-disable-next-line unicorn/better-regex
- const SAFE_URL_PATTERN = /^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i;
- const allowedAttribute = (attribute, allowedAttributeList) => {
- const attributeName = attribute.nodeName.toLowerCase();
+ var SAFE_URL_PATTERN = /^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i;
+ var allowedAttribute = function allowedAttribute(attribute, allowedAttributeList) {
+ var attributeName = attribute.nodeName.toLowerCase();
if (allowedAttributeList.includes(attributeName)) {
if (uriAttributes.has(attributeName)) {
return Boolean(SAFE_URL_PATTERN.test(attribute.nodeValue));
@@ -4814,31 +5209,55 @@
}
// Check if a regular expression validates the attribute.
- return allowedAttributeList.filter(attributeRegex => attributeRegex instanceof RegExp).some(regex => regex.test(attributeName));
+ return allowedAttributeList.filter(function (attributeRegex) {
+ return attributeRegex instanceof RegExp;
+ }).some(function (regex) {
+ return regex.test(attributeName);
+ });
};
function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) {
+ var _ref12;
if (!unsafeHtml.length) {
return unsafeHtml;
}
if (sanitizeFunction && typeof sanitizeFunction === 'function') {
return sanitizeFunction(unsafeHtml);
}
- const domParser = new window.DOMParser();
- const createdDocument = domParser.parseFromString(unsafeHtml, 'text/html');
- const elements = [].concat(...createdDocument.body.querySelectorAll('*'));
- for (const element of elements) {
- const elementName = element.nodeName.toLowerCase();
- if (!Object.keys(allowList).includes(elementName)) {
- element.remove();
- continue;
- }
- const attributeList = [].concat(...element.attributes);
- const allowedAttributes = [].concat(allowList['*'] || [], allowList[elementName] || []);
- for (const attribute of attributeList) {
- if (!allowedAttribute(attribute, allowedAttributes)) {
- element.removeAttribute(attribute.nodeName);
+ var domParser = new window.DOMParser();
+ var createdDocument = domParser.parseFromString(unsafeHtml, 'text/html');
+ var elements = (_ref12 = []).concat.apply(_ref12, _toConsumableArray(createdDocument.body.querySelectorAll('*')));
+ var _iterator18 = _createForOfIteratorHelper(elements),
+ _step18;
+ try {
+ for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {
+ var _ref13;
+ var element = _step18.value;
+ var elementName = element.nodeName.toLowerCase();
+ if (!Object.keys(allowList).includes(elementName)) {
+ element.remove();
+ continue;
+ }
+ var attributeList = (_ref13 = []).concat.apply(_ref13, _toConsumableArray(element.attributes));
+ var allowedAttributes = [].concat(allowList['*'] || [], allowList[elementName] || []);
+ var _iterator19 = _createForOfIteratorHelper(attributeList),
+ _step19;
+ try {
+ for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {
+ var attribute = _step19.value;
+ if (!allowedAttribute(attribute, allowedAttributes)) {
+ element.removeAttribute(attribute.nodeName);
+ }
+ }
+ } catch (err) {
+ _iterator19.e(err);
+ } finally {
+ _iterator19.f();
}
}
+ } catch (err) {
+ _iterator18.e(err);
+ } finally {
+ _iterator18.f();
}
return createdDocument.body.innerHTML;
}
@@ -4850,13 +5269,12 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$5 = 'TemplateFactory';
- const Default$4 = {
+ var NAME$5 = 'TemplateFactory';
+ var Default$4 = {
allowList: DefaultAllowlist,
content: {},
// { selector : text , selector2 : text2 , }
@@ -4866,7 +5284,7 @@
sanitizeFn: null,
template: ''
};
- const DefaultType$4 = {
+ var DefaultType$4 = {
allowList: 'object',
content: 'object',
extraClass: '(string|function)',
@@ -4875,7 +5293,7 @@
sanitizeFn: '(null|function)',
template: 'string'
};
- const DefaultContentType = {
+ var DefaultContentType = {
entry: '(string|element|function|null)',
selector: '(string|element)'
};
@@ -4883,144 +5301,177 @@
/**
* Class definition
*/
-
- class TemplateFactory extends Config {
- constructor(config) {
- super();
- this._config = this._getConfig(config);
+ var TemplateFactory = /*#__PURE__*/function (_Config5) {
+ function TemplateFactory(config) {
+ var _this37;
+ _classCallCheck(this, TemplateFactory);
+ _this37 = _callSuper(this, TemplateFactory);
+ _this37._config = _this37._getConfig(config);
+ return _this37;
}
// Getters
- static get Default() {
- return Default$4;
- }
- static get DefaultType() {
- return DefaultType$4;
- }
- static get NAME() {
- return NAME$5;
- }
-
- // Public
- getContent() {
- return Object.values(this._config.content).map(config => this._resolvePossibleFunction(config)).filter(Boolean);
- }
- hasContent() {
- return this.getContent().length > 0;
- }
- changeContent(content) {
- this._checkContent(content);
- this._config.content = {
- ...this._config.content,
- ...content
- };
- return this;
- }
- toHtml() {
- const templateWrapper = document.createElement('div');
- templateWrapper.innerHTML = this._maybeSanitize(this._config.template);
- for (const [selector, text] of Object.entries(this._config.content)) {
- this._setContent(templateWrapper, text, selector);
- }
- const template = templateWrapper.children[0];
- const extraClass = this._resolvePossibleFunction(this._config.extraClass);
- if (extraClass) {
- template.classList.add(...extraClass.split(' '));
+ _inherits(TemplateFactory, _Config5);
+ return _createClass(TemplateFactory, [{
+ key: "getContent",
+ value:
+ // Public
+ function getContent() {
+ var _this38 = this;
+ return Object.values(this._config.content).map(function (config) {
+ return _this38._resolvePossibleFunction(config);
+ }).filter(Boolean);
+ }
+ }, {
+ key: "hasContent",
+ value: function hasContent() {
+ return this.getContent().length > 0;
+ }
+ }, {
+ key: "changeContent",
+ value: function changeContent(content) {
+ this._checkContent(content);
+ this._config.content = _objectSpread(_objectSpread({}, this._config.content), content);
+ return this;
+ }
+ }, {
+ key: "toHtml",
+ value: function toHtml() {
+ var templateWrapper = document.createElement('div');
+ templateWrapper.innerHTML = this._maybeSanitize(this._config.template);
+ for (var _i8 = 0, _Object$entries5 = Object.entries(this._config.content); _i8 < _Object$entries5.length; _i8++) {
+ var _Object$entries5$_i = _slicedToArray(_Object$entries5[_i8], 2),
+ selector = _Object$entries5$_i[0],
+ text = _Object$entries5$_i[1];
+ this._setContent(templateWrapper, text, selector);
+ }
+ var template = templateWrapper.children[0];
+ var extraClass = this._resolvePossibleFunction(this._config.extraClass);
+ if (extraClass) {
+ var _template$classList;
+ (_template$classList = template.classList).add.apply(_template$classList, _toConsumableArray(extraClass.split(' ')));
+ }
+ return template;
}
- return template;
- }
- // Private
- _typeCheckConfig(config) {
- super._typeCheckConfig(config);
- this._checkContent(config.content);
- }
- _checkContent(arg) {
- for (const [selector, content] of Object.entries(arg)) {
- super._typeCheckConfig({
- selector,
- entry: content
- }, DefaultContentType);
- }
- }
- _setContent(template, content, selector) {
- const templateElement = SelectorEngine.findOne(selector, template);
- if (!templateElement) {
- return;
+ // Private
+ }, {
+ key: "_typeCheckConfig",
+ value: function _typeCheckConfig(config) {
+ _superPropGet(TemplateFactory, "_typeCheckConfig", this, 3)([config]);
+ this._checkContent(config.content);
+ }
+ }, {
+ key: "_checkContent",
+ value: function _checkContent(arg) {
+ for (var _i9 = 0, _Object$entries6 = Object.entries(arg); _i9 < _Object$entries6.length; _i9++) {
+ var _Object$entries6$_i = _slicedToArray(_Object$entries6[_i9], 2),
+ selector = _Object$entries6$_i[0],
+ content = _Object$entries6$_i[1];
+ _superPropGet(TemplateFactory, "_typeCheckConfig", this, 3)([{
+ selector: selector,
+ entry: content
+ }, DefaultContentType]);
+ }
}
- content = this._resolvePossibleFunction(content);
- if (!content) {
- templateElement.remove();
- return;
+ }, {
+ key: "_setContent",
+ value: function _setContent(template, content, selector) {
+ var templateElement = SelectorEngine.findOne(selector, template);
+ if (!templateElement) {
+ return;
+ }
+ content = this._resolvePossibleFunction(content);
+ if (!content) {
+ templateElement.remove();
+ return;
+ }
+ if (isElement$1(content)) {
+ this._putElementInTemplate(getElement(content), templateElement);
+ return;
+ }
+ if (this._config.html) {
+ templateElement.innerHTML = this._maybeSanitize(content);
+ return;
+ }
+ templateElement.textContent = content;
+ }
+ }, {
+ key: "_maybeSanitize",
+ value: function _maybeSanitize(arg) {
+ return this._config.sanitize ? sanitizeHtml(arg, this._config.allowList, this._config.sanitizeFn) : arg;
+ }
+ }, {
+ key: "_resolvePossibleFunction",
+ value: function _resolvePossibleFunction(arg) {
+ return execute(arg, [this]);
+ }
+ }, {
+ key: "_putElementInTemplate",
+ value: function _putElementInTemplate(element, templateElement) {
+ if (this._config.html) {
+ templateElement.innerHTML = '';
+ templateElement.append(element);
+ return;
+ }
+ templateElement.textContent = element.textContent;
}
- if (isElement$1(content)) {
- this._putElementInTemplate(getElement(content), templateElement);
- return;
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$4;
}
- if (this._config.html) {
- templateElement.innerHTML = this._maybeSanitize(content);
- return;
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$4;
}
- templateElement.textContent = content;
- }
- _maybeSanitize(arg) {
- return this._config.sanitize ? sanitizeHtml(arg, this._config.allowList, this._config.sanitizeFn) : arg;
- }
- _resolvePossibleFunction(arg) {
- return execute(arg, [this]);
- }
- _putElementInTemplate(element, templateElement) {
- if (this._config.html) {
- templateElement.innerHTML = '';
- templateElement.append(element);
- return;
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$5;
}
- templateElement.textContent = element.textContent;
- }
- }
-
+ }]);
+ }(Config);
/**
* --------------------------------------------------------------------------
* Bootstrap tooltip.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
-
-
/**
* Constants
*/
-
- const NAME$4 = 'tooltip';
- const DISALLOWED_ATTRIBUTES = new Set(['sanitize', 'allowList', 'sanitizeFn']);
- const CLASS_NAME_FADE$2 = 'fade';
- const CLASS_NAME_MODAL = 'modal';
- const CLASS_NAME_SHOW$2 = 'show';
- const SELECTOR_TOOLTIP_INNER = '.tooltip-inner';
- const SELECTOR_MODAL = `.${CLASS_NAME_MODAL}`;
- const EVENT_MODAL_HIDE = 'hide.bs.modal';
- const TRIGGER_HOVER = 'hover';
- const TRIGGER_FOCUS = 'focus';
- const TRIGGER_CLICK = 'click';
- const TRIGGER_MANUAL = 'manual';
- const EVENT_HIDE$2 = 'hide';
- const EVENT_HIDDEN$2 = 'hidden';
- const EVENT_SHOW$2 = 'show';
- const EVENT_SHOWN$2 = 'shown';
- const EVENT_INSERTED = 'inserted';
- const EVENT_CLICK$1 = 'click';
- const EVENT_FOCUSIN$1 = 'focusin';
- const EVENT_FOCUSOUT$1 = 'focusout';
- const EVENT_MOUSEENTER = 'mouseenter';
- const EVENT_MOUSELEAVE = 'mouseleave';
- const AttachmentMap = {
+ var NAME$4 = 'tooltip';
+ var DISALLOWED_ATTRIBUTES = new Set(['sanitize', 'allowList', 'sanitizeFn']);
+ var CLASS_NAME_FADE$2 = 'fade';
+ var CLASS_NAME_MODAL = 'modal';
+ var CLASS_NAME_SHOW$2 = 'show';
+ var SELECTOR_TOOLTIP_INNER = '.tooltip-inner';
+ var SELECTOR_MODAL = ".".concat(CLASS_NAME_MODAL);
+ var EVENT_MODAL_HIDE = 'hide.bs.modal';
+ var TRIGGER_HOVER = 'hover';
+ var TRIGGER_FOCUS = 'focus';
+ var TRIGGER_CLICK = 'click';
+ var TRIGGER_MANUAL = 'manual';
+ var EVENT_HIDE$2 = 'hide';
+ var EVENT_HIDDEN$2 = 'hidden';
+ var EVENT_SHOW$2 = 'show';
+ var EVENT_SHOWN$2 = 'shown';
+ var EVENT_INSERTED = 'inserted';
+ var EVENT_CLICK$1 = 'click';
+ var EVENT_FOCUSIN$1 = 'focusin';
+ var EVENT_FOCUSOUT$1 = 'focusout';
+ var EVENT_MOUSEENTER = 'mouseenter';
+ var EVENT_MOUSELEAVE = 'mouseleave';
+ var AttachmentMap = {
AUTO: 'auto',
TOP: 'top',
RIGHT: isRTL() ? 'left' : 'right',
BOTTOM: 'bottom',
LEFT: isRTL() ? 'right' : 'left'
};
- const Default$3 = {
+ var Default$3 = {
allowList: DefaultAllowlist,
animation: true,
boundary: 'clippingParents',
@@ -5039,7 +5490,7 @@
title: '',
trigger: 'hover focus'
};
- const DefaultType$3 = {
+ var DefaultType$3 = {
allowList: 'object',
animation: 'boolean',
boundary: '(string|element)',
@@ -5062,433 +5513,538 @@
/**
* Class definition
*/
-
- class Tooltip extends BaseComponent {
- constructor(element, config) {
+ var Tooltip = /*#__PURE__*/function (_BaseComponent8) {
+ function Tooltip(element, config) {
+ var _this39;
+ _classCallCheck(this, Tooltip);
if (typeof Popper === 'undefined') {
throw new TypeError('Bootstrap\'s tooltips require Popper (https://popper.js.org)');
}
- super(element, config);
+ _this39 = _callSuper(this, Tooltip, [element, config]);
// Private
- this._isEnabled = true;
- this._timeout = 0;
- this._isHovered = null;
- this._activeTrigger = {};
- this._popper = null;
- this._templateFactory = null;
- this._newContent = null;
+ _this39._isEnabled = true;
+ _this39._timeout = 0;
+ _this39._isHovered = null;
+ _this39._activeTrigger = {};
+ _this39._popper = null;
+ _this39._templateFactory = null;
+ _this39._newContent = null;
// Protected
- this.tip = null;
- this._setListeners();
- if (!this._config.selector) {
- this._fixTitle();
+ _this39.tip = null;
+ _this39._setListeners();
+ if (!_this39._config.selector) {
+ _this39._fixTitle();
}
+ return _this39;
}
// Getters
- static get Default() {
- return Default$3;
- }
- static get DefaultType() {
- return DefaultType$3;
- }
- static get NAME() {
- return NAME$4;
- }
-
- // Public
- enable() {
- this._isEnabled = true;
- }
- disable() {
- this._isEnabled = false;
- }
- toggleEnabled() {
- this._isEnabled = !this._isEnabled;
- }
- toggle() {
- if (!this._isEnabled) {
- return;
- }
- this._activeTrigger.click = !this._activeTrigger.click;
- if (this._isShown()) {
- this._leave();
- return;
- }
- this._enter();
- }
- dispose() {
- clearTimeout(this._timeout);
- EventHandler.off(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
- if (this._element.getAttribute('data-bs-original-title')) {
- this._element.setAttribute('title', this._element.getAttribute('data-bs-original-title'));
- }
- this._disposePopper();
- super.dispose();
- }
- show() {
- if (this._element.style.display === 'none') {
- throw new Error('Please use show on visible elements');
- }
- if (!(this._isWithContent() && this._isEnabled)) {
- return;
- }
- const showEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOW$2));
- const shadowRoot = findShadowRoot(this._element);
- const isInTheDom = (shadowRoot || this._element.ownerDocument.documentElement).contains(this._element);
- if (showEvent.defaultPrevented || !isInTheDom) {
- return;
- }
-
- // TODO: v6 remove this or make it optional
- this._disposePopper();
- const tip = this._getTipElement();
- this._element.setAttribute('aria-describedby', tip.getAttribute('id'));
- const {
- container
- } = this._config;
- if (!this._element.ownerDocument.documentElement.contains(this.tip)) {
- container.append(tip);
- EventHandler.trigger(this._element, this.constructor.eventName(EVENT_INSERTED));
- }
- this._popper = this._createPopper(tip);
- tip.classList.add(CLASS_NAME_SHOW$2);
-
- // If this is a touch-enabled device we add extra
- // empty mouseover listeners to the body's immediate children;
- // only needed because of broken event delegation on iOS
- // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
- if ('ontouchstart' in document.documentElement) {
- for (const element of [].concat(...document.body.children)) {
- EventHandler.on(element, 'mouseover', noop);
- }
- }
- const complete = () => {
- EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOWN$2));
- if (this._isHovered === false) {
+ _inherits(Tooltip, _BaseComponent8);
+ return _createClass(Tooltip, [{
+ key: "enable",
+ value:
+ // Public
+ function enable() {
+ this._isEnabled = true;
+ }
+ }, {
+ key: "disable",
+ value: function disable() {
+ this._isEnabled = false;
+ }
+ }, {
+ key: "toggleEnabled",
+ value: function toggleEnabled() {
+ this._isEnabled = !this._isEnabled;
+ }
+ }, {
+ key: "toggle",
+ value: function toggle() {
+ if (!this._isEnabled) {
+ return;
+ }
+ this._activeTrigger.click = !this._activeTrigger.click;
+ if (this._isShown()) {
this._leave();
+ return;
}
- this._isHovered = false;
- };
- this._queueCallback(complete, this.tip, this._isAnimated());
- }
- hide() {
- if (!this._isShown()) {
- return;
- }
- const hideEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDE$2));
- if (hideEvent.defaultPrevented) {
- return;
- }
- const tip = this._getTipElement();
- tip.classList.remove(CLASS_NAME_SHOW$2);
-
- // If this is a touch-enabled device we remove the extra
- // empty mouseover listeners we added for iOS support
- if ('ontouchstart' in document.documentElement) {
- for (const element of [].concat(...document.body.children)) {
- EventHandler.off(element, 'mouseover', noop);
+ this._enter();
+ }
+ }, {
+ key: "dispose",
+ value: function dispose() {
+ clearTimeout(this._timeout);
+ EventHandler.off(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
+ if (this._element.getAttribute('data-bs-original-title')) {
+ this._element.setAttribute('title', this._element.getAttribute('data-bs-original-title'));
}
- }
- this._activeTrigger[TRIGGER_CLICK] = false;
- this._activeTrigger[TRIGGER_FOCUS] = false;
- this._activeTrigger[TRIGGER_HOVER] = false;
- this._isHovered = null; // it is a trick to support manual triggering
-
- const complete = () => {
- if (this._isWithActiveTrigger()) {
+ this._disposePopper();
+ _superPropGet(Tooltip, "dispose", this, 3)([]);
+ }
+ }, {
+ key: "show",
+ value: function show() {
+ var _this40 = this;
+ if (this._element.style.display === 'none') {
+ throw new Error('Please use show on visible elements');
+ }
+ if (!(this._isWithContent() && this._isEnabled)) {
return;
}
- if (!this._isHovered) {
- this._disposePopper();
+ var showEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOW$2));
+ var shadowRoot = _findShadowRoot(this._element);
+ var isInTheDom = (shadowRoot || this._element.ownerDocument.documentElement).contains(this._element);
+ if (showEvent.defaultPrevented || !isInTheDom) {
+ return;
}
- this._element.removeAttribute('aria-describedby');
- EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDDEN$2));
- };
- this._queueCallback(complete, this.tip, this._isAnimated());
- }
- update() {
- if (this._popper) {
- this._popper.update();
- }
- }
-
- // Protected
- _isWithContent() {
- return Boolean(this._getTitle());
- }
- _getTipElement() {
- if (!this.tip) {
- this.tip = this._createTipElement(this._newContent || this._getContentForTemplate());
- }
- return this.tip;
- }
- _createTipElement(content) {
- const tip = this._getTemplateFactory(content).toHtml();
- // TODO: remove this check in v6
- if (!tip) {
- return null;
- }
- tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$2);
- // TODO: v6 the following can be achieved with CSS only
- tip.classList.add(`bs-${this.constructor.NAME}-auto`);
- const tipId = getUID(this.constructor.NAME).toString();
- tip.setAttribute('id', tipId);
- if (this._isAnimated()) {
- tip.classList.add(CLASS_NAME_FADE$2);
- }
- return tip;
- }
- setContent(content) {
- this._newContent = content;
- if (this._isShown()) {
+ // TODO: v6 remove this or make it optional
this._disposePopper();
- this.show();
- }
- }
- _getTemplateFactory(content) {
- if (this._templateFactory) {
- this._templateFactory.changeContent(content);
- } else {
- this._templateFactory = new TemplateFactory({
- ...this._config,
- // the `content` var has to be after `this._config`
- // to override config.content in case of popover
- content,
- extraClass: this._resolvePossibleFunction(this._config.customClass)
- });
- }
- return this._templateFactory;
- }
- _getContentForTemplate() {
- return {
- [SELECTOR_TOOLTIP_INNER]: this._getTitle()
- };
- }
- _getTitle() {
- return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-bs-original-title');
- }
-
- // Private
- _initializeOnDelegatedTarget(event) {
- return this.constructor.getOrCreateInstance(event.delegateTarget, this._getDelegateConfig());
- }
- _isAnimated() {
- return this._config.animation || this.tip && this.tip.classList.contains(CLASS_NAME_FADE$2);
- }
- _isShown() {
- return this.tip && this.tip.classList.contains(CLASS_NAME_SHOW$2);
- }
- _createPopper(tip) {
- const placement = execute(this._config.placement, [this, tip, this._element]);
- const attachment = AttachmentMap[placement.toUpperCase()];
- return createPopper(this._element, tip, this._getPopperConfig(attachment));
- }
- _getOffset() {
- const {
- offset
- } = this._config;
- if (typeof offset === 'string') {
- return offset.split(',').map(value => Number.parseInt(value, 10));
- }
- if (typeof offset === 'function') {
- return popperData => offset(popperData, this._element);
- }
- return offset;
- }
- _resolvePossibleFunction(arg) {
- return execute(arg, [this._element]);
- }
- _getPopperConfig(attachment) {
- const defaultBsPopperConfig = {
- placement: attachment,
- modifiers: [{
- name: 'flip',
- options: {
- fallbackPlacements: this._config.fallbackPlacements
+ var tip = this._getTipElement();
+ this._element.setAttribute('aria-describedby', tip.getAttribute('id'));
+ var container = this._config.container;
+ if (!this._element.ownerDocument.documentElement.contains(this.tip)) {
+ container.append(tip);
+ EventHandler.trigger(this._element, this.constructor.eventName(EVENT_INSERTED));
+ }
+ this._popper = this._createPopper(tip);
+ tip.classList.add(CLASS_NAME_SHOW$2);
+
+ // If this is a touch-enabled device we add extra
+ // empty mouseover listeners to the body's immediate children;
+ // only needed because of broken event delegation on iOS
+ // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+ if ('ontouchstart' in document.documentElement) {
+ var _ref14;
+ var _iterator20 = _createForOfIteratorHelper((_ref14 = []).concat.apply(_ref14, _toConsumableArray(document.body.children))),
+ _step20;
+ try {
+ for (_iterator20.s(); !(_step20 = _iterator20.n()).done;) {
+ var element = _step20.value;
+ EventHandler.on(element, 'mouseover', noop);
+ }
+ } catch (err) {
+ _iterator20.e(err);
+ } finally {
+ _iterator20.f();
}
- }, {
- name: 'offset',
- options: {
- offset: this._getOffset()
+ }
+ var complete = function complete() {
+ EventHandler.trigger(_this40._element, _this40.constructor.eventName(EVENT_SHOWN$2));
+ if (_this40._isHovered === false) {
+ _this40._leave();
}
- }, {
- name: 'preventOverflow',
- options: {
- boundary: this._config.boundary
+ _this40._isHovered = false;
+ };
+ this._queueCallback(complete, this.tip, this._isAnimated());
+ }
+ }, {
+ key: "hide",
+ value: function hide() {
+ var _this41 = this;
+ if (!this._isShown()) {
+ return;
+ }
+ var hideEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDE$2));
+ if (hideEvent.defaultPrevented) {
+ return;
+ }
+ var tip = this._getTipElement();
+ tip.classList.remove(CLASS_NAME_SHOW$2);
+
+ // If this is a touch-enabled device we remove the extra
+ // empty mouseover listeners we added for iOS support
+ if ('ontouchstart' in document.documentElement) {
+ var _ref15;
+ var _iterator21 = _createForOfIteratorHelper((_ref15 = []).concat.apply(_ref15, _toConsumableArray(document.body.children))),
+ _step21;
+ try {
+ for (_iterator21.s(); !(_step21 = _iterator21.n()).done;) {
+ var element = _step21.value;
+ EventHandler.off(element, 'mouseover', noop);
+ }
+ } catch (err) {
+ _iterator21.e(err);
+ } finally {
+ _iterator21.f();
}
- }, {
- name: 'arrow',
- options: {
- element: `.${this.constructor.NAME}-arrow`
+ }
+ this._activeTrigger[TRIGGER_CLICK] = false;
+ this._activeTrigger[TRIGGER_FOCUS] = false;
+ this._activeTrigger[TRIGGER_HOVER] = false;
+ this._isHovered = null; // it is a trick to support manual triggering
+
+ var complete = function complete() {
+ if (_this41._isWithActiveTrigger()) {
+ return;
}
- }, {
- name: 'preSetPlacement',
- enabled: true,
- phase: 'beforeMain',
- fn: data => {
- // Pre-set Popper's placement attribute in order to read the arrow sizes properly.
- // Otherwise, Popper mixes up the width and height dimensions since the initial arrow style is for top placement
- this._getTipElement().setAttribute('data-popper-placement', data.state.placement);
+ if (!_this41._isHovered) {
+ _this41._disposePopper();
}
- }]
- };
- return {
- ...defaultBsPopperConfig,
- ...execute(this._config.popperConfig, [defaultBsPopperConfig])
- };
- }
- _setListeners() {
- const triggers = this._config.trigger.split(' ');
- for (const trigger of triggers) {
- if (trigger === 'click') {
- EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK$1), this._config.selector, event => {
- const context = this._initializeOnDelegatedTarget(event);
- context.toggle();
- });
- } else if (trigger !== TRIGGER_MANUAL) {
- const eventIn = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSEENTER) : this.constructor.eventName(EVENT_FOCUSIN$1);
- const eventOut = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSELEAVE) : this.constructor.eventName(EVENT_FOCUSOUT$1);
- EventHandler.on(this._element, eventIn, this._config.selector, event => {
- const context = this._initializeOnDelegatedTarget(event);
- context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true;
- context._enter();
- });
- EventHandler.on(this._element, eventOut, this._config.selector, event => {
- const context = this._initializeOnDelegatedTarget(event);
- context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = context._element.contains(event.relatedTarget);
- context._leave();
- });
- }
+ _this41._element.removeAttribute('aria-describedby');
+ EventHandler.trigger(_this41._element, _this41.constructor.eventName(EVENT_HIDDEN$2));
+ };
+ this._queueCallback(complete, this.tip, this._isAnimated());
}
- this._hideModalHandler = () => {
- if (this._element) {
- this.hide();
+ }, {
+ key: "update",
+ value: function update() {
+ if (this._popper) {
+ this._popper.update();
}
- };
- EventHandler.on(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
- }
- _fixTitle() {
- const title = this._element.getAttribute('title');
- if (!title) {
- return;
- }
- if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) {
- this._element.setAttribute('aria-label', title);
}
- this._element.setAttribute('data-bs-original-title', title); // DO NOT USE IT. Is only for backwards compatibility
- this._element.removeAttribute('title');
- }
- _enter() {
- if (this._isShown() || this._isHovered) {
- this._isHovered = true;
- return;
- }
- this._isHovered = true;
- this._setTimeout(() => {
- if (this._isHovered) {
- this.show();
+
+ // Protected
+ }, {
+ key: "_isWithContent",
+ value: function _isWithContent() {
+ return Boolean(this._getTitle());
+ }
+ }, {
+ key: "_getTipElement",
+ value: function _getTipElement() {
+ if (!this.tip) {
+ this.tip = this._createTipElement(this._newContent || this._getContentForTemplate());
}
- }, this._config.delay.show);
- }
- _leave() {
- if (this._isWithActiveTrigger()) {
- return;
+ return this.tip;
}
- this._isHovered = false;
- this._setTimeout(() => {
- if (!this._isHovered) {
- this.hide();
+ }, {
+ key: "_createTipElement",
+ value: function _createTipElement(content) {
+ var tip = this._getTemplateFactory(content).toHtml();
+
+ // TODO: remove this check in v6
+ if (!tip) {
+ return null;
}
- }, this._config.delay.hide);
- }
- _setTimeout(handler, timeout) {
- clearTimeout(this._timeout);
- this._timeout = setTimeout(handler, timeout);
- }
- _isWithActiveTrigger() {
- return Object.values(this._activeTrigger).includes(true);
- }
- _getConfig(config) {
- const dataAttributes = Manipulator.getDataAttributes(this._element);
- for (const dataAttribute of Object.keys(dataAttributes)) {
- if (DISALLOWED_ATTRIBUTES.has(dataAttribute)) {
- delete dataAttributes[dataAttribute];
+ tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$2);
+ // TODO: v6 the following can be achieved with CSS only
+ tip.classList.add("bs-".concat(this.constructor.NAME, "-auto"));
+ var tipId = getUID(this.constructor.NAME).toString();
+ tip.setAttribute('id', tipId);
+ if (this._isAnimated()) {
+ tip.classList.add(CLASS_NAME_FADE$2);
}
+ return tip;
}
- config = {
- ...dataAttributes,
- ...(typeof config === 'object' && config ? config : {})
- };
- config = this._mergeConfigObj(config);
- config = this._configAfterMerge(config);
- this._typeCheckConfig(config);
- return config;
- }
- _configAfterMerge(config) {
- config.container = config.container === false ? document.body : getElement(config.container);
- if (typeof config.delay === 'number') {
- config.delay = {
- show: config.delay,
- hide: config.delay
- };
+ }, {
+ key: "setContent",
+ value: function setContent(content) {
+ this._newContent = content;
+ if (this._isShown()) {
+ this._disposePopper();
+ this.show();
+ }
}
- if (typeof config.title === 'number') {
- config.title = config.title.toString();
+ }, {
+ key: "_getTemplateFactory",
+ value: function _getTemplateFactory(content) {
+ if (this._templateFactory) {
+ this._templateFactory.changeContent(content);
+ } else {
+ this._templateFactory = new TemplateFactory(_objectSpread(_objectSpread({}, this._config), {}, {
+ // the `content` var has to be after `this._config`
+ // to override config.content in case of popover
+ content: content,
+ extraClass: this._resolvePossibleFunction(this._config.customClass)
+ }));
+ }
+ return this._templateFactory;
}
- if (typeof config.content === 'number') {
- config.content = config.content.toString();
+ }, {
+ key: "_getContentForTemplate",
+ value: function _getContentForTemplate() {
+ return _defineProperty({}, SELECTOR_TOOLTIP_INNER, this._getTitle());
}
- return config;
- }
- _getDelegateConfig() {
- const config = {};
- for (const [key, value] of Object.entries(this._config)) {
- if (this.constructor.Default[key] !== value) {
- config[key] = value;
- }
+ }, {
+ key: "_getTitle",
+ value: function _getTitle() {
+ return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-bs-original-title');
}
- config.selector = false;
- config.trigger = 'manual';
- // In the future can be replaced with:
- // const keysWithDifferentValues = Object.entries(this._config).filter(entry => this.constructor.Default[entry[0]] !== this._config[entry[0]])
- // `Object.fromEntries(keysWithDifferentValues)`
- return config;
- }
- _disposePopper() {
- if (this._popper) {
- this._popper.destroy();
- this._popper = null;
+ // Private
+ }, {
+ key: "_initializeOnDelegatedTarget",
+ value: function _initializeOnDelegatedTarget(event) {
+ return this.constructor.getOrCreateInstance(event.delegateTarget, this._getDelegateConfig());
+ }
+ }, {
+ key: "_isAnimated",
+ value: function _isAnimated() {
+ return this._config.animation || this.tip && this.tip.classList.contains(CLASS_NAME_FADE$2);
+ }
+ }, {
+ key: "_isShown",
+ value: function _isShown() {
+ return this.tip && this.tip.classList.contains(CLASS_NAME_SHOW$2);
+ }
+ }, {
+ key: "_createPopper",
+ value: function _createPopper(tip) {
+ var placement = execute(this._config.placement, [this, tip, this._element]);
+ var attachment = AttachmentMap[placement.toUpperCase()];
+ return createPopper(this._element, tip, this._getPopperConfig(attachment));
+ }
+ }, {
+ key: "_getOffset",
+ value: function _getOffset() {
+ var _this42 = this;
+ var offset = this._config.offset;
+ if (typeof offset === 'string') {
+ return offset.split(',').map(function (value) {
+ return Number.parseInt(value, 10);
+ });
+ }
+ if (typeof offset === 'function') {
+ return function (popperData) {
+ return offset(popperData, _this42._element);
+ };
+ }
+ return offset;
+ }
+ }, {
+ key: "_resolvePossibleFunction",
+ value: function _resolvePossibleFunction(arg) {
+ return execute(arg, [this._element]);
+ }
+ }, {
+ key: "_getPopperConfig",
+ value: function _getPopperConfig(attachment) {
+ var _this43 = this;
+ var defaultBsPopperConfig = {
+ placement: attachment,
+ modifiers: [{
+ name: 'flip',
+ options: {
+ fallbackPlacements: this._config.fallbackPlacements
+ }
+ }, {
+ name: 'offset',
+ options: {
+ offset: this._getOffset()
+ }
+ }, {
+ name: 'preventOverflow',
+ options: {
+ boundary: this._config.boundary
+ }
+ }, {
+ name: 'arrow',
+ options: {
+ element: ".".concat(this.constructor.NAME, "-arrow")
+ }
+ }, {
+ name: 'preSetPlacement',
+ enabled: true,
+ phase: 'beforeMain',
+ fn: function fn(data) {
+ // Pre-set Popper's placement attribute in order to read the arrow sizes properly.
+ // Otherwise, Popper mixes up the width and height dimensions since the initial arrow style is for top placement
+ _this43._getTipElement().setAttribute('data-popper-placement', data.state.placement);
+ }
+ }]
+ };
+ return _objectSpread(_objectSpread({}, defaultBsPopperConfig), execute(this._config.popperConfig, [defaultBsPopperConfig]));
+ }
+ }, {
+ key: "_setListeners",
+ value: function _setListeners() {
+ var _this44 = this;
+ var triggers = this._config.trigger.split(' ');
+ var _iterator22 = _createForOfIteratorHelper(triggers),
+ _step22;
+ try {
+ for (_iterator22.s(); !(_step22 = _iterator22.n()).done;) {
+ var trigger = _step22.value;
+ if (trigger === 'click') {
+ EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK$1), this._config.selector, function (event) {
+ var context = _this44._initializeOnDelegatedTarget(event);
+ context.toggle();
+ });
+ } else if (trigger !== TRIGGER_MANUAL) {
+ var eventIn = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSEENTER) : this.constructor.eventName(EVENT_FOCUSIN$1);
+ var eventOut = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSELEAVE) : this.constructor.eventName(EVENT_FOCUSOUT$1);
+ EventHandler.on(this._element, eventIn, this._config.selector, function (event) {
+ var context = _this44._initializeOnDelegatedTarget(event);
+ context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true;
+ context._enter();
+ });
+ EventHandler.on(this._element, eventOut, this._config.selector, function (event) {
+ var context = _this44._initializeOnDelegatedTarget(event);
+ context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = context._element.contains(event.relatedTarget);
+ context._leave();
+ });
+ }
+ }
+ } catch (err) {
+ _iterator22.e(err);
+ } finally {
+ _iterator22.f();
+ }
+ this._hideModalHandler = function () {
+ if (_this44._element) {
+ _this44.hide();
+ }
+ };
+ EventHandler.on(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
}
- if (this.tip) {
- this.tip.remove();
- this.tip = null;
+ }, {
+ key: "_fixTitle",
+ value: function _fixTitle() {
+ var title = this._element.getAttribute('title');
+ if (!title) {
+ return;
+ }
+ if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) {
+ this._element.setAttribute('aria-label', title);
+ }
+ this._element.setAttribute('data-bs-original-title', title); // DO NOT USE IT. Is only for backwards compatibility
+ this._element.removeAttribute('title');
+ }
+ }, {
+ key: "_enter",
+ value: function _enter() {
+ var _this45 = this;
+ if (this._isShown() || this._isHovered) {
+ this._isHovered = true;
+ return;
+ }
+ this._isHovered = true;
+ this._setTimeout(function () {
+ if (_this45._isHovered) {
+ _this45.show();
+ }
+ }, this._config.delay.show);
}
- }
-
- // Static
- static jQueryInterface(config) {
- return this.each(function () {
- const data = Tooltip.getOrCreateInstance(this, config);
- if (typeof config !== 'string') {
+ }, {
+ key: "_leave",
+ value: function _leave() {
+ var _this46 = this;
+ if (this._isWithActiveTrigger()) {
return;
}
- if (typeof data[config] === 'undefined') {
- throw new TypeError(`No method named "${config}"`);
+ this._isHovered = false;
+ this._setTimeout(function () {
+ if (!_this46._isHovered) {
+ _this46.hide();
+ }
+ }, this._config.delay.hide);
+ }
+ }, {
+ key: "_setTimeout",
+ value: function _setTimeout(handler, timeout) {
+ clearTimeout(this._timeout);
+ this._timeout = setTimeout(handler, timeout);
+ }
+ }, {
+ key: "_isWithActiveTrigger",
+ value: function _isWithActiveTrigger() {
+ return Object.values(this._activeTrigger).includes(true);
+ }
+ }, {
+ key: "_getConfig",
+ value: function _getConfig(config) {
+ var dataAttributes = Manipulator.getDataAttributes(this._element);
+ for (var _i10 = 0, _Object$keys2 = Object.keys(dataAttributes); _i10 < _Object$keys2.length; _i10++) {
+ var dataAttribute = _Object$keys2[_i10];
+ if (DISALLOWED_ATTRIBUTES.has(dataAttribute)) {
+ delete dataAttributes[dataAttribute];
+ }
+ }
+ config = _objectSpread(_objectSpread({}, dataAttributes), _typeof(config) === 'object' && config ? config : {});
+ config = this._mergeConfigObj(config);
+ config = this._configAfterMerge(config);
+ this._typeCheckConfig(config);
+ return config;
+ }
+ }, {
+ key: "_configAfterMerge",
+ value: function _configAfterMerge(config) {
+ config.container = config.container === false ? document.body : getElement(config.container);
+ if (typeof config.delay === 'number') {
+ config.delay = {
+ show: config.delay,
+ hide: config.delay
+ };
}
- data[config]();
- });
- }
- }
+ if (typeof config.title === 'number') {
+ config.title = config.title.toString();
+ }
+ if (typeof config.content === 'number') {
+ config.content = config.content.toString();
+ }
+ return config;
+ }
+ }, {
+ key: "_getDelegateConfig",
+ value: function _getDelegateConfig() {
+ var config = {};
+ for (var _i11 = 0, _Object$entries7 = Object.entries(this._config); _i11 < _Object$entries7.length; _i11++) {
+ var _Object$entries7$_i = _slicedToArray(_Object$entries7[_i11], 2),
+ key = _Object$entries7$_i[0],
+ value = _Object$entries7$_i[1];
+ if (this.constructor.Default[key] !== value) {
+ config[key] = value;
+ }
+ }
+ config.selector = false;
+ config.trigger = 'manual';
+
+ // In the future can be replaced with:
+ // const keysWithDifferentValues = Object.entries(this._config).filter(entry => this.constructor.Default[entry[0]] !== this._config[entry[0]])
+ // `Object.fromEntries(keysWithDifferentValues)`
+ return config;
+ }
+ }, {
+ key: "_disposePopper",
+ value: function _disposePopper() {
+ if (this._popper) {
+ this._popper.destroy();
+ this._popper = null;
+ }
+ if (this.tip) {
+ this.tip.remove();
+ this.tip = null;
+ }
+ }
+ // Static
+ }], [{
+ key: "Default",
+ get: function get() {
+ return Default$3;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$3;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$4;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config) {
+ return this.each(function () {
+ var data = Tooltip.getOrCreateInstance(this, config);
+ if (typeof config !== 'string') {
+ return;
+ }
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"".concat(config, "\""));
+ }
+ data[config]();
+ });
+ }
+ }]);
+ }(BaseComponent);
/**
* jQuery
*/
-
defineJQueryPlugin(Tooltip);
/**
@@ -5498,78 +6054,90 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$3 = 'popover';
- const SELECTOR_TITLE = '.popover-header';
- const SELECTOR_CONTENT = '.popover-body';
- const Default$2 = {
- ...Tooltip.Default,
+ var NAME$3 = 'popover';
+ var SELECTOR_TITLE = '.popover-header';
+ var SELECTOR_CONTENT = '.popover-body';
+ var Default$2 = _objectSpread(_objectSpread({}, Tooltip.Default), {}, {
content: '',
offset: [0, 8],
placement: 'right',
template: '' + '' + '' + '' + '
',
trigger: 'click'
- };
- const DefaultType$2 = {
- ...Tooltip.DefaultType,
+ });
+ var DefaultType$2 = _objectSpread(_objectSpread({}, Tooltip.DefaultType), {}, {
content: '(null|string|element|function)'
- };
+ });
/**
* Class definition
*/
-
- class Popover extends Tooltip {
- // Getters
- static get Default() {
- return Default$2;
- }
- static get DefaultType() {
- return DefaultType$2;
- }
- static get NAME() {
- return NAME$3;
+ var Popover = /*#__PURE__*/function (_Tooltip) {
+ function Popover() {
+ _classCallCheck(this, Popover);
+ return _callSuper(this, Popover, arguments);
}
+ _inherits(Popover, _Tooltip);
+ return _createClass(Popover, [{
+ key: "_isWithContent",
+ value:
+ // Overrides
+ function _isWithContent() {
+ return this._getTitle() || this._getContent();
+ }
- // Overrides
- _isWithContent() {
- return this._getTitle() || this._getContent();
- }
-
- // Private
- _getContentForTemplate() {
- return {
- [SELECTOR_TITLE]: this._getTitle(),
- [SELECTOR_CONTENT]: this._getContent()
- };
- }
- _getContent() {
- return this._resolvePossibleFunction(this._config.content);
- }
-
- // Static
- static jQueryInterface(config) {
- return this.each(function () {
- const data = Popover.getOrCreateInstance(this, config);
- if (typeof config !== 'string') {
- return;
- }
- if (typeof data[config] === 'undefined') {
- throw new TypeError(`No method named "${config}"`);
- }
- data[config]();
- });
- }
- }
-
+ // Private
+ }, {
+ key: "_getContentForTemplate",
+ value: function _getContentForTemplate() {
+ return _defineProperty(_defineProperty({}, SELECTOR_TITLE, this._getTitle()), SELECTOR_CONTENT, this._getContent());
+ }
+ }, {
+ key: "_getContent",
+ value: function _getContent() {
+ return this._resolvePossibleFunction(this._config.content);
+ }
+
+ // Static
+ }], [{
+ key: "Default",
+ get:
+ // Getters
+ function get() {
+ return Default$2;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType$2;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME$3;
+ }
+ }, {
+ key: "jQueryInterface",
+ value: function jQueryInterface(config) {
+ return this.each(function () {
+ var data = Popover.getOrCreateInstance(this, config);
+ if (typeof config !== 'string') {
+ return;
+ }
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"".concat(config, "\""));
+ }
+ data[config]();
+ });
+ }
+ }]);
+ }(Tooltip);
/**
* jQuery
*/
-
defineJQueryPlugin(Popover);
/**
@@ -5579,30 +6147,29 @@
* --------------------------------------------------------------------------
*/
-
/**
* Constants
*/
- const NAME$2 = 'scrollspy';
- const DATA_KEY$2 = 'bs.scrollspy';
- const EVENT_KEY$2 = `.${DATA_KEY$2}`;
- const DATA_API_KEY = '.data-api';
- const EVENT_ACTIVATE = `activate${EVENT_KEY$2}`;
- const EVENT_CLICK = `click${EVENT_KEY$2}`;
- const EVENT_LOAD_DATA_API$1 = `load${EVENT_KEY$2}${DATA_API_KEY}`;
- const CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
- const CLASS_NAME_ACTIVE$1 = 'active';
- const SELECTOR_DATA_SPY = '[data-bs-spy="scroll"]';
- const SELECTOR_TARGET_LINKS = '[href]';
- const SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
- const SELECTOR_NAV_LINKS = '.nav-link';
- const SELECTOR_NAV_ITEMS = '.nav-item';
- const SELECTOR_LIST_ITEMS = '.list-group-item';
- const SELECTOR_LINK_ITEMS = `${SELECTOR_NAV_LINKS}, ${SELECTOR_NAV_ITEMS} > ${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}`;
- const SELECTOR_DROPDOWN = '.dropdown';
- const SELECTOR_DROPDOWN_TOGGLE$1 = '.dropdown-toggle';
- const Default$1 = {
+ var NAME$2 = 'scrollspy';
+ var DATA_KEY$2 = 'bs.scrollspy';
+ var EVENT_KEY$2 = ".".concat(DATA_KEY$2);
+ var DATA_API_KEY = '.data-api';
+ var EVENT_ACTIVATE = "activate".concat(EVENT_KEY$2);
+ var EVENT_CLICK = "click".concat(EVENT_KEY$2);
+ var EVENT_LOAD_DATA_API$1 = "load".concat(EVENT_KEY$2).concat(DATA_API_KEY);
+ var CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
+ var CLASS_NAME_ACTIVE$1 = 'active';
+ var SELECTOR_DATA_SPY = '[data-bs-spy="scroll"]';
+ var SELECTOR_TARGET_LINKS = '[href]';
+ var SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
+ var SELECTOR_NAV_LINKS = '.nav-link';
+ var SELECTOR_NAV_ITEMS = '.nav-item';
+ var SELECTOR_LIST_ITEMS = '.list-group-item';
+ var SELECTOR_LINK_ITEMS = "".concat(SELECTOR_NAV_LINKS, ", ").concat(SELECTOR_NAV_ITEMS, " > ").concat(SELECTOR_NAV_LINKS, ", ").concat(SELECTOR_LIST_ITEMS);
+ var SELECTOR_DROPDOWN = '.dropdown';
+ var SELECTOR_DROPDOWN_TOGGLE$1 = '.dropdown-toggle';
+ var Default$1 = {
offset: null,
// TODO: v6 @deprecated, keep it for backwards compatibility reasons
rootMargin: '0px 0px -25%',
@@ -5610,7 +6177,7 @@
target: null,
threshold: [0.1, 0.5, 1]
};
- const DefaultType$1 = {
+ var DefaultType$1 = {
offset: '(number|null)',
// TODO v6 @deprecated, keep it for backwards compatibility reasons
rootMargin: 'string',
@@ -5622,207 +6189,309 @@
/**
* Class definition
*/
-
- class ScrollSpy extends BaseComponent {
- constructor(element, config) {
- super(element, config);
+ var ScrollSpy = /*#__PURE__*/function (_BaseComponent9) {
+ function ScrollSpy(element, config) {
+ var _this47;
+ _classCallCheck(this, ScrollSpy);
+ _this47 = _callSuper(this, ScrollSpy, [element, config]);
// this._element is the observablesContainer and config.target the menu links wrapper
- this._targetLinks = new Map();
- this._observableSections = new Map();
- this._rootElement = getComputedStyle(this._element).overflowY === 'visible' ? null : this._element;
- this._activeTarget = null;
- this._observer = null;
- this._previousScrollData = {
+ _this47._targetLinks = new Map();
+ _this47._observableSections = new Map();
+ _this47._rootElement = getComputedStyle(_this47._element).overflowY === 'visible' ? null : _this47._element;
+ _this47._activeTarget = null;
+ _this47._observer = null;
+ _this47._previousScrollData = {
visibleEntryTop: 0,
parentScrollTop: 0
};
- this.refresh(); // initialize
+ _this47.refresh(); // initialize
+ return _this47;
}
// Getters
- static get Default() {
- return Default$1;
- }
- static get DefaultType() {
- return DefaultType$1;
- }
- static get NAME() {
- return NAME$2;
- }
-
- // Public
- refresh() {
- this._initializeTargetsAndObservables();
- this._maybeEnableSmoothScroll();
- if (this._observer) {
+ _inherits(ScrollSpy, _BaseComponent9);
+ return _createClass(ScrollSpy, [{
+ key: "refresh",
+ value:
+ // Public
+ function refresh() {
+ this._initializeTargetsAndObservables();
+ this._maybeEnableSmoothScroll();
+ if (this._observer) {
+ this._observer.disconnect();
+ } else {
+ this._observer = this._getNewObserver();
+ }
+ var _iterator23 = _createForOfIteratorHelper(this._observableSections.values()),
+ _step23;
+ try {
+ for (_iterator23.s(); !(_step23 = _iterator23.n()).done;) {
+ var section = _step23.value;
+ this._observer.observe(section);
+ }
+ } catch (err) {
+ _iterator23.e(err);
+ } finally {
+ _iterator23.f();
+ }
+ }
+ }, {
+ key: "dispose",
+ value: function dispose() {
this._observer.disconnect();
- } else {
- this._observer = this._getNewObserver();
+ _superPropGet(ScrollSpy, "dispose", this, 3)([]);
}
- for (const section of this._observableSections.values()) {
- this._observer.observe(section);
+
+ // Private
+ }, {
+ key: "_configAfterMerge",
+ value: function _configAfterMerge(config) {
+ // TODO: on v6 target should be given explicitly & remove the {target: 'ss-target'} case
+ config.target = getElement(config.target) || document.body;
+
+ // TODO: v6 Only for backwards compatibility reasons. Use rootMargin only
+ config.rootMargin = config.offset ? "".concat(config.offset, "px 0px -30%") : config.rootMargin;
+ if (typeof config.threshold === 'string') {
+ config.threshold = config.threshold.split(',').map(function (value) {
+ return Number.parseFloat(value);
+ });
+ }
+ return config;
}
- }
- dispose() {
- this._observer.disconnect();
- super.dispose();
- }
+ }, {
+ key: "_maybeEnableSmoothScroll",
+ value: function _maybeEnableSmoothScroll() {
+ var _this48 = this;
+ if (!this._config.smoothScroll) {
+ return;
+ }
- // Private
- _configAfterMerge(config) {
- // TODO: on v6 target should be given explicitly & remove the {target: 'ss-target'} case
- config.target = getElement(config.target) || document.body;
+ // unregister any previous listeners
+ EventHandler.off(this._config.target, EVENT_CLICK);
+ EventHandler.on(this._config.target, EVENT_CLICK, SELECTOR_TARGET_LINKS, function (event) {
+ var observableSection = _this48._observableSections.get(event.target.hash);
+ if (observableSection) {
+ event.preventDefault();
+ var root = _this48._rootElement || window;
+ var height = observableSection.offsetTop - _this48._element.offsetTop;
+ if (root.scrollTo) {
+ root.scrollTo({
+ top: height,
+ behavior: 'smooth'
+ });
+ return;
+ }
- // TODO: v6 Only for backwards compatibility reasons. Use rootMargin only
- config.rootMargin = config.offset ? `${config.offset}px 0px -30%` : config.rootMargin;
- if (typeof config.threshold === 'string') {
- config.threshold = config.threshold.split(',').map(value => Number.parseFloat(value));
- }
- return config;
- }
- _maybeEnableSmoothScroll() {
- if (!this._config.smoothScroll) {
- return;
+ // Chrome 60 doesn't support `scrollTo`
+ root.scrollTop = height;
+ }
+ });
}
+ }, {
+ key: "_getNewObserver",
+ value: function _getNewObserver() {
+ var _this49 = this;
+ var options = {
+ root: this._rootElement,
+ threshold: this._config.threshold,
+ rootMargin: this._config.rootMargin
+ };
+ return new IntersectionObserver(function (entries) {
+ return _this49._observerCallback(entries);
+ }, options);
+ }
+
+ // The logic of selection
+ }, {
+ key: "_observerCallback",
+ value: function _observerCallback(entries) {
+ var _this50 = this;
+ var targetElement = function targetElement(entry) {
+ return _this50._targetLinks.get("#".concat(entry.target.id));
+ };
+ var activate = function activate(entry) {
+ _this50._previousScrollData.visibleEntryTop = entry.target.offsetTop;
+ _this50._process(targetElement(entry));
+ };
+ var parentScrollTop = (this._rootElement || document.documentElement).scrollTop;
+ var userScrollsDown = parentScrollTop >= this._previousScrollData.parentScrollTop;
+ this._previousScrollData.parentScrollTop = parentScrollTop;
+ var _iterator24 = _createForOfIteratorHelper(entries),
+ _step24;
+ try {
+ for (_iterator24.s(); !(_step24 = _iterator24.n()).done;) {
+ var entry = _step24.value;
+ if (!entry.isIntersecting) {
+ this._activeTarget = null;
+ this._clearActiveClass(targetElement(entry));
+ continue;
+ }
+ var entryIsLowerThanPrevious = entry.target.offsetTop >= this._previousScrollData.visibleEntryTop;
+ // if we are scrolling down, pick the bigger offsetTop
+ if (userScrollsDown && entryIsLowerThanPrevious) {
+ activate(entry);
+ // if parent isn't scrolled, let's keep the first visible item, breaking the iteration
+ if (!parentScrollTop) {
+ return;
+ }
+ continue;
+ }
- // unregister any previous listeners
- EventHandler.off(this._config.target, EVENT_CLICK);
- EventHandler.on(this._config.target, EVENT_CLICK, SELECTOR_TARGET_LINKS, event => {
- const observableSection = this._observableSections.get(event.target.hash);
- if (observableSection) {
- event.preventDefault();
- const root = this._rootElement || window;
- const height = observableSection.offsetTop - this._element.offsetTop;
- if (root.scrollTo) {
- root.scrollTo({
- top: height,
- behavior: 'smooth'
- });
- return;
+ // if we are scrolling up, pick the smallest offsetTop
+ if (!userScrollsDown && !entryIsLowerThanPrevious) {
+ activate(entry);
+ }
}
-
- // Chrome 60 doesn't support `scrollTo`
- root.scrollTop = height;
+ } catch (err) {
+ _iterator24.e(err);
+ } finally {
+ _iterator24.f();
}
- });
- }
- _getNewObserver() {
- const options = {
- root: this._rootElement,
- threshold: this._config.threshold,
- rootMargin: this._config.rootMargin
- };
- return new IntersectionObserver(entries => this._observerCallback(entries), options);
- }
+ }
+ }, {
+ key: "_initializeTargetsAndObservables",
+ value: function _initializeTargetsAndObservables() {
+ this._targetLinks = new Map();
+ this._observableSections = new Map();
+ var targetLinks = SelectorEngine.find(SELECTOR_TARGET_LINKS, this._config.target);
+ var _iterator25 = _createForOfIteratorHelper(targetLinks),
+ _step25;
+ try {
+ for (_iterator25.s(); !(_step25 = _iterator25.n()).done;) {
+ var anchor = _step25.value;
+ // ensure that the anchor has an id and is not disabled
+ if (!anchor.hash || isDisabled(anchor)) {
+ continue;
+ }
+ var observableSection = SelectorEngine.findOne(decodeURI(anchor.hash), this._element);
- // The logic of selection
- _observerCallback(entries) {
- const targetElement = entry => this._targetLinks.get(`#${entry.target.id}`);
- const activate = entry => {
- this._previousScrollData.visibleEntryTop = entry.target.offsetTop;
- this._process(targetElement(entry));
- };
- const parentScrollTop = (this._rootElement || document.documentElement).scrollTop;
- const userScrollsDown = parentScrollTop >= this._previousScrollData.parentScrollTop;
- this._previousScrollData.parentScrollTop = parentScrollTop;
- for (const entry of entries) {
- if (!entry.isIntersecting) {
- this._activeTarget = null;
- this._clearActiveClass(targetElement(entry));
- continue;
- }
- const entryIsLowerThanPrevious = entry.target.offsetTop >= this._previousScrollData.visibleEntryTop;
- // if we are scrolling down, pick the bigger offsetTop
- if (userScrollsDown && entryIsLowerThanPrevious) {
- activate(entry);
- // if parent isn't scrolled, let's keep the first visible item, breaking the iteration
- if (!parentScrollTop) {
- return;
+ // ensure that the observableSection exists & is visible
+ if (isVisible(observableSection)) {
+ this._targetLinks.set(decodeURI(anchor.hash), anchor);
+ this._observableSections.set(anchor.hash, observableSection);
+ }
}
- continue;
+ } catch (err) {
+ _iterator25.e(err);
+ } finally {
+ _iterator25.f();
}
-
- // if we are scrolling up, pick the smallest offsetTop
- if (!userScrollsDown && !entryIsLowerThanPrevious) {
- activate(entry);
+ }
+ }, {
+ key: "_process",
+ value: function _process(target) {
+ if (this._activeTarget === target) {
+ return;
}
+ this._clearActiveClass(this._config.target);
+ this._activeTarget = target;
+ target.classList.add(CLASS_NAME_ACTIVE$1);
+ this._activateParents(target);
+ EventHandler.trigger(this._element, EVENT_ACTIVATE, {
+ relatedTarget: target
+ });
}
- }
- _initializeTargetsAndObservables() {
- this._targetLinks = new Map();
- this._observableSections = new Map();
- const targetLinks = SelectorEngine.find(SELECTOR_TARGET_LINKS, this._config.target);
- for (const anchor of targetLinks) {
- // ensure that the anchor has an id and is not disabled
- if (!anchor.hash || isDisabled(anchor)) {
- continue;
+ }, {
+ key: "_activateParents",
+ value: function _activateParents(target) {
+ // Activate dropdown parents
+ if (target.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {
+ SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE$1, target.closest(SELECTOR_DROPDOWN)).classList.add(CLASS_NAME_ACTIVE$1);
+ return;
}
- const observableSection = SelectorEngine.findOne(decodeURI(anchor.hash), this._element);
-
- // ensure that the observableSection exists & is visible
- if (isVisible(observableSection)) {
- this._targetLinks.set(decodeURI(anchor.hash), anchor);
- this._observableSections.set(anchor.hash, observableSection);
+ var _iterator26 = _createForOfIteratorHelper(SelectorEngine.parents(target, SELECTOR_NAV_LIST_GROUP)),
+ _step26;
+ try {
+ for (_iterator26.s(); !(_step26 = _iterator26.n()).done;) {
+ var listGroup = _step26.value;
+ // Set triggered links parents as active
+ // With both - and