AB: eliminazione js/css inutilizzati:
- modernizr - jquery - jqueriui
@@ -1,33 +1,32 @@
|
||||
<?xml version="1.0" encoding="utf-8" ?>
|
||||
<bundles version="1.0">
|
||||
<styleBundle path="~/Content/css">
|
||||
<include path="~/Content/bootstrap.min.css" />
|
||||
<include path="~/Content/font-awesome.min.css" />
|
||||
<include path="~/Content/fonts.min.css" />
|
||||
<include path="~/Content/typeahead.min.css" />
|
||||
<include path="~/Content/dichMan.min.css" />
|
||||
<include path="~/Content/bloccoMacc.min.css" />
|
||||
<include path="~/Content/flashing.min.css" />
|
||||
<include path="~/Content/baseStyle.min.css" />
|
||||
</styleBundle>
|
||||
<styleBundle path="~/Content/themes/base/css">
|
||||
<!--<include path="~/Content/themes/base/jquery.ui.all.css" />-->
|
||||
<include path="~/Content/themes/base/jquery.ui.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.accordion.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.autocomplete.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.base.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.button.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.core.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.datepicker.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.dialog.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.menu.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.progressbar.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.resizable.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.selectable.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.slider.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.spinner.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.tabs.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.theme.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.tooltip.css" />
|
||||
</styleBundle>
|
||||
<styleBundle path="~/Content/css">
|
||||
<include path="~/Content/bootstrap.min.css" />
|
||||
<include path="~/Content/font-awesome.min.css" />
|
||||
<include path="~/Content/fonts.min.css" />
|
||||
<include path="~/Content/typeahead.min.css" />
|
||||
<include path="~/Content/dichMan.min.css" />
|
||||
<include path="~/Content/bloccoMacc.min.css" />
|
||||
<include path="~/Content/flashing.min.css" />
|
||||
<include path="~/Content/baseStyle.min.css" />
|
||||
</styleBundle>
|
||||
<!--<styleBundle path="~/Content/themes/base/css">
|
||||
<include path="~/Content/themes/base/jquery.ui.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.accordion.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.autocomplete.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.base.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.button.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.core.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.datepicker.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.dialog.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.menu.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.progressbar.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.resizable.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.selectable.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.slider.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.spinner.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.tabs.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.theme.css" />
|
||||
<include path="~/Content/themes/base/jquery.ui.tooltip.css" />
|
||||
</styleBundle>-->
|
||||
</bundles>
|
||||
|
||||
@@ -1,36 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Accordion 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/accordion/#theming
|
||||
*/
|
||||
.ui-accordion .ui-accordion-header {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
margin: 2px 0 0 0;
|
||||
padding: .5em .5em .5em .7em;
|
||||
min-height: 0; /* support: IE7 */
|
||||
font-size: 100%;
|
||||
}
|
||||
.ui-accordion .ui-accordion-icons {
|
||||
padding-left: 2.2em;
|
||||
}
|
||||
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
|
||||
padding-left: 2.2em;
|
||||
}
|
||||
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
||||
position: absolute;
|
||||
left: .5em;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.ui-accordion .ui-accordion-content {
|
||||
padding: 1em 2.2em;
|
||||
border-top: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI CSS Framework 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/category/theming/
|
||||
*/
|
||||
@import "base.css";
|
||||
@import "theme.css";
|
||||
@@ -1,16 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Autocomplete 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/autocomplete/#theming
|
||||
*/
|
||||
.ui-autocomplete {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
}
|
||||
@@ -1,28 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI CSS Framework 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/category/theming/
|
||||
*/
|
||||
@import url("core.css");
|
||||
|
||||
@import url("accordion.css");
|
||||
@import url("autocomplete.css");
|
||||
@import url("button.css");
|
||||
@import url("datepicker.css");
|
||||
@import url("dialog.css");
|
||||
@import url("draggable.css");
|
||||
@import url("menu.css");
|
||||
@import url("progressbar.css");
|
||||
@import url("resizable.css");
|
||||
@import url("selectable.css");
|
||||
@import url("selectmenu.css");
|
||||
@import url("sortable.css");
|
||||
@import url("slider.css");
|
||||
@import url("spinner.css");
|
||||
@import url("tabs.css");
|
||||
@import url("tooltip.css");
|
||||
@@ -1,114 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Button 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/button/#theming
|
||||
*/
|
||||
.ui-button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
line-height: normal;
|
||||
margin-right: .1em;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
overflow: visible; /* removes extra width in IE */
|
||||
}
|
||||
.ui-button,
|
||||
.ui-button:link,
|
||||
.ui-button:visited,
|
||||
.ui-button:hover,
|
||||
.ui-button:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* to make room for the icon, a width needs to be set here */
|
||||
.ui-button-icon-only {
|
||||
width: 2.2em;
|
||||
}
|
||||
/* button elements seem to need a little more width */
|
||||
button.ui-button-icon-only {
|
||||
width: 2.4em;
|
||||
}
|
||||
.ui-button-icons-only {
|
||||
width: 3.4em;
|
||||
}
|
||||
button.ui-button-icons-only {
|
||||
width: 3.7em;
|
||||
}
|
||||
|
||||
/* button text element */
|
||||
.ui-button .ui-button-text {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
}
|
||||
.ui-button-text-only .ui-button-text {
|
||||
padding: .4em 1em;
|
||||
}
|
||||
.ui-button-icon-only .ui-button-text,
|
||||
.ui-button-icons-only .ui-button-text {
|
||||
padding: .4em;
|
||||
text-indent: -9999999px;
|
||||
}
|
||||
.ui-button-text-icon-primary .ui-button-text,
|
||||
.ui-button-text-icons .ui-button-text {
|
||||
padding: .4em 1em .4em 2.1em;
|
||||
}
|
||||
.ui-button-text-icon-secondary .ui-button-text,
|
||||
.ui-button-text-icons .ui-button-text {
|
||||
padding: .4em 2.1em .4em 1em;
|
||||
}
|
||||
.ui-button-text-icons .ui-button-text {
|
||||
padding-left: 2.1em;
|
||||
padding-right: 2.1em;
|
||||
}
|
||||
/* no icon support for input elements, provide padding by default */
|
||||
input.ui-button {
|
||||
padding: .4em 1em;
|
||||
}
|
||||
|
||||
/* button icon element(s) */
|
||||
.ui-button-icon-only .ui-icon,
|
||||
.ui-button-text-icon-primary .ui-icon,
|
||||
.ui-button-text-icon-secondary .ui-icon,
|
||||
.ui-button-text-icons .ui-icon,
|
||||
.ui-button-icons-only .ui-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.ui-button-icon-only .ui-icon {
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
}
|
||||
.ui-button-text-icon-primary .ui-button-icon-primary,
|
||||
.ui-button-text-icons .ui-button-icon-primary,
|
||||
.ui-button-icons-only .ui-button-icon-primary {
|
||||
left: .5em;
|
||||
}
|
||||
.ui-button-text-icon-secondary .ui-button-icon-secondary,
|
||||
.ui-button-text-icons .ui-button-icon-secondary,
|
||||
.ui-button-icons-only .ui-button-icon-secondary {
|
||||
right: .5em;
|
||||
}
|
||||
|
||||
/* button sets */
|
||||
.ui-buttonset {
|
||||
margin-right: 7px;
|
||||
}
|
||||
.ui-buttonset .ui-button {
|
||||
margin-left: 0;
|
||||
margin-right: -.3em;
|
||||
}
|
||||
|
||||
/* workarounds */
|
||||
/* reset extra padding in Firefox, see h5bp.com/l */
|
||||
input.ui-button::-moz-focus-inner,
|
||||
button.ui-button::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -1,93 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI CSS Framework 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/category/theming/
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ui-helper-hidden-accessible {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
.ui-helper-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
line-height: 1.3;
|
||||
text-decoration: none;
|
||||
font-size: 100%;
|
||||
list-style: none;
|
||||
}
|
||||
.ui-helper-clearfix:before,
|
||||
.ui-helper-clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.ui-helper-clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.ui-helper-clearfix {
|
||||
min-height: 0; /* support: IE7 */
|
||||
}
|
||||
.ui-helper-zfix {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter:Alpha(Opacity=0); /* support: IE8 */
|
||||
}
|
||||
|
||||
.ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -1,175 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Datepicker 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/datepicker/#theming
|
||||
*/
|
||||
.ui-datepicker {
|
||||
width: 17em;
|
||||
padding: .2em .2em 0;
|
||||
display: none;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-header {
|
||||
position: relative;
|
||||
padding: .2em 0;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev,
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
width: 1.8em;
|
||||
height: 1.8em;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev-hover,
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
top: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev {
|
||||
left: 2px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
right: 2px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev-hover {
|
||||
left: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
right: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev span,
|
||||
.ui-datepicker .ui-datepicker-next span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title {
|
||||
margin: 0 2.3em;
|
||||
line-height: 1.8em;
|
||||
text-align: center;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title select {
|
||||
font-size: 1em;
|
||||
margin: 1px 0;
|
||||
}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year {
|
||||
width: 45%;
|
||||
}
|
||||
.ui-datepicker table {
|
||||
width: 100%;
|
||||
font-size: .9em;
|
||||
border-collapse: collapse;
|
||||
margin: 0 0 .4em;
|
||||
}
|
||||
.ui-datepicker th {
|
||||
padding: .7em .3em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
}
|
||||
.ui-datepicker td {
|
||||
border: 0;
|
||||
padding: 1px;
|
||||
}
|
||||
.ui-datepicker td span,
|
||||
.ui-datepicker td a {
|
||||
display: block;
|
||||
padding: .2em;
|
||||
text-align: right;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane {
|
||||
background-image: none;
|
||||
margin: .7em 0 0 0;
|
||||
padding: 0 .2em;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane button {
|
||||
float: right;
|
||||
margin: .5em .2em .4em;
|
||||
cursor: pointer;
|
||||
padding: .2em .6em .3em .6em;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi {
|
||||
width: auto;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group {
|
||||
float: left;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group table {
|
||||
width: 95%;
|
||||
margin: 0 auto .4em;
|
||||
}
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group {
|
||||
width: 50%;
|
||||
}
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group {
|
||||
width: 33.3%;
|
||||
}
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group {
|
||||
width: 25%;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||||
clear: left;
|
||||
}
|
||||
.ui-datepicker-row-break {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-prev {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-next {
|
||||
left: 2px;
|
||||
right: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
||||
right: 1px;
|
||||
left: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
||||
left: 1px;
|
||||
right: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
||||
clear: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
||||
float: left;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
||||
.ui-datepicker-rtl .ui-datepicker-group {
|
||||
float: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-right-width: 0;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
@@ -1,70 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Dialog 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/dialog/#theming
|
||||
*/
|
||||
.ui-dialog {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: .2em;
|
||||
outline: 0;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar {
|
||||
padding: .4em 1em;
|
||||
position: relative;
|
||||
}
|
||||
.ui-dialog .ui-dialog-title {
|
||||
float: left;
|
||||
margin: .1em 0;
|
||||
white-space: nowrap;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
position: absolute;
|
||||
right: .3em;
|
||||
top: 50%;
|
||||
width: 20px;
|
||||
margin: -10px 0 0 0;
|
||||
padding: 1px;
|
||||
height: 20px;
|
||||
}
|
||||
.ui-dialog .ui-dialog-content {
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: .5em 1em;
|
||||
background: none;
|
||||
overflow: auto;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
text-align: left;
|
||||
border-width: 1px 0 0 0;
|
||||
background-image: none;
|
||||
margin-top: .5em;
|
||||
padding: .3em 1em .5em .4em;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: right;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
margin: .5em .4em .5em 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-dialog .ui-resizable-se {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: -5px;
|
||||
bottom: -5px;
|
||||
background-position: 16px 16px;
|
||||
}
|
||||
.ui-draggable .ui-dialog-titlebar {
|
||||
cursor: move;
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Draggable 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*/
|
||||
.ui-draggable-handle {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 180 B |
|
Before Width: | Height: | Size: 178 B |
|
Before Width: | Height: | Size: 120 B |
|
Before Width: | Height: | Size: 105 B |
|
Before Width: | Height: | Size: 111 B |
|
Before Width: | Height: | Size: 110 B |
|
Before Width: | Height: | Size: 119 B |
|
Before Width: | Height: | Size: 101 B |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 6.2 KiB |
@@ -1,63 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Menu 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/menu/#theming
|
||||
*/
|
||||
.ui-menu {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
outline: none;
|
||||
}
|
||||
.ui-menu .ui-menu {
|
||||
position: absolute;
|
||||
}
|
||||
.ui-menu .ui-menu-item {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 3px 1em 3px .4em;
|
||||
cursor: pointer;
|
||||
min-height: 0; /* support: IE7 */
|
||||
/* support: IE10, see #8844 */
|
||||
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
|
||||
}
|
||||
.ui-menu .ui-menu-divider {
|
||||
margin: 5px 0;
|
||||
height: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
border-width: 1px 0 0 0;
|
||||
}
|
||||
.ui-menu .ui-state-focus,
|
||||
.ui-menu .ui-state-active {
|
||||
margin: -1px;
|
||||
}
|
||||
|
||||
/* icon support */
|
||||
.ui-menu-icons {
|
||||
position: relative;
|
||||
}
|
||||
.ui-menu-icons .ui-menu-item {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
/* left-aligned */
|
||||
.ui-menu .ui-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: .2em;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
/* right-aligned */
|
||||
.ui-menu .ui-menu-icon {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
@@ -1,28 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Progressbar 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/progressbar/#theming
|
||||
*/
|
||||
.ui-progressbar {
|
||||
height: 2em;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-value {
|
||||
margin: -1px;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-progressbar .ui-progressbar-overlay {
|
||||
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
|
||||
height: 100%;
|
||||
filter: alpha(opacity=25); /* support: IE8 */
|
||||
opacity: 0.25;
|
||||
}
|
||||
.ui-progressbar-indeterminate .ui-progressbar-value {
|
||||
background-image: none;
|
||||
}
|
||||
@@ -1,78 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Resizable 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*/
|
||||
.ui-resizable {
|
||||
position: relative;
|
||||
}
|
||||
.ui-resizable-handle {
|
||||
position: absolute;
|
||||
font-size: 0.1px;
|
||||
display: block;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.ui-resizable-disabled .ui-resizable-handle,
|
||||
.ui-resizable-autohide .ui-resizable-handle {
|
||||
display: none;
|
||||
}
|
||||
.ui-resizable-n {
|
||||
cursor: n-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-resizable-s {
|
||||
cursor: s-resize;
|
||||
height: 7px;
|
||||
width: 100%;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
}
|
||||
.ui-resizable-e {
|
||||
cursor: e-resize;
|
||||
width: 7px;
|
||||
right: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable-w {
|
||||
cursor: w-resize;
|
||||
width: 7px;
|
||||
left: -5px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-resizable-se {
|
||||
cursor: se-resize;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
right: 1px;
|
||||
bottom: 1px;
|
||||
}
|
||||
.ui-resizable-sw {
|
||||
cursor: sw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
bottom: -5px;
|
||||
}
|
||||
.ui-resizable-nw {
|
||||
cursor: nw-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
.ui-resizable-ne {
|
||||
cursor: ne-resize;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
}
|
||||
@@ -1,17 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Selectable 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*/
|
||||
.ui-selectable {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.ui-selectable-helper {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
border: 1px dotted black;
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Selectmenu 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/selectmenu/#theming
|
||||
*/
|
||||
.ui-selectmenu-menu {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
.ui-selectmenu-menu .ui-menu {
|
||||
overflow: auto;
|
||||
/* Support: IE7 */
|
||||
overflow-x: hidden;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
line-height: 1.5;
|
||||
padding: 2px 0.4em;
|
||||
margin: 0.5em 0 0 0;
|
||||
height: auto;
|
||||
border: 0;
|
||||
}
|
||||
.ui-selectmenu-open {
|
||||
display: block;
|
||||
}
|
||||
.ui-selectmenu-button {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-selectmenu-button span.ui-icon {
|
||||
right: 0.5em;
|
||||
left: auto;
|
||||
margin-top: -8px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
}
|
||||
.ui-selectmenu-button span.ui-selectmenu-text {
|
||||
text-align: left;
|
||||
padding: 0.4em 2.1em 0.4em 1em;
|
||||
display: block;
|
||||
line-height: 1.4;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -1,75 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Slider 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/slider/#theming
|
||||
*/
|
||||
.ui-slider {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
.ui-slider .ui-slider-handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
cursor: default;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
font-size: .7em;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
/* support: IE8 - See #6727 */
|
||||
.ui-slider.ui-state-disabled .ui-slider-handle,
|
||||
.ui-slider.ui-state-disabled .ui-slider-range {
|
||||
filter: inherit;
|
||||
}
|
||||
|
||||
.ui-slider-horizontal {
|
||||
height: .8em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-handle {
|
||||
top: -.3em;
|
||||
margin-left: -.6em;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-min {
|
||||
left: 0;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-range-max {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ui-slider-vertical {
|
||||
width: .8em;
|
||||
height: 100px;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-handle {
|
||||
left: -.3em;
|
||||
margin-left: 0;
|
||||
margin-bottom: -.6em;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-min {
|
||||
bottom: 0;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-range-max {
|
||||
top: 0;
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Sortable 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*/
|
||||
.ui-sortable-handle {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
@@ -1,65 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Spinner 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/spinner/#theming
|
||||
*/
|
||||
.ui-spinner {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ui-spinner-input {
|
||||
border: none;
|
||||
background: none;
|
||||
color: inherit;
|
||||
padding: 0;
|
||||
margin: .2em 0;
|
||||
vertical-align: middle;
|
||||
margin-left: .4em;
|
||||
margin-right: 22px;
|
||||
}
|
||||
.ui-spinner-button {
|
||||
width: 16px;
|
||||
height: 50%;
|
||||
font-size: .5em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
cursor: default;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
right: 0;
|
||||
}
|
||||
/* more specificity required here to override default borders */
|
||||
.ui-spinner a.ui-spinner-button {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
}
|
||||
/* vertically center icon */
|
||||
.ui-spinner .ui-icon {
|
||||
position: absolute;
|
||||
margin-top: -8px;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
.ui-spinner-up {
|
||||
top: 0;
|
||||
}
|
||||
.ui-spinner-down {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* TR overrides */
|
||||
.ui-spinner .ui-icon-triangle-1-s {
|
||||
/* need to fix icons sprite */
|
||||
background-position: -65px -16px;
|
||||
}
|
||||
@@ -1,51 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Tabs 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/tabs/#theming
|
||||
*/
|
||||
.ui-tabs {
|
||||
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||||
padding: .2em;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav {
|
||||
margin: 0;
|
||||
padding: .2em .2em 0;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
position: relative;
|
||||
top: 0;
|
||||
margin: 1px .2em 0 0;
|
||||
border-bottom-width: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
||||
float: left;
|
||||
padding: .5em 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
||||
margin-bottom: -1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
||||
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
||||
cursor: text;
|
||||
}
|
||||
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ui-tabs .ui-tabs-panel {
|
||||
display: block;
|
||||
border-width: 0;
|
||||
padding: 1em 1.4em;
|
||||
background: none;
|
||||
}
|
||||
@@ -1,444 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI CSS Framework 1.12.0
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/category/theming/
|
||||
*
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget {
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget .ui-widget {
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget input,
|
||||
.ui-widget select,
|
||||
.ui-widget textarea,
|
||||
.ui-widget button {
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.ui-widget.ui-widget-content {
|
||||
border: 1px solid #c5c5c5;
|
||||
}
|
||||
.ui-widget-content {
|
||||
border: 1px solid #dddddd;
|
||||
background: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
.ui-widget-content a {
|
||||
color: #333333;
|
||||
}
|
||||
.ui-widget-header {
|
||||
border: 1px solid #dddddd;
|
||||
background: #e9e9e9;
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-widget-header a {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default,
|
||||
.ui-button,
|
||||
|
||||
/* We use html here because we need a greater specificity to make sure disabled
|
||||
works properly when clicked or hovered */
|
||||
html .ui-button.ui-state-disabled:hover,
|
||||
html .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid #c5c5c5;
|
||||
background: #f6f6f6;
|
||||
font-weight: normal;
|
||||
color: #454545;
|
||||
}
|
||||
.ui-state-default a,
|
||||
.ui-state-default a:link,
|
||||
.ui-state-default a:visited,
|
||||
a.ui-button,
|
||||
a:link.ui-button,
|
||||
a:visited.ui-button,
|
||||
.ui-button {
|
||||
color: #454545;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-state-hover,
|
||||
.ui-widget-content .ui-state-hover,
|
||||
.ui-widget-header .ui-state-hover,
|
||||
.ui-state-focus,
|
||||
.ui-widget-content .ui-state-focus,
|
||||
.ui-widget-header .ui-state-focus,
|
||||
.ui-button:hover,
|
||||
.ui-button:focus {
|
||||
border: 1px solid #cccccc;
|
||||
background: #ededed;
|
||||
font-weight: normal;
|
||||
color: #2b2b2b;
|
||||
}
|
||||
.ui-state-hover a,
|
||||
.ui-state-hover a:hover,
|
||||
.ui-state-hover a:link,
|
||||
.ui-state-hover a:visited,
|
||||
.ui-state-focus a,
|
||||
.ui-state-focus a:hover,
|
||||
.ui-state-focus a:link,
|
||||
.ui-state-focus a:visited,
|
||||
a.ui-button:hover,
|
||||
a.ui-button:focus {
|
||||
color: #2b2b2b;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-visual-focus {
|
||||
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
|
||||
}
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active,
|
||||
a.ui-button:active,
|
||||
.ui-button:active,
|
||||
.ui-button.ui-state-active:hover {
|
||||
border: 1px solid #003eff;
|
||||
background: #007fff;
|
||||
font-weight: normal;
|
||||
color: #ffffff;
|
||||
}
|
||||
.ui-icon-background,
|
||||
.ui-state-active .ui-icon-background {
|
||||
border: #003eff;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.ui-state-active a,
|
||||
.ui-state-active a:link,
|
||||
.ui-state-active a:visited {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight,
|
||||
.ui-widget-content .ui-state-highlight,
|
||||
.ui-widget-header .ui-state-highlight {
|
||||
border: 1px solid #dad55e;
|
||||
background: #fffa90;
|
||||
color: #777620;
|
||||
}
|
||||
.ui-state-checked {
|
||||
border: 1px solid #dad55e;
|
||||
background: #fffa90;
|
||||
}
|
||||
.ui-state-highlight a,
|
||||
.ui-widget-content .ui-state-highlight a,
|
||||
.ui-widget-header .ui-state-highlight a {
|
||||
color: #777620;
|
||||
}
|
||||
.ui-state-error,
|
||||
.ui-widget-content .ui-state-error,
|
||||
.ui-widget-header .ui-state-error {
|
||||
border: 1px solid #f1a899;
|
||||
background: #fddfdf;
|
||||
color: #5f3f3f;
|
||||
}
|
||||
.ui-state-error a,
|
||||
.ui-widget-content .ui-state-error a,
|
||||
.ui-widget-header .ui-state-error a {
|
||||
color: #5f3f3f;
|
||||
}
|
||||
.ui-state-error-text,
|
||||
.ui-widget-content .ui-state-error-text,
|
||||
.ui-widget-header .ui-state-error-text {
|
||||
color: #5f3f3f;
|
||||
}
|
||||
.ui-priority-primary,
|
||||
.ui-widget-content .ui-priority-primary,
|
||||
.ui-widget-header .ui-priority-primary {
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary,
|
||||
.ui-widget-header .ui-priority-secondary {
|
||||
opacity: .7;
|
||||
filter:Alpha(Opacity=70); /* support: IE8 */
|
||||
font-weight: normal;
|
||||
}
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled,
|
||||
.ui-widget-header .ui-state-disabled {
|
||||
opacity: .35;
|
||||
filter:Alpha(Opacity=35); /* support: IE8 */
|
||||
background-image: none;
|
||||
}
|
||||
.ui-state-disabled .ui-icon {
|
||||
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
|
||||
}
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.ui-icon,
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url("images/ui-icons_444444_256x240.png");
|
||||
}
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url("images/ui-icons_444444_256x240.png");
|
||||
}
|
||||
.ui-button .ui-icon {
|
||||
background-image: url("images/ui-icons_777777_256x240.png");
|
||||
}
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon,
|
||||
.ui-button:hover .ui-icon,
|
||||
.ui-button:focus .ui-icon,
|
||||
.ui-state-default .ui-icon {
|
||||
background-image: url("images/ui-icons_555555_256x240.png");
|
||||
}
|
||||
.ui-state-active .ui-icon,
|
||||
.ui-button:active .ui-icon {
|
||||
background-image: url("images/ui-icons_ffffff_256x240.png");
|
||||
}
|
||||
.ui-state-highlight .ui-icon,
|
||||
.ui-button .ui-state-highlight.ui-icon {
|
||||
background-image: url("images/ui-icons_777620_256x240.png");
|
||||
}
|
||||
.ui-state-error .ui-icon,
|
||||
.ui-state-error-text .ui-icon {
|
||||
background-image: url("images/ui-icons_cc0000_256x240.png");
|
||||
}
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-blank { background-position: 16px 16px; }
|
||||
.ui-icon-caret-1-n { background-position: 0 0; }
|
||||
.ui-icon-caret-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-caret-1-e { background-position: -32px 0; }
|
||||
.ui-icon-caret-1-se { background-position: -48px 0; }
|
||||
.ui-icon-caret-1-s { background-position: -65px 0; }
|
||||
.ui-icon-caret-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-caret-1-w { background-position: -96px 0; }
|
||||
.ui-icon-caret-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-caret-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-caret-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -65px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -65px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-on { background-position: -96px -144px; }
|
||||
.ui-icon-radio-off { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay {
|
||||
background: #aaaaaa;
|
||||
opacity: .3;
|
||||
filter: Alpha(Opacity=30); /* support: IE8 */
|
||||
}
|
||||
.ui-widget-shadow {
|
||||
-webkit-box-shadow: 0px 0px 5px #666666;
|
||||
box-shadow: 0px 0px 5px #666666;
|
||||
}
|
||||
@@ -1,21 +0,0 @@
|
||||
/*!
|
||||
* jQuery UI Tooltip 1.11.4
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://api.jqueryui.com/tooltip/#theming
|
||||
*/
|
||||
.ui-tooltip {
|
||||
padding: 8px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
max-width: 300px;
|
||||
-webkit-box-shadow: 0 0 5px #aaa;
|
||||
box-shadow: 0 0 5px #aaa;
|
||||
}
|
||||
body .ui-tooltip {
|
||||
border-width: 2px;
|
||||
}
|
||||
@@ -91,12 +91,6 @@
|
||||
<SpecificVersion>False</SpecificVersion>
|
||||
<HintPath>..\packages\Antlr.3.5.0.2\lib\Antlr3.Runtime.dll</HintPath>
|
||||
</Reference>
|
||||
<Reference Include="AspNet.ScriptManager.jQuery, Version=3.7.0.0, Culture=neutral, processorArchitecture=MSIL">
|
||||
<HintPath>..\packages\AspNet.ScriptManager.jQuery.3.7.0\lib\net45\AspNet.ScriptManager.jQuery.dll</HintPath>
|
||||
</Reference>
|
||||
<Reference Include="AspNet.ScriptManager.jQuery.UI.Combined, Version=1.12.1.0, Culture=neutral, processorArchitecture=MSIL">
|
||||
<HintPath>..\packages\AspNet.ScriptManager.jQuery.UI.Combined.1.12.1\lib\net45\AspNet.ScriptManager.jQuery.UI.Combined.dll</HintPath>
|
||||
</Reference>
|
||||
<Reference Include="DnsClient, Version=1.7.0.0, Culture=neutral, PublicKeyToken=4574bb5573c51424, processorArchitecture=MSIL">
|
||||
<HintPath>..\packages\DnsClient.1.7.0\lib\net45\DnsClient.dll</HintPath>
|
||||
</Reference>
|
||||
@@ -325,47 +319,6 @@
|
||||
<Content Include="Content\fonts.min.css">
|
||||
<DependentUpon>fonts.css</DependentUpon>
|
||||
</Content>
|
||||
<Content Include="Content\themes\base\accordion.css" />
|
||||
<Content Include="Content\themes\base\all.css" />
|
||||
<Content Include="Content\themes\base\autocomplete.css" />
|
||||
<Content Include="Content\themes\base\base.css" />
|
||||
<Content Include="Content\themes\base\button.css" />
|
||||
<Content Include="Content\themes\base\core.css" />
|
||||
<Content Include="Content\themes\base\datepicker.css" />
|
||||
<Content Include="Content\themes\base\dialog.css" />
|
||||
<Content Include="Content\themes\base\draggable.css" />
|
||||
<Content Include="Content\themes\base\images\ui-bg_flat_0_aaaaaa_40x100.png" />
|
||||
<Content Include="Content\themes\base\images\ui-bg_flat_75_ffffff_40x100.png" />
|
||||
<Content Include="Content\themes\base\images\ui-bg_glass_55_fbf9ee_1x400.png" />
|
||||
<Content Include="Content\themes\base\images\ui-bg_glass_65_ffffff_1x400.png" />
|
||||
<Content Include="Content\themes\base\images\ui-bg_glass_75_dadada_1x400.png" />
|
||||
<Content Include="Content\themes\base\images\ui-bg_glass_75_e6e6e6_1x400.png" />
|
||||
<Content Include="Content\themes\base\images\ui-bg_glass_95_fef1ec_1x400.png" />
|
||||
<Content Include="Content\themes\base\images\ui-bg_highlight-soft_75_cccccc_1x100.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_222222_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_2e83ff_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_444444_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_454545_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_555555_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_777620_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_777777_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_888888_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_cc0000_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_cd0a0a_256x240.png" />
|
||||
<Content Include="Content\themes\base\images\ui-icons_ffffff_256x240.png" />
|
||||
<Content Include="Content\themes\base\jquery-ui.css" />
|
||||
<Content Include="Content\themes\base\jquery-ui.min.css" />
|
||||
<Content Include="Content\themes\base\menu.css" />
|
||||
<Content Include="Content\themes\base\progressbar.css" />
|
||||
<Content Include="Content\themes\base\resizable.css" />
|
||||
<Content Include="Content\themes\base\selectable.css" />
|
||||
<Content Include="Content\themes\base\selectmenu.css" />
|
||||
<Content Include="Content\themes\base\slider.css" />
|
||||
<Content Include="Content\themes\base\sortable.css" />
|
||||
<Content Include="Content\themes\base\spinner.css" />
|
||||
<Content Include="Content\themes\base\tabs.css" />
|
||||
<Content Include="Content\themes\base\theme.css" />
|
||||
<Content Include="Content\themes\base\tooltip.css" />
|
||||
<Content Include="Content\bootstrap\_variables.scss" />
|
||||
<Content Include="Content\bootstrap\_utilities.scss" />
|
||||
<Content Include="Content\bootstrap\_root.scss" />
|
||||
@@ -533,97 +486,11 @@
|
||||
<Content Include="Scripts\bootstrap.min.js" />
|
||||
<Content Include="Scripts\BrowserWindowSize.js" />
|
||||
<Content Include="Resources\_variables.scss" />
|
||||
<Content Include="Scripts\esm\popper-utils.js" />
|
||||
<Content Include="Scripts\esm\popper-utils.min.js" />
|
||||
<Content Include="Scripts\esm\popper.js" />
|
||||
<Content Include="Scripts\esm\popper.min.js" />
|
||||
<Content Include="Scripts\instascan.min.js">
|
||||
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
|
||||
</Content>
|
||||
<Content Include="Scripts\index.js.flow" />
|
||||
<Content Include="Scripts\bootstrap.esm.min.js.map" />
|
||||
<Content Include="Scripts\bootstrap.esm.js.map" />
|
||||
<None Include="Scripts\jquery-3.7.0.intellisense.js" />
|
||||
<Content Include="Scripts\jquery-3.7.0.js" />
|
||||
<Content Include="Scripts\jquery-3.7.0.min.js" />
|
||||
<Content Include="Scripts\jquery-3.7.0.slim.js" />
|
||||
<Content Include="Scripts\jquery-3.7.0.slim.min.js" />
|
||||
<Content Include="Scripts\jquery-ui-1.12.1.js" />
|
||||
<Content Include="Scripts\jquery-ui-1.12.1.min.js" />
|
||||
<Content Include="Scripts\jquery-ui-i18n.js" />
|
||||
<Content Include="Scripts\jquery-ui-i18n.min.js" />
|
||||
<Content Include="Scripts\modernizr-2.8.3.js" />
|
||||
<Content Include="Scripts\popper-utils.js" />
|
||||
<Content Include="Scripts\popper-utils.min.js" />
|
||||
<Content Include="Scripts\popper.js" />
|
||||
<Content Include="Scripts\popper.min.js" />
|
||||
<Content Include="Scripts\src\index.js" />
|
||||
<Content Include="Scripts\src\methods\defaults.js" />
|
||||
<Content Include="Scripts\src\methods\destroy.js" />
|
||||
<Content Include="Scripts\src\methods\disableEventListeners.js" />
|
||||
<Content Include="Scripts\src\methods\enableEventListeners.js" />
|
||||
<Content Include="Scripts\src\methods\placements.js" />
|
||||
<Content Include="Scripts\src\methods\update.js" />
|
||||
<Content Include="Scripts\src\modifiers\applyStyle.js" />
|
||||
<Content Include="Scripts\src\modifiers\arrow.js" />
|
||||
<Content Include="Scripts\src\modifiers\computeStyle.js" />
|
||||
<Content Include="Scripts\src\modifiers\flip.js" />
|
||||
<Content Include="Scripts\src\modifiers\hide.js" />
|
||||
<Content Include="Scripts\src\modifiers\index.js" />
|
||||
<Content Include="Scripts\src\modifiers\inner.js" />
|
||||
<Content Include="Scripts\src\modifiers\keepTogether.js" />
|
||||
<Content Include="Scripts\src\modifiers\offset.js" />
|
||||
<Content Include="Scripts\src\modifiers\preventOverflow.js" />
|
||||
<Content Include="Scripts\src\modifiers\shift.js" />
|
||||
<Content Include="Scripts\src\utils\clockwise.js" />
|
||||
<Content Include="Scripts\src\utils\computeAutoPlacement.js" />
|
||||
<Content Include="Scripts\src\utils\debounce.js" />
|
||||
<Content Include="Scripts\src\utils\find.js" />
|
||||
<Content Include="Scripts\src\utils\findCommonOffsetParent.js" />
|
||||
<Content Include="Scripts\src\utils\findIndex.js" />
|
||||
<Content Include="Scripts\src\utils\getBordersSize.js" />
|
||||
<Content Include="Scripts\src\utils\getBoundaries.js" />
|
||||
<Content Include="Scripts\src\utils\getBoundingClientRect.js" />
|
||||
<Content Include="Scripts\src\utils\getClientRect.js" />
|
||||
<Content Include="Scripts\src\utils\getFixedPositionOffsetParent.js" />
|
||||
<Content Include="Scripts\src\utils\getOffsetParent.js" />
|
||||
<Content Include="Scripts\src\utils\getOffsetRect.js" />
|
||||
<Content Include="Scripts\src\utils\getOffsetRectRelativeToArbitraryNode.js" />
|
||||
<Content Include="Scripts\src\utils\getOppositePlacement.js" />
|
||||
<Content Include="Scripts\src\utils\getOppositeVariation.js" />
|
||||
<Content Include="Scripts\src\utils\getOuterSizes.js" />
|
||||
<Content Include="Scripts\src\utils\getParentNode.js" />
|
||||
<Content Include="Scripts\src\utils\getPopperOffsets.js" />
|
||||
<Content Include="Scripts\src\utils\getReferenceNode.js" />
|
||||
<Content Include="Scripts\src\utils\getReferenceOffsets.js" />
|
||||
<Content Include="Scripts\src\utils\getRoot.js" />
|
||||
<Content Include="Scripts\src\utils\getRoundedOffsets.js" />
|
||||
<Content Include="Scripts\src\utils\getScroll.js" />
|
||||
<Content Include="Scripts\src\utils\getScrollParent.js" />
|
||||
<Content Include="Scripts\src\utils\getStyleComputedProperty.js" />
|
||||
<Content Include="Scripts\src\utils\getSupportedPropertyName.js" />
|
||||
<Content Include="Scripts\src\utils\getViewportOffsetRectRelativeToArtbitraryNode.js" />
|
||||
<Content Include="Scripts\src\utils\getWindow.js" />
|
||||
<Content Include="Scripts\src\utils\getWindowSizes.js" />
|
||||
<Content Include="Scripts\src\utils\includeScroll.js" />
|
||||
<Content Include="Scripts\src\utils\index.js" />
|
||||
<Content Include="Scripts\src\utils\isBrowser.js" />
|
||||
<Content Include="Scripts\src\utils\isFixed.js" />
|
||||
<Content Include="Scripts\src\utils\isFunction.js" />
|
||||
<Content Include="Scripts\src\utils\isIE.js" />
|
||||
<Content Include="Scripts\src\utils\isModifierEnabled.js" />
|
||||
<Content Include="Scripts\src\utils\isModifierRequired.js" />
|
||||
<Content Include="Scripts\src\utils\isNumeric.js" />
|
||||
<Content Include="Scripts\src\utils\isOffsetContainer.js" />
|
||||
<Content Include="Scripts\src\utils\removeEventListeners.js" />
|
||||
<Content Include="Scripts\src\utils\runModifiers.js" />
|
||||
<Content Include="Scripts\src\utils\setAttributes.js" />
|
||||
<Content Include="Scripts\src\utils\setStyles.js" />
|
||||
<Content Include="Scripts\src\utils\setupEventListeners.js" />
|
||||
<Content Include="Scripts\umd\popper-utils.js" />
|
||||
<Content Include="Scripts\umd\popper-utils.min.js" />
|
||||
<Content Include="Scripts\umd\popper.js" />
|
||||
<Content Include="Scripts\umd\popper.min.js" />
|
||||
<Content Include="Scripts\WebForms\DetailsView.js" />
|
||||
<Content Include="Scripts\WebForms\Focus.js" />
|
||||
<Content Include="Scripts\WebForms\GridView.js" />
|
||||
@@ -714,10 +581,6 @@
|
||||
<Content Include="WebUserControls\mod_title.ascx" />
|
||||
<Content Include="WebUserControls\mod_turni.ascx" />
|
||||
<Content Include="setupTgt.bat" />
|
||||
<Content Include="Scripts\umd\popper.js.flow" />
|
||||
<Content Include="Scripts\README.md" />
|
||||
<Content Include="Scripts\jquery-3.7.0.slim.min.map" />
|
||||
<Content Include="Scripts\jquery-3.7.0.min.map" />
|
||||
<None Include="Web.OVH-Demo.config">
|
||||
<DependentUpon>Web.config</DependentUpon>
|
||||
</None>
|
||||
@@ -1352,9 +1215,8 @@
|
||||
<Folder Include="Content\images\" />
|
||||
<Folder Include="Resources\Donati\BASI\" />
|
||||
<Folder Include="Resources\Donati\LAVORAZIONI\" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<TypeScriptCompile Include="Scripts\index.d.ts" />
|
||||
<Folder Include="Scripts\esm\" />
|
||||
<Folder Include="Scripts\umd\" />
|
||||
</ItemGroup>
|
||||
<PropertyGroup>
|
||||
<VisualStudioVersion Condition="'$(VisualStudioVersion)' == ''">10.0</VisualStudioVersion>
|
||||
|
||||
@@ -1,220 +0,0 @@
|
||||
<!-- IGNORE THE HTML BLOCK BELOW, THE INTERESTING PART IS AFTER IT -->
|
||||
|
||||
<h1 align="center">Popper.js</h1>
|
||||
|
||||
<p align="center">
|
||||
<strong>A library used to position poppers in web applications.</strong>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<img src="http://badge-size.now.sh/https://unpkg.com/popper.js/dist/popper.min.js?compression=brotli" alt="Stable Release Size"/>
|
||||
<img src="http://badge-size.now.sh/https://unpkg.com/popper.js/dist/popper.min.js?compression=gzip" alt="Stable Release Size"/>
|
||||
<a href="https://codeclimate.com/github/FezVrasta/popper.js/coverage"><img src="https://codeclimate.com/github/FezVrasta/popper.js/badges/coverage.svg" alt="Istanbul Code Coverage"/></a>
|
||||
<a href="https://www.npmjs.com/browse/depended/popper.js"><img src="https://badgen.net/npm/dependents/popper.js" alt="Dependents packages" /></a>
|
||||
<a href="https://spectrum.chat/popper-js" target="_blank"><img src="https://img.shields.io/badge/chat-on_spectrum-6833F9.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgOCI%2BPGRlZnM%2BPHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU%2BPC9kZWZzPjx0aXRsZT5zcGVjdHJ1bTwvdGl0bGU%2BPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNSwwQy40MiwwLDAsLjYzLDAsMy4zNGMwLDEuODQuMTksMi43MiwxLjc0LDMuMWgwVjcuNThhLjQ0LjQ0LDAsMCwwLC42OC4zNUw0LjM1LDYuNjlINWM0LjU4LDAsNS0uNjMsNS0zLjM1UzkuNTgsMCw1LDBaTTIuODMsNC4xOGEuNjMuNjMsMCwxLDEsLjY1LS42M0EuNjQuNjQsMCwwLDEsMi44Myw0LjE4Wk01LDQuMThhLjYzLjYzLDAsMSwxLC42NS0uNjNBLjY0LjY0LDAsMCwxLDUsNC4xOFptMi4xNywwYS42My42MywwLDEsMSwuNjUtLjYzQS42NC42NCwwLDAsMSw3LjE3LDQuMThaIi8%2BPC9zdmc%2B" alt="Get support or discuss"/></a>
|
||||
<br />
|
||||
<a href="https://travis-ci.org/FezVrasta/popper.js/branches" target="_blank"><img src="https://travis-ci.org/FezVrasta/popper.js.svg?branch=master" alt="Build Status"/></a>
|
||||
<a href="https://saucelabs.com/u/popperjs" target="_blank"><img src="https://badges.herokuapp.com/browsers?labels=none&googlechrome=latest&firefox=latestµsoftedge=latest&iexplore=11,10&safari=latest" alt="SauceLabs Reports"/></a>
|
||||
</p>
|
||||
|
||||
<img src="https://raw.githubusercontent.com/FezVrasta/popper.js/master/popperjs.png" align="right" width=250 />
|
||||
|
||||
<!-- 🚨 HEY! HERE BEGINS THE INTERESTING STUFF 🚨 -->
|
||||
|
||||
## Wut? Poppers?
|
||||
|
||||
A popper is an element on the screen which "pops out" from the natural flow of your application.
|
||||
Common examples of poppers are tooltips, popovers and drop-downs.
|
||||
|
||||
|
||||
## So, yet another tooltip library?
|
||||
|
||||
Well, basically, **no**.
|
||||
Popper.js is a **positioning engine**, its purpose is to calculate the position of an element
|
||||
to make it possible to position it near a given reference element.
|
||||
|
||||
The engine is completely modular and most of its features are implemented as **modifiers**
|
||||
(similar to middlewares or plugins).
|
||||
The whole code base is written in ES2015 and its features are automatically tested on real browsers thanks to [SauceLabs](https://saucelabs.com/) and [TravisCI](https://travis-ci.org/).
|
||||
|
||||
Popper.js has zero dependencies. No jQuery, no LoDash, nothing.
|
||||
It's used by big companies like [Twitter in Bootstrap v4](https://getbootstrap.com/), [Microsoft in WebClipper](https://github.com/OneNoteDev/WebClipper) and [Atlassian in AtlasKit](https://aui-cdn.atlassian.com/atlaskit/registry/).
|
||||
|
||||
### Popper.js
|
||||
|
||||
This is the engine, the library that computes and, optionally, applies the styles to
|
||||
the poppers.
|
||||
|
||||
Some of the key points are:
|
||||
|
||||
- Position elements keeping them in their original DOM context (doesn't mess with your DOM!);
|
||||
- Allows to export the computed informations to integrate with React and other view libraries;
|
||||
- Supports Shadow DOM elements;
|
||||
- Completely customizable thanks to the modifiers based structure;
|
||||
|
||||
Visit our [project page](https://fezvrasta.github.io/popper.js) to see a lot of examples of what you can do with Popper.js!
|
||||
|
||||
Find [the documentation here](/docs/_includes/popper-documentation.md).
|
||||
|
||||
|
||||
### Tooltip.js
|
||||
|
||||
Since lots of users just need a simple way to integrate powerful tooltips in their projects,
|
||||
we created **Tooltip.js**.
|
||||
It's a small library that makes it easy to automatically create tooltips using as engine Popper.js.
|
||||
Its API is almost identical to the famous tooltip system of Bootstrap, in this way it will be
|
||||
easy to integrate it in your projects.
|
||||
The tooltips generated by Tooltip.js are accessible thanks to the `aria` tags.
|
||||
|
||||
Find [the documentation here](/docs/_includes/tooltip-documentation.md).
|
||||
|
||||
|
||||
## Installation
|
||||
Popper.js is available on the following package managers and CDNs:
|
||||
|
||||
| Source | |
|
||||
|:-------|:---------------------------------------------------------------------------------|
|
||||
| npm | `npm install popper.js --save` |
|
||||
| yarn | `yarn add popper.js` |
|
||||
| NuGet | `PM> Install-Package popper.js` |
|
||||
| Bower | `bower install popper.js --save` |
|
||||
| unpkg | [`https://unpkg.com/popper.js`](https://unpkg.com/popper.js) |
|
||||
| cdnjs | [`https://cdnjs.com/libraries/popper.js`](https://cdnjs.com/libraries/popper.js) |
|
||||
|
||||
Tooltip.js as well:
|
||||
|
||||
| Source | |
|
||||
|:-------|:---------------------------------------------------------------------------------|
|
||||
| npm | `npm install tooltip.js --save` |
|
||||
| yarn | `yarn add tooltip.js` |
|
||||
| Bower* | `bower install tooltip.js=https://unpkg.com/tooltip.js --save` |
|
||||
| unpkg | [`https://unpkg.com/tooltip.js`](https://unpkg.com/tooltip.js) |
|
||||
| cdnjs | [`https://cdnjs.com/libraries/popper.js`](https://cdnjs.com/libraries/popper.js) |
|
||||
|
||||
\*: Bower isn't officially supported, it can be used to install Tooltip.js only trough the unpkg.com CDN. This method has the limitation of not being able to define a specific version of the library. Bower and Popper.js suggests to use npm or Yarn for your projects.
|
||||
For more info, [read the related issue](https://github.com/FezVrasta/popper.js/issues/390).
|
||||
|
||||
### Dist targets
|
||||
|
||||
Popper.js is currently shipped with 3 targets in mind: UMD, ESM and ESNext.
|
||||
|
||||
- UMD - Universal Module Definition: AMD, RequireJS and globals;
|
||||
- ESM - ES Modules: For webpack/Rollup or browser supporting the spec;
|
||||
- ESNext: Available in `dist/`, can be used with webpack and `babel-preset-env`;
|
||||
|
||||
Make sure to use the right one for your needs. If you want to import it with a `<script>` tag, use UMD.
|
||||
|
||||
## Usage
|
||||
|
||||
Given an existing popper DOM node, ask Popper.js to position it near its button
|
||||
|
||||
```js
|
||||
var reference = document.querySelector('.my-button');
|
||||
var popper = document.querySelector('.my-popper');
|
||||
var anotherPopper = new Popper(
|
||||
reference,
|
||||
popper,
|
||||
{
|
||||
// popper options here
|
||||
}
|
||||
);
|
||||
```
|
||||
|
||||
### Callbacks
|
||||
|
||||
Popper.js supports two kinds of callbacks, the `onCreate` callback is called after
|
||||
the popper has been initialized. The `onUpdate` one is called on any subsequent update.
|
||||
|
||||
```js
|
||||
const reference = document.querySelector('.my-button');
|
||||
const popper = document.querySelector('.my-popper');
|
||||
new Popper(reference, popper, {
|
||||
onCreate: (data) => {
|
||||
// data is an object containing all the informations computed
|
||||
// by Popper.js and used to style the popper and its arrow
|
||||
// The complete description is available in Popper.js documentation
|
||||
},
|
||||
onUpdate: (data) => {
|
||||
// same as `onCreate` but called on subsequent updates
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
### Writing your own modifiers
|
||||
|
||||
Popper.js is based on a "plugin-like" architecture, most of its features are fully encapsulated "modifiers".
|
||||
A modifier is a function that is called each time Popper.js needs to compute the position of the popper. For this reason, modifiers should be very performant to avoid bottlenecks.
|
||||
|
||||
To learn how to create a modifier, [read the modifiers documentation](docs/_includes/popper-documentation.md#modifiers--object)
|
||||
|
||||
|
||||
### React, Vue.js, Angular, AngularJS, Ember.js (etc...) integration
|
||||
|
||||
Integrating 3rd party libraries in React or other libraries can be a pain because
|
||||
they usually alter the DOM and drive the libraries crazy.
|
||||
Popper.js limits all its DOM modifications inside the `applyStyle` modifier,
|
||||
you can simply disable it and manually apply the popper coordinates using
|
||||
your library of choice.
|
||||
|
||||
For a comprehensive list of libraries that let you use Popper.js into existing
|
||||
frameworks, visit the [MENTIONS](/MENTIONS.md) page.
|
||||
|
||||
Alternatively, you may even override your own `applyStyles` with your custom one and
|
||||
integrate Popper.js by yourself!
|
||||
|
||||
```js
|
||||
function applyReactStyle(data) {
|
||||
// export data in your framework and use its content to apply the style to your popper
|
||||
};
|
||||
|
||||
const reference = document.querySelector('.my-button');
|
||||
const popper = document.querySelector('.my-popper');
|
||||
new Popper(reference, popper, {
|
||||
modifiers: {
|
||||
applyStyle: { enabled: false },
|
||||
applyReactStyle: {
|
||||
enabled: true,
|
||||
fn: applyReactStyle,
|
||||
order: 800,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
```
|
||||
|
||||
### Migration from Popper.js v0
|
||||
|
||||
Since the API changed, we prepared some migration instructions to make it easy to upgrade to
|
||||
Popper.js v1.
|
||||
|
||||
https://github.com/FezVrasta/popper.js/issues/62
|
||||
|
||||
Feel free to comment inside the issue if you have any questions.
|
||||
|
||||
### Performances
|
||||
|
||||
Popper.js is very performant. It usually takes 0.5ms to compute a popper's position (on an iMac with 3.5G GHz Intel Core i5).
|
||||
This means that it will not cause any [jank](https://www.chromium.org/developers/how-tos/trace-event-profiling-tool/anatomy-of-jank), leading to a smooth user experience.
|
||||
|
||||
## Notes
|
||||
|
||||
### Libraries using Popper.js
|
||||
|
||||
The aim of Popper.js is to provide a stable and powerful positioning engine ready to
|
||||
be used in 3rd party libraries.
|
||||
|
||||
Visit the [MENTIONS](/MENTIONS.md) page for an updated list of projects.
|
||||
|
||||
|
||||
### Credits
|
||||
I want to thank some friends and projects for the work they did:
|
||||
|
||||
- [@AndreaScn](https://github.com/AndreaScn) for his work on the GitHub Page and the manual testing he did during the development;
|
||||
- [@vampolo](https://github.com/vampolo) for the original idea and for the name of the library;
|
||||
- [Sysdig](https://github.com/Draios) for all the awesome things I learned during these years that made it possible for me to write this library;
|
||||
- [Tether.js](http://github.hubspot.com/tether/) for having inspired me in writing a positioning library ready for the real world;
|
||||
- [The Contributors](https://github.com/FezVrasta/popper.js/graphs/contributors) for their much appreciated Pull Requests and bug reports;
|
||||
- **you** for the star you'll give to this project and for being so awesome to give this project a try 🙂
|
||||
|
||||
### Copyright and license
|
||||
Code and documentation copyright 2016 **Federico Zivolo**. Code released under the [MIT license](LICENSE.md). Docs released under Creative Commons.
|
||||
@@ -1,3 +0,0 @@
|
||||
/// <reference path="jquery-3.3.1.js" />
|
||||
/// <reference path="jquery-ui-1.12.1.js" />
|
||||
/// <reference path="modernizr-2.8.3.js" />
|
||||
@@ -1,179 +0,0 @@
|
||||
/**
|
||||
* @fileoverview This file only declares the public portions of the API.
|
||||
* It should not define internal pieces such as utils or modifier details.
|
||||
*
|
||||
* Original definitions by: edcarroll <https://github.com/edcarroll>, ggray <https://github.com/giladgray>, rhysd <https://rhysd.github.io>, joscha <https://github.com/joscha>, seckardt <https://github.com/seckardt>, marcfallows <https://github.com/marcfallows>
|
||||
*/
|
||||
|
||||
/**
|
||||
* This kind of namespace declaration is not necessary, but is kept here for backwards-compatibility with
|
||||
* popper.js 1.x. It can be removed in 2.x so that the default export is simply the Popper class
|
||||
* and all the types / interfaces are top-level named exports.
|
||||
*/
|
||||
declare namespace Popper {
|
||||
export type Position = 'top' | 'right' | 'bottom' | 'left';
|
||||
|
||||
export type Placement = 'auto-start'
|
||||
| 'auto'
|
||||
| 'auto-end'
|
||||
| 'top-start'
|
||||
| 'top'
|
||||
| 'top-end'
|
||||
| 'right-start'
|
||||
| 'right'
|
||||
| 'right-end'
|
||||
| 'bottom-end'
|
||||
| 'bottom'
|
||||
| 'bottom-start'
|
||||
| 'left-end'
|
||||
| 'left'
|
||||
| 'left-start';
|
||||
|
||||
export type Boundary = 'scrollParent' | 'viewport' | 'window';
|
||||
|
||||
export type Behavior = 'flip' | 'clockwise' | 'counterclockwise';
|
||||
|
||||
export type ModifierFn = (data: Data, options: Object) => Data;
|
||||
|
||||
export interface Attributes {
|
||||
'x-out-of-boundaries': '' | false;
|
||||
'x-placement': Placement;
|
||||
}
|
||||
|
||||
export interface Padding {
|
||||
top?: number,
|
||||
bottom?: number,
|
||||
left?: number,
|
||||
right?: number,
|
||||
}
|
||||
|
||||
export interface BaseModifier {
|
||||
order?: number;
|
||||
enabled?: boolean;
|
||||
fn?: ModifierFn;
|
||||
}
|
||||
|
||||
export interface Modifiers {
|
||||
shift?: BaseModifier;
|
||||
offset?: BaseModifier & {
|
||||
offset?: number | string,
|
||||
};
|
||||
preventOverflow?: BaseModifier & {
|
||||
priority?: Position[],
|
||||
padding?: number | Padding,
|
||||
boundariesElement?: Boundary | Element,
|
||||
escapeWithReference?: boolean
|
||||
};
|
||||
keepTogether?: BaseModifier;
|
||||
arrow?: BaseModifier & {
|
||||
element?: string | Element,
|
||||
};
|
||||
flip?: BaseModifier & {
|
||||
behavior?: Behavior | Position[],
|
||||
padding?: number | Padding,
|
||||
boundariesElement?: Boundary | Element,
|
||||
flipVariations?: boolean,
|
||||
flipVariationsByContent?: boolean,
|
||||
};
|
||||
inner?: BaseModifier;
|
||||
hide?: BaseModifier;
|
||||
applyStyle?: BaseModifier & {
|
||||
onLoad?: Function,
|
||||
gpuAcceleration?: boolean,
|
||||
};
|
||||
computeStyle?: BaseModifier & {
|
||||
gpuAcceleration?: boolean;
|
||||
x?: 'bottom' | 'top',
|
||||
y?: 'left' | 'right'
|
||||
};
|
||||
|
||||
[name: string]: (BaseModifier & Record<string, any>) | undefined;
|
||||
}
|
||||
|
||||
export interface Offset {
|
||||
top: number;
|
||||
left: number;
|
||||
width: number;
|
||||
height: number;
|
||||
}
|
||||
|
||||
export interface Data {
|
||||
instance: Popper;
|
||||
placement: Placement;
|
||||
originalPlacement: Placement;
|
||||
flipped: boolean;
|
||||
hide: boolean;
|
||||
arrowElement: Element;
|
||||
styles: CSSStyleDeclaration;
|
||||
arrowStyles: CSSStyleDeclaration;
|
||||
attributes: Attributes;
|
||||
boundaries: Object;
|
||||
offsets: {
|
||||
popper: Offset,
|
||||
reference: Offset,
|
||||
arrow: {
|
||||
top: number,
|
||||
left: number,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export interface PopperOptions {
|
||||
placement?: Placement;
|
||||
positionFixed?: boolean;
|
||||
eventsEnabled?: boolean;
|
||||
modifiers?: Modifiers;
|
||||
removeOnDestroy?: boolean;
|
||||
|
||||
onCreate?(data: Data): void;
|
||||
|
||||
onUpdate?(data: Data): void;
|
||||
}
|
||||
|
||||
export interface ReferenceObject {
|
||||
clientHeight: number;
|
||||
clientWidth: number;
|
||||
referenceNode?: Node;
|
||||
|
||||
getBoundingClientRect(): ClientRect;
|
||||
}
|
||||
}
|
||||
|
||||
// Re-export types in the Popper namespace so that they can be accessed as top-level named exports.
|
||||
// These re-exports should be removed in 2.x when the "declare namespace Popper" syntax is removed.
|
||||
export type Padding = Popper.Padding;
|
||||
export type Position = Popper.Position;
|
||||
export type Placement = Popper.Placement;
|
||||
export type Boundary = Popper.Boundary;
|
||||
export type Behavior = Popper.Behavior;
|
||||
export type ModifierFn = Popper.ModifierFn;
|
||||
export type BaseModifier = Popper.BaseModifier;
|
||||
export type Modifiers = Popper.Modifiers;
|
||||
export type Offset = Popper.Offset;
|
||||
export type Data = Popper.Data;
|
||||
export type PopperOptions = Popper.PopperOptions;
|
||||
export type ReferenceObject = Popper.ReferenceObject;
|
||||
|
||||
declare class Popper {
|
||||
static modifiers: (BaseModifier & { name: string })[];
|
||||
static placements: Placement[];
|
||||
static Defaults: PopperOptions;
|
||||
|
||||
options: PopperOptions;
|
||||
popper: Element;
|
||||
reference: Element | ReferenceObject;
|
||||
|
||||
constructor(reference: Element | ReferenceObject, popper: Element, options?: PopperOptions);
|
||||
|
||||
destroy(): void;
|
||||
|
||||
update(): void;
|
||||
|
||||
scheduleUpdate(): void;
|
||||
|
||||
enableEventListeners(): void;
|
||||
|
||||
disableEventListeners(): void;
|
||||
}
|
||||
|
||||
export default Popper;
|
||||
@@ -1,156 +0,0 @@
|
||||
// @flow
|
||||
|
||||
export type Position = 'top' | 'right' | 'bottom' | 'left';
|
||||
|
||||
export type Placement =
|
||||
| 'auto-start'
|
||||
| 'auto'
|
||||
| 'auto-end'
|
||||
| 'top-start'
|
||||
| 'top'
|
||||
| 'top-end'
|
||||
| 'right-start'
|
||||
| 'right'
|
||||
| 'right-end'
|
||||
| 'bottom-end'
|
||||
| 'bottom'
|
||||
| 'bottom-start'
|
||||
| 'left-end'
|
||||
| 'left'
|
||||
| 'left-start';
|
||||
|
||||
export type Offset = {
|
||||
top: number,
|
||||
left: number,
|
||||
width: number,
|
||||
height: number,
|
||||
position: Position,
|
||||
};
|
||||
|
||||
export type Boundary = 'scrollParent' | 'viewport' | 'window';
|
||||
|
||||
export type Behavior = 'flip' | 'clockwise' | 'counterclockwise';
|
||||
|
||||
export type Data = {
|
||||
instance: Popper,
|
||||
placement: Placement,
|
||||
originalPlacement: Placement,
|
||||
flipped: boolean,
|
||||
hide: boolean,
|
||||
arrowElement: Element,
|
||||
styles: CSSStyleDeclaration,
|
||||
arrowStyles: CSSStyleDeclaration,
|
||||
boundaries: Object,
|
||||
offsets: {
|
||||
popper: Offset,
|
||||
reference: Offset,
|
||||
arrow: {
|
||||
top: number,
|
||||
left: number,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export type ModifierFn = (data: Data, options: Object) => Data;
|
||||
|
||||
export type Padding = {
|
||||
top?: number,
|
||||
bottom?: number,
|
||||
left?: number,
|
||||
right?: number,
|
||||
};
|
||||
|
||||
export type BaseModifier = {
|
||||
order?: number,
|
||||
enabled?: boolean,
|
||||
fn?: ModifierFn,
|
||||
};
|
||||
|
||||
export type Modifiers = {
|
||||
shift?: BaseModifier,
|
||||
offset?: BaseModifier & {
|
||||
offset?: number | string,
|
||||
},
|
||||
preventOverflow?: BaseModifier & {
|
||||
priority?: Position[],
|
||||
padding?: number | Padding,
|
||||
boundariesElement?: Boundary | Element,
|
||||
escapeWithReference?: boolean,
|
||||
},
|
||||
keepTogether?: BaseModifier,
|
||||
arrow?: BaseModifier & {
|
||||
element?: string | Element | null,
|
||||
},
|
||||
flip?: BaseModifier & {
|
||||
behavior?: Behavior | Position[],
|
||||
padding?: number | Padding,
|
||||
boundariesElement?: Boundary | Element,
|
||||
flipVariations?: boolean,
|
||||
flipVariationsByContent?: boolean,
|
||||
},
|
||||
inner?: BaseModifier,
|
||||
hide?: BaseModifier,
|
||||
applyStyle?: BaseModifier & {
|
||||
onLoad?: Function,
|
||||
gpuAcceleration?: boolean,
|
||||
},
|
||||
computeStyle?: BaseModifier & {
|
||||
gpuAcceleration?: boolean,
|
||||
x?: 'bottom' | 'top',
|
||||
y?: 'left' | 'right',
|
||||
},
|
||||
|
||||
[name: string]: (BaseModifier & { [string]: * }) | null,
|
||||
};
|
||||
|
||||
export type Options = {
|
||||
placement?: Placement,
|
||||
positionFixed?: boolean,
|
||||
eventsEnabled?: boolean,
|
||||
modifiers?: Modifiers,
|
||||
removeOnDestroy?: boolean,
|
||||
|
||||
onCreate?: (data: Data) => void,
|
||||
|
||||
onUpdate?: (data: Data) => void,
|
||||
};
|
||||
|
||||
export type ReferenceObject = {
|
||||
+clientHeight: number,
|
||||
+clientWidth: number,
|
||||
+referenceNode?: Node,
|
||||
|
||||
getBoundingClientRect():
|
||||
| ClientRect
|
||||
| {
|
||||
width: number,
|
||||
height: number,
|
||||
top: number,
|
||||
right: number,
|
||||
bottom: number,
|
||||
left: number,
|
||||
},
|
||||
};
|
||||
|
||||
export type Instance = {
|
||||
destroy: () => void,
|
||||
scheduleUpdate: () => void,
|
||||
update: () => void,
|
||||
enableEventListeners: () => void,
|
||||
disableEventListeners: () => void,
|
||||
};
|
||||
|
||||
declare class Popper {
|
||||
static placements: Placement;
|
||||
|
||||
popper: Element;
|
||||
reference: Element | ReferenceObject;
|
||||
|
||||
constructor(
|
||||
reference: Element | ReferenceObject,
|
||||
popper: Element,
|
||||
options?: Options
|
||||
): Instance;
|
||||
}
|
||||
|
||||
declare export default typeof Popper;
|
||||
@@ -1,58 +0,0 @@
|
||||
/*
|
||||
* Utility JS Steamware
|
||||
*
|
||||
* Steamware 2014+
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
/*------------------------------------------------------------------
|
||||
- Formattazione date (standard e formato AS400 tipo yyyyMMdd
|
||||
------------------------------------------------------------------*/
|
||||
function dtStandard() {
|
||||
$.datepicker.setDefaults($.datepicker.regional["it"]);
|
||||
$(".datepicker").datepicker({
|
||||
//showOtherMonths: true,
|
||||
//selectOtherMonths: true,
|
||||
showButtonPanel: true,
|
||||
changeMonth: true,
|
||||
changeYear: true,
|
||||
dateFormat: "dd/mm/yy"
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/*------------------------------------------------------------------
|
||||
- Abilitazione tabs jQueryui
|
||||
------------------------------------------------------------------*/
|
||||
function fixTabs() {
|
||||
$(".tabGroup").tabs();
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------
|
||||
- Abilitazione buttongroups radio jQueryui
|
||||
------------------------------------------------------------------*/
|
||||
function fixRadioBtnGroup() {
|
||||
//$(".radioBtnGrp").buttonset();
|
||||
//$("#radio").buttonset();
|
||||
}
|
||||
|
||||
|
||||
/*------------------------------------------------------------------
|
||||
- Chiamate al DOM pagina pronta jQuery
|
||||
------------------------------------------------------------------*/
|
||||
$(function () {
|
||||
dtStandard();
|
||||
fixTabs();
|
||||
fixRadioBtnGroup();
|
||||
});
|
||||
//// oggetto da legare all'update parziale ajax di asp.net
|
||||
//var prm = Sys.WebForms.PageRequestManager.getInstance();
|
||||
//prm.add_endRequest(function () {
|
||||
// // re-bind your jQuery events here
|
||||
// $(function () {
|
||||
// dtStandard();
|
||||
// fixTabs();
|
||||
// fixRadioBtnGroup();
|
||||
// });
|
||||
//});
|
||||
@@ -1,154 +0,0 @@
|
||||
// Utils
|
||||
import debounce from './utils/debounce';
|
||||
import isFunction from './utils/isFunction';
|
||||
|
||||
// Methods
|
||||
import update from './methods/update';
|
||||
import destroy from './methods/destroy';
|
||||
import enableEventListeners from './methods/enableEventListeners';
|
||||
import disableEventListeners from './methods/disableEventListeners';
|
||||
import Defaults from './methods/defaults';
|
||||
import placements from './methods/placements';
|
||||
|
||||
export default class Popper {
|
||||
/**
|
||||
* Creates a new Popper.js instance.
|
||||
* @class Popper
|
||||
* @param {Element|referenceObject} reference - The reference element used to position the popper
|
||||
* @param {Element} popper - The HTML / XML element used as the popper
|
||||
* @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)
|
||||
* @return {Object} instance - The generated Popper.js instance
|
||||
*/
|
||||
constructor(reference, popper, options = {}) {
|
||||
// make update() debounced, so that it only runs at most once-per-tick
|
||||
this.update = debounce(this.update.bind(this));
|
||||
|
||||
// with {} we create a new object with the options inside it
|
||||
this.options = { ...Popper.Defaults, ...options };
|
||||
|
||||
// init state
|
||||
this.state = {
|
||||
isDestroyed: false,
|
||||
isCreated: false,
|
||||
scrollParents: [],
|
||||
};
|
||||
|
||||
// get reference and popper elements (allow jQuery wrappers)
|
||||
this.reference = reference && reference.jquery ? reference[0] : reference;
|
||||
this.popper = popper && popper.jquery ? popper[0] : popper;
|
||||
|
||||
// Deep merge modifiers options
|
||||
this.options.modifiers = {};
|
||||
Object.keys({
|
||||
...Popper.Defaults.modifiers,
|
||||
...options.modifiers,
|
||||
}).forEach(name => {
|
||||
this.options.modifiers[name] = {
|
||||
// If it's a built-in modifier, use it as base
|
||||
...(Popper.Defaults.modifiers[name] || {}),
|
||||
// If there are custom options, override and merge with default ones
|
||||
...(options.modifiers ? options.modifiers[name] : {}),
|
||||
};
|
||||
});
|
||||
|
||||
// Refactoring modifiers' list (Object => Array)
|
||||
this.modifiers = Object.keys(this.options.modifiers)
|
||||
.map(name => ({
|
||||
name,
|
||||
...this.options.modifiers[name],
|
||||
}))
|
||||
// sort the modifiers by order
|
||||
.sort((a, b) => a.order - b.order);
|
||||
|
||||
// modifiers have the ability to execute arbitrary code when Popper.js get inited
|
||||
// such code is executed in the same order of its modifier
|
||||
// they could add new properties to their options configuration
|
||||
// BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!
|
||||
this.modifiers.forEach(modifierOptions => {
|
||||
if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
|
||||
modifierOptions.onLoad(
|
||||
this.reference,
|
||||
this.popper,
|
||||
this.options,
|
||||
modifierOptions,
|
||||
this.state
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// fire the first update to position the popper in the right place
|
||||
this.update();
|
||||
|
||||
const eventsEnabled = this.options.eventsEnabled;
|
||||
if (eventsEnabled) {
|
||||
// setup event listeners, they will take care of update the position in specific situations
|
||||
this.enableEventListeners();
|
||||
}
|
||||
|
||||
this.state.eventsEnabled = eventsEnabled;
|
||||
}
|
||||
|
||||
// We can't use class properties because they don't get listed in the
|
||||
// class prototype and break stuff like Sinon stubs
|
||||
update() {
|
||||
return update.call(this);
|
||||
}
|
||||
destroy() {
|
||||
return destroy.call(this);
|
||||
}
|
||||
enableEventListeners() {
|
||||
return enableEventListeners.call(this);
|
||||
}
|
||||
disableEventListeners() {
|
||||
return disableEventListeners.call(this);
|
||||
}
|
||||
|
||||
/**
|
||||
* Schedules an update. It will run on the next UI update available.
|
||||
* @method scheduleUpdate
|
||||
* @memberof Popper
|
||||
*/
|
||||
scheduleUpdate = () => requestAnimationFrame(this.update);
|
||||
|
||||
/**
|
||||
* Collection of utilities useful when writing custom modifiers.
|
||||
* Starting from version 1.7, this method is available only if you
|
||||
* include `popper-utils.js` before `popper.js`.
|
||||
*
|
||||
* **DEPRECATION**: This way to access PopperUtils is deprecated
|
||||
* and will be removed in v2! Use the PopperUtils module directly instead.
|
||||
* Due to the high instability of the methods contained in Utils, we can't
|
||||
* guarantee them to follow semver. Use them at your own risk!
|
||||
* @static
|
||||
* @private
|
||||
* @type {Object}
|
||||
* @deprecated since version 1.8
|
||||
* @member Utils
|
||||
* @memberof Popper
|
||||
*/
|
||||
static Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
|
||||
|
||||
static placements = placements;
|
||||
|
||||
static Defaults = Defaults;
|
||||
}
|
||||
|
||||
/**
|
||||
* The `referenceObject` is an object that provides an interface compatible with Popper.js
|
||||
* and lets you use it as replacement of a real DOM node.<br />
|
||||
* You can use this method to position a popper relatively to a set of coordinates
|
||||
* in case you don't have a DOM node to use as reference.
|
||||
*
|
||||
* ```
|
||||
* new Popper(referenceObject, popperNode);
|
||||
* ```
|
||||
*
|
||||
* NB: This feature isn't supported in Internet Explorer 10.
|
||||
* @name referenceObject
|
||||
* @property {Function} data.getBoundingClientRect
|
||||
* A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.
|
||||
* @property {number} data.clientWidth
|
||||
* An ES6 getter that will return the width of the virtual reference element.
|
||||
* @property {number} data.clientHeight
|
||||
* An ES6 getter that will return the height of the virtual reference element.
|
||||
*/
|
||||
@@ -1,79 +0,0 @@
|
||||
import modifiers from '../modifiers/index';
|
||||
|
||||
/**
|
||||
* Default options provided to Popper.js constructor.<br />
|
||||
* These can be overridden using the `options` argument of Popper.js.<br />
|
||||
* To override an option, simply pass an object with the same
|
||||
* structure of the `options` object, as the 3rd argument. For example:
|
||||
* ```
|
||||
* new Popper(ref, pop, {
|
||||
* modifiers: {
|
||||
* preventOverflow: { enabled: false }
|
||||
* }
|
||||
* })
|
||||
* ```
|
||||
* @type {Object}
|
||||
* @static
|
||||
* @memberof Popper
|
||||
*/
|
||||
export default {
|
||||
/**
|
||||
* Popper's placement.
|
||||
* @prop {Popper.placements} placement='bottom'
|
||||
*/
|
||||
placement: 'bottom',
|
||||
|
||||
/**
|
||||
* Set this to true if you want popper to position it self in 'fixed' mode
|
||||
* @prop {Boolean} positionFixed=false
|
||||
*/
|
||||
positionFixed: false,
|
||||
|
||||
/**
|
||||
* Whether events (resize, scroll) are initially enabled.
|
||||
* @prop {Boolean} eventsEnabled=true
|
||||
*/
|
||||
eventsEnabled: true,
|
||||
|
||||
/**
|
||||
* Set to true if you want to automatically remove the popper when
|
||||
* you call the `destroy` method.
|
||||
* @prop {Boolean} removeOnDestroy=false
|
||||
*/
|
||||
removeOnDestroy: false,
|
||||
|
||||
/**
|
||||
* Callback called when the popper is created.<br />
|
||||
* By default, it is set to no-op.<br />
|
||||
* Access Popper.js instance with `data.instance`.
|
||||
* @prop {onCreate}
|
||||
*/
|
||||
onCreate: () => {},
|
||||
|
||||
/**
|
||||
* Callback called when the popper is updated. This callback is not called
|
||||
* on the initialization/creation of the popper, but only on subsequent
|
||||
* updates.<br />
|
||||
* By default, it is set to no-op.<br />
|
||||
* Access Popper.js instance with `data.instance`.
|
||||
* @prop {onUpdate}
|
||||
*/
|
||||
onUpdate: () => {},
|
||||
|
||||
/**
|
||||
* List of modifiers used to modify the offsets before they are applied to the popper.
|
||||
* They provide most of the functionalities of Popper.js.
|
||||
* @prop {modifiers}
|
||||
*/
|
||||
modifiers,
|
||||
};
|
||||
|
||||
/**
|
||||
* @callback onCreate
|
||||
* @param {dataObject} data
|
||||
*/
|
||||
|
||||
/**
|
||||
* @callback onUpdate
|
||||
* @param {dataObject} data
|
||||
*/
|
||||
@@ -1,32 +0,0 @@
|
||||
import isModifierEnabled from '../utils/isModifierEnabled';
|
||||
import getSupportedPropertyName from '../utils/getSupportedPropertyName';
|
||||
|
||||
/**
|
||||
* Destroys the popper.
|
||||
* @method
|
||||
* @memberof Popper
|
||||
*/
|
||||
export default function destroy() {
|
||||
this.state.isDestroyed = true;
|
||||
|
||||
// touch DOM only if `applyStyle` modifier is enabled
|
||||
if (isModifierEnabled(this.modifiers, 'applyStyle')) {
|
||||
this.popper.removeAttribute('x-placement');
|
||||
this.popper.style.position = '';
|
||||
this.popper.style.top = '';
|
||||
this.popper.style.left = '';
|
||||
this.popper.style.right = '';
|
||||
this.popper.style.bottom = '';
|
||||
this.popper.style.willChange = '';
|
||||
this.popper.style[getSupportedPropertyName('transform')] = '';
|
||||
}
|
||||
|
||||
this.disableEventListeners();
|
||||
|
||||
// remove the popper if user explicitly asked for the deletion on destroy
|
||||
// do not use `remove` because IE11 doesn't support it
|
||||
if (this.options.removeOnDestroy) {
|
||||
this.popper.parentNode.removeChild(this.popper);
|
||||
}
|
||||
return this;
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
import removeEventListeners from '../utils/removeEventListeners';
|
||||
|
||||
/**
|
||||
* It will remove resize/scroll events and won't recalculate popper position
|
||||
* when they are triggered. It also won't trigger `onUpdate` callback anymore,
|
||||
* unless you call `update` method manually.
|
||||
* @method
|
||||
* @memberof Popper
|
||||
*/
|
||||
export default function disableEventListeners() {
|
||||
if (this.state.eventsEnabled) {
|
||||
cancelAnimationFrame(this.scheduleUpdate);
|
||||
this.state = removeEventListeners(this.reference, this.state);
|
||||
}
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
import setupEventListeners from '../utils/setupEventListeners';
|
||||
|
||||
/**
|
||||
* It will add resize/scroll events and start recalculating
|
||||
* position of the popper element when they are triggered.
|
||||
* @method
|
||||
* @memberof Popper
|
||||
*/
|
||||
export default function enableEventListeners() {
|
||||
if (!this.state.eventsEnabled) {
|
||||
this.state = setupEventListeners(
|
||||
this.reference,
|
||||
this.options,
|
||||
this.state,
|
||||
this.scheduleUpdate
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
/**
|
||||
* List of accepted placements to use as values of the `placement` option.<br />
|
||||
* Valid placements are:
|
||||
* - `auto`
|
||||
* - `top`
|
||||
* - `right`
|
||||
* - `bottom`
|
||||
* - `left`
|
||||
*
|
||||
* Each placement can have a variation from this list:
|
||||
* - `-start`
|
||||
* - `-end`
|
||||
*
|
||||
* Variations are interpreted easily if you think of them as the left to right
|
||||
* written languages. Horizontally (`top` and `bottom`), `start` is left and `end`
|
||||
* is right.<br />
|
||||
* Vertically (`left` and `right`), `start` is top and `end` is bottom.
|
||||
*
|
||||
* Some valid examples are:
|
||||
* - `top-end` (on top of reference, right aligned)
|
||||
* - `right-start` (on right of reference, top aligned)
|
||||
* - `bottom` (on bottom, centered)
|
||||
* - `auto-end` (on the side with more space available, alignment depends by placement)
|
||||
*
|
||||
* @static
|
||||
* @type {Array}
|
||||
* @enum {String}
|
||||
* @readonly
|
||||
* @method placements
|
||||
* @memberof Popper
|
||||
*/
|
||||
export default [
|
||||
'auto-start',
|
||||
'auto',
|
||||
'auto-end',
|
||||
'top-start',
|
||||
'top',
|
||||
'top-end',
|
||||
'right-start',
|
||||
'right',
|
||||
'right-end',
|
||||
'bottom-end',
|
||||
'bottom',
|
||||
'bottom-start',
|
||||
'left-end',
|
||||
'left',
|
||||
'left-start',
|
||||
];
|
||||
@@ -1,75 +0,0 @@
|
||||
import computeAutoPlacement from '../utils/computeAutoPlacement';
|
||||
import getReferenceOffsets from '../utils/getReferenceOffsets';
|
||||
import getPopperOffsets from '../utils/getPopperOffsets';
|
||||
import runModifiers from '../utils/runModifiers';
|
||||
|
||||
/**
|
||||
* Updates the position of the popper, computing the new offsets and applying
|
||||
* the new style.<br />
|
||||
* Prefer `scheduleUpdate` over `update` because of performance reasons.
|
||||
* @method
|
||||
* @memberof Popper
|
||||
*/
|
||||
export default function update() {
|
||||
// if popper is destroyed, don't perform any further update
|
||||
if (this.state.isDestroyed) {
|
||||
return;
|
||||
}
|
||||
|
||||
let data = {
|
||||
instance: this,
|
||||
styles: {},
|
||||
arrowStyles: {},
|
||||
attributes: {},
|
||||
flipped: false,
|
||||
offsets: {},
|
||||
};
|
||||
|
||||
// compute reference element offsets
|
||||
data.offsets.reference = getReferenceOffsets(
|
||||
this.state,
|
||||
this.popper,
|
||||
this.reference,
|
||||
this.options.positionFixed
|
||||
);
|
||||
|
||||
// compute auto placement, store placement inside the data object,
|
||||
// modifiers will be able to edit `placement` if needed
|
||||
// and refer to originalPlacement to know the original value
|
||||
data.placement = computeAutoPlacement(
|
||||
this.options.placement,
|
||||
data.offsets.reference,
|
||||
this.popper,
|
||||
this.reference,
|
||||
this.options.modifiers.flip.boundariesElement,
|
||||
this.options.modifiers.flip.padding
|
||||
);
|
||||
|
||||
// store the computed placement inside `originalPlacement`
|
||||
data.originalPlacement = data.placement;
|
||||
|
||||
data.positionFixed = this.options.positionFixed;
|
||||
|
||||
// compute the popper offsets
|
||||
data.offsets.popper = getPopperOffsets(
|
||||
this.popper,
|
||||
data.offsets.reference,
|
||||
data.placement
|
||||
);
|
||||
|
||||
data.offsets.popper.position = this.options.positionFixed
|
||||
? 'fixed'
|
||||
: 'absolute';
|
||||
|
||||
// run the modifiers
|
||||
data = runModifiers(this.modifiers, data);
|
||||
|
||||
// the first `update` will call `onCreate` callback
|
||||
// the other ones will call `onUpdate` callback
|
||||
if (!this.state.isCreated) {
|
||||
this.state.isCreated = true;
|
||||
this.options.onCreate(data);
|
||||
} else {
|
||||
this.options.onUpdate(data);
|
||||
}
|
||||
}
|
||||
@@ -1,73 +0,0 @@
|
||||
import setStyles from '../utils/setStyles';
|
||||
import setAttributes from '../utils/setAttributes';
|
||||
import getReferenceOffsets from '../utils/getReferenceOffsets';
|
||||
import computeAutoPlacement from '../utils/computeAutoPlacement';
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by `update` method
|
||||
* @argument {Object} data.styles - List of style properties - values to apply to popper element
|
||||
* @argument {Object} data.attributes - List of attribute properties - values to apply to popper element
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The same data object
|
||||
*/
|
||||
export default function applyStyle(data) {
|
||||
// any property present in `data.styles` will be applied to the popper,
|
||||
// in this way we can make the 3rd party modifiers add custom styles to it
|
||||
// Be aware, modifiers could override the properties defined in the previous
|
||||
// lines of this modifier!
|
||||
setStyles(data.instance.popper, data.styles);
|
||||
|
||||
// any property present in `data.attributes` will be applied to the popper,
|
||||
// they will be set as HTML attributes of the element
|
||||
setAttributes(data.instance.popper, data.attributes);
|
||||
|
||||
// if arrowElement is defined and arrowStyles has some properties
|
||||
if (data.arrowElement && Object.keys(data.arrowStyles).length) {
|
||||
setStyles(data.arrowElement, data.arrowStyles);
|
||||
}
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set the x-placement attribute before everything else because it could be used
|
||||
* to add margins to the popper margins needs to be calculated to get the
|
||||
* correct popper offsets.
|
||||
* @method
|
||||
* @memberof Popper.modifiers
|
||||
* @param {HTMLElement} reference - The reference element used to position the popper
|
||||
* @param {HTMLElement} popper - The HTML element used as popper
|
||||
* @param {Object} options - Popper.js options
|
||||
*/
|
||||
export function applyStyleOnLoad(
|
||||
reference,
|
||||
popper,
|
||||
options,
|
||||
modifierOptions,
|
||||
state
|
||||
) {
|
||||
// compute reference element offsets
|
||||
const referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);
|
||||
|
||||
// compute auto placement, store placement inside the data object,
|
||||
// modifiers will be able to edit `placement` if needed
|
||||
// and refer to originalPlacement to know the original value
|
||||
const placement = computeAutoPlacement(
|
||||
options.placement,
|
||||
referenceOffsets,
|
||||
popper,
|
||||
reference,
|
||||
options.modifiers.flip.boundariesElement,
|
||||
options.modifiers.flip.padding
|
||||
);
|
||||
|
||||
popper.setAttribute('x-placement', placement);
|
||||
|
||||
// Apply `position` to popper before anything else because
|
||||
// without the position applied we can't guarantee correct computations
|
||||
setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });
|
||||
|
||||
return options;
|
||||
}
|
||||
@@ -1,89 +0,0 @@
|
||||
import getClientRect from '../utils/getClientRect';
|
||||
import getOuterSizes from '../utils/getOuterSizes';
|
||||
import isModifierRequired from '../utils/isModifierRequired';
|
||||
import getStyleComputedProperty from '../utils/getStyleComputedProperty';
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by update method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function arrow(data, options) {
|
||||
// arrow depends on keepTogether in order to work
|
||||
if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
|
||||
return data;
|
||||
}
|
||||
|
||||
let arrowElement = options.element;
|
||||
|
||||
// if arrowElement is a string, suppose it's a CSS selector
|
||||
if (typeof arrowElement === 'string') {
|
||||
arrowElement = data.instance.popper.querySelector(arrowElement);
|
||||
|
||||
// if arrowElement is not found, don't run the modifier
|
||||
if (!arrowElement) {
|
||||
return data;
|
||||
}
|
||||
} else {
|
||||
// if the arrowElement isn't a query selector we must check that the
|
||||
// provided DOM node is child of its popper node
|
||||
if (!data.instance.popper.contains(arrowElement)) {
|
||||
console.warn(
|
||||
'WARNING: `arrow.element` must be child of its popper element!'
|
||||
);
|
||||
return data;
|
||||
}
|
||||
}
|
||||
|
||||
const placement = data.placement.split('-')[0];
|
||||
const { popper, reference } = data.offsets;
|
||||
const isVertical = ['left', 'right'].indexOf(placement) !== -1;
|
||||
|
||||
const len = isVertical ? 'height' : 'width';
|
||||
const sideCapitalized = isVertical ? 'Top' : 'Left';
|
||||
const side = sideCapitalized.toLowerCase();
|
||||
const altSide = isVertical ? 'left' : 'top';
|
||||
const opSide = isVertical ? 'bottom' : 'right';
|
||||
const arrowElementSize = getOuterSizes(arrowElement)[len];
|
||||
|
||||
//
|
||||
// extends keepTogether behavior making sure the popper and its
|
||||
// reference have enough pixels in conjunction
|
||||
//
|
||||
|
||||
// top/left side
|
||||
if (reference[opSide] - arrowElementSize < popper[side]) {
|
||||
data.offsets.popper[side] -=
|
||||
popper[side] - (reference[opSide] - arrowElementSize);
|
||||
}
|
||||
// bottom/right side
|
||||
if (reference[side] + arrowElementSize > popper[opSide]) {
|
||||
data.offsets.popper[side] +=
|
||||
reference[side] + arrowElementSize - popper[opSide];
|
||||
}
|
||||
data.offsets.popper = getClientRect(data.offsets.popper);
|
||||
|
||||
// compute center of the popper
|
||||
const center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
|
||||
|
||||
// Compute the sideValue using the updated popper offsets
|
||||
// take popper margin in account because we don't have this info available
|
||||
const css = getStyleComputedProperty(data.instance.popper);
|
||||
const popperMarginSide = parseFloat(css[`margin${sideCapitalized}`]);
|
||||
const popperBorderSide = parseFloat(css[`border${sideCapitalized}Width`]);
|
||||
let sideValue =
|
||||
center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
|
||||
|
||||
// prevent arrowElement from being placed not contiguously to its popper
|
||||
sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
|
||||
|
||||
data.arrowElement = arrowElement;
|
||||
data.offsets.arrow = {
|
||||
[side]: Math.round(sideValue),
|
||||
[altSide]: '', // make sure to unset any eventual altSide value from the DOM node
|
||||
};
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -1,112 +0,0 @@
|
||||
import getSupportedPropertyName from '../utils/getSupportedPropertyName';
|
||||
import find from '../utils/find';
|
||||
import getOffsetParent from '../utils/getOffsetParent';
|
||||
import getBoundingClientRect from '../utils/getBoundingClientRect';
|
||||
import getRoundedOffsets from '../utils/getRoundedOffsets';
|
||||
import isBrowser from '../utils/isBrowser';
|
||||
|
||||
const isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by `update` method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function computeStyle(data, options) {
|
||||
const { x, y } = options;
|
||||
const { popper } = data.offsets;
|
||||
|
||||
// Remove this legacy support in Popper.js v2
|
||||
const legacyGpuAccelerationOption = find(
|
||||
data.instance.modifiers,
|
||||
modifier => modifier.name === 'applyStyle'
|
||||
).gpuAcceleration;
|
||||
if (legacyGpuAccelerationOption !== undefined) {
|
||||
console.warn(
|
||||
'WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!'
|
||||
);
|
||||
}
|
||||
const gpuAcceleration =
|
||||
legacyGpuAccelerationOption !== undefined
|
||||
? legacyGpuAccelerationOption
|
||||
: options.gpuAcceleration;
|
||||
|
||||
const offsetParent = getOffsetParent(data.instance.popper);
|
||||
const offsetParentRect = getBoundingClientRect(offsetParent);
|
||||
|
||||
// Styles
|
||||
const styles = {
|
||||
position: popper.position,
|
||||
};
|
||||
|
||||
const offsets = getRoundedOffsets(
|
||||
data,
|
||||
window.devicePixelRatio < 2 || !isFirefox
|
||||
);
|
||||
|
||||
const sideA = x === 'bottom' ? 'top' : 'bottom';
|
||||
const sideB = y === 'right' ? 'left' : 'right';
|
||||
|
||||
// if gpuAcceleration is set to `true` and transform is supported,
|
||||
// we use `translate3d` to apply the position to the popper we
|
||||
// automatically use the supported prefixed version if needed
|
||||
const prefixedProperty = getSupportedPropertyName('transform');
|
||||
|
||||
// now, let's make a step back and look at this code closely (wtf?)
|
||||
// If the content of the popper grows once it's been positioned, it
|
||||
// may happen that the popper gets misplaced because of the new content
|
||||
// overflowing its reference element
|
||||
// To avoid this problem, we provide two options (x and y), which allow
|
||||
// the consumer to define the offset origin.
|
||||
// If we position a popper on top of a reference element, we can set
|
||||
// `x` to `top` to make the popper grow towards its top instead of
|
||||
// its bottom.
|
||||
let left, top;
|
||||
if (sideA === 'bottom') {
|
||||
// when offsetParent is <html> the positioning is relative to the bottom of the screen (excluding the scrollbar)
|
||||
// and not the bottom of the html element
|
||||
if (offsetParent.nodeName === 'HTML') {
|
||||
top = -offsetParent.clientHeight + offsets.bottom;
|
||||
} else {
|
||||
top = -offsetParentRect.height + offsets.bottom;
|
||||
}
|
||||
} else {
|
||||
top = offsets.top;
|
||||
}
|
||||
if (sideB === 'right') {
|
||||
if (offsetParent.nodeName === 'HTML') {
|
||||
left = -offsetParent.clientWidth + offsets.right;
|
||||
} else {
|
||||
left = -offsetParentRect.width + offsets.right;
|
||||
}
|
||||
} else {
|
||||
left = offsets.left;
|
||||
}
|
||||
if (gpuAcceleration && prefixedProperty) {
|
||||
styles[prefixedProperty] = `translate3d(${left}px, ${top}px, 0)`;
|
||||
styles[sideA] = 0;
|
||||
styles[sideB] = 0;
|
||||
styles.willChange = 'transform';
|
||||
} else {
|
||||
// othwerise, we use the standard `top`, `left`, `bottom` and `right` properties
|
||||
const invertTop = sideA === 'bottom' ? -1 : 1;
|
||||
const invertLeft = sideB === 'right' ? -1 : 1;
|
||||
styles[sideA] = top * invertTop;
|
||||
styles[sideB] = left * invertLeft;
|
||||
styles.willChange = `${sideA}, ${sideB}`;
|
||||
}
|
||||
|
||||
// Attributes
|
||||
const attributes = {
|
||||
'x-placement': data.placement,
|
||||
};
|
||||
|
||||
// Update `data` attributes, styles and arrowStyles
|
||||
data.attributes = { ...attributes, ...data.attributes };
|
||||
data.styles = { ...styles, ...data.styles };
|
||||
data.arrowStyles = { ...data.offsets.arrow, ...data.arrowStyles };
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -1,146 +0,0 @@
|
||||
import getOppositePlacement from '../utils/getOppositePlacement';
|
||||
import getOppositeVariation from '../utils/getOppositeVariation';
|
||||
import getPopperOffsets from '../utils/getPopperOffsets';
|
||||
import runModifiers from '../utils/runModifiers';
|
||||
import getBoundaries from '../utils/getBoundaries';
|
||||
import isModifierEnabled from '../utils/isModifierEnabled';
|
||||
import clockwise from '../utils/clockwise';
|
||||
|
||||
const BEHAVIORS = {
|
||||
FLIP: 'flip',
|
||||
CLOCKWISE: 'clockwise',
|
||||
COUNTERCLOCKWISE: 'counterclockwise',
|
||||
};
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by update method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function flip(data, options) {
|
||||
// if `inner` modifier is enabled, we can't use the `flip` modifier
|
||||
if (isModifierEnabled(data.instance.modifiers, 'inner')) {
|
||||
return data;
|
||||
}
|
||||
|
||||
if (data.flipped && data.placement === data.originalPlacement) {
|
||||
// seems like flip is trying to loop, probably there's not enough space on any of the flippable sides
|
||||
return data;
|
||||
}
|
||||
|
||||
const boundaries = getBoundaries(
|
||||
data.instance.popper,
|
||||
data.instance.reference,
|
||||
options.padding,
|
||||
options.boundariesElement,
|
||||
data.positionFixed
|
||||
);
|
||||
|
||||
let placement = data.placement.split('-')[0];
|
||||
let placementOpposite = getOppositePlacement(placement);
|
||||
let variation = data.placement.split('-')[1] || '';
|
||||
|
||||
let flipOrder = [];
|
||||
|
||||
switch (options.behavior) {
|
||||
case BEHAVIORS.FLIP:
|
||||
flipOrder = [placement, placementOpposite];
|
||||
break;
|
||||
case BEHAVIORS.CLOCKWISE:
|
||||
flipOrder = clockwise(placement);
|
||||
break;
|
||||
case BEHAVIORS.COUNTERCLOCKWISE:
|
||||
flipOrder = clockwise(placement, true);
|
||||
break;
|
||||
default:
|
||||
flipOrder = options.behavior;
|
||||
}
|
||||
|
||||
flipOrder.forEach((step, index) => {
|
||||
if (placement !== step || flipOrder.length === index + 1) {
|
||||
return data;
|
||||
}
|
||||
|
||||
placement = data.placement.split('-')[0];
|
||||
placementOpposite = getOppositePlacement(placement);
|
||||
|
||||
const popperOffsets = data.offsets.popper;
|
||||
const refOffsets = data.offsets.reference;
|
||||
|
||||
// using floor because the reference offsets may contain decimals we are not going to consider here
|
||||
const floor = Math.floor;
|
||||
const overlapsRef =
|
||||
(placement === 'left' &&
|
||||
floor(popperOffsets.right) > floor(refOffsets.left)) ||
|
||||
(placement === 'right' &&
|
||||
floor(popperOffsets.left) < floor(refOffsets.right)) ||
|
||||
(placement === 'top' &&
|
||||
floor(popperOffsets.bottom) > floor(refOffsets.top)) ||
|
||||
(placement === 'bottom' &&
|
||||
floor(popperOffsets.top) < floor(refOffsets.bottom));
|
||||
|
||||
const overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
|
||||
const overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
|
||||
const overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
|
||||
const overflowsBottom =
|
||||
floor(popperOffsets.bottom) > floor(boundaries.bottom);
|
||||
|
||||
const overflowsBoundaries =
|
||||
(placement === 'left' && overflowsLeft) ||
|
||||
(placement === 'right' && overflowsRight) ||
|
||||
(placement === 'top' && overflowsTop) ||
|
||||
(placement === 'bottom' && overflowsBottom);
|
||||
|
||||
// flip the variation if required
|
||||
const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
|
||||
|
||||
// flips variation if reference element overflows boundaries
|
||||
const flippedVariationByRef =
|
||||
!!options.flipVariations &&
|
||||
((isVertical && variation === 'start' && overflowsLeft) ||
|
||||
(isVertical && variation === 'end' && overflowsRight) ||
|
||||
(!isVertical && variation === 'start' && overflowsTop) ||
|
||||
(!isVertical && variation === 'end' && overflowsBottom));
|
||||
|
||||
// flips variation if popper content overflows boundaries
|
||||
const flippedVariationByContent =
|
||||
!!options.flipVariationsByContent &&
|
||||
((isVertical && variation === 'start' && overflowsRight) ||
|
||||
(isVertical && variation === 'end' && overflowsLeft) ||
|
||||
(!isVertical && variation === 'start' && overflowsBottom) ||
|
||||
(!isVertical && variation === 'end' && overflowsTop));
|
||||
|
||||
const flippedVariation = flippedVariationByRef || flippedVariationByContent;
|
||||
|
||||
if (overlapsRef || overflowsBoundaries || flippedVariation) {
|
||||
// this boolean to detect any flip loop
|
||||
data.flipped = true;
|
||||
|
||||
if (overlapsRef || overflowsBoundaries) {
|
||||
placement = flipOrder[index + 1];
|
||||
}
|
||||
|
||||
if (flippedVariation) {
|
||||
variation = getOppositeVariation(variation);
|
||||
}
|
||||
|
||||
data.placement = placement + (variation ? '-' + variation : '');
|
||||
|
||||
// this object contains `position`, we want to preserve it along with
|
||||
// any additional property we may add in the future
|
||||
data.offsets.popper = {
|
||||
...data.offsets.popper,
|
||||
...getPopperOffsets(
|
||||
data.instance.popper,
|
||||
data.offsets.reference,
|
||||
data.placement
|
||||
),
|
||||
};
|
||||
|
||||
data = runModifiers(data.instance.modifiers, data, 'flip');
|
||||
}
|
||||
});
|
||||
return data;
|
||||
}
|
||||
@@ -1,46 +0,0 @@
|
||||
import isModifierRequired from '../utils/isModifierRequired';
|
||||
import find from '../utils/find';
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by update method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function hide(data) {
|
||||
if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
|
||||
return data;
|
||||
}
|
||||
|
||||
const refRect = data.offsets.reference;
|
||||
const bound = find(
|
||||
data.instance.modifiers,
|
||||
modifier => modifier.name === 'preventOverflow'
|
||||
).boundaries;
|
||||
|
||||
if (
|
||||
refRect.bottom < bound.top ||
|
||||
refRect.left > bound.right ||
|
||||
refRect.top > bound.bottom ||
|
||||
refRect.right < bound.left
|
||||
) {
|
||||
// Avoid unnecessary DOM access if visibility hasn't changed
|
||||
if (data.hide === true) {
|
||||
return data;
|
||||
}
|
||||
|
||||
data.hide = true;
|
||||
data.attributes['x-out-of-boundaries'] = '';
|
||||
} else {
|
||||
// Avoid unnecessary DOM access if visibility hasn't changed
|
||||
if (data.hide === false) {
|
||||
return data;
|
||||
}
|
||||
|
||||
data.hide = false;
|
||||
data.attributes['x-out-of-boundaries'] = false;
|
||||
}
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -1,369 +0,0 @@
|
||||
import applyStyle, { applyStyleOnLoad } from './applyStyle';
|
||||
import computeStyle from './computeStyle';
|
||||
import arrow from './arrow';
|
||||
import flip from './flip';
|
||||
import keepTogether from './keepTogether';
|
||||
import offset from './offset';
|
||||
import preventOverflow from './preventOverflow';
|
||||
import shift from './shift';
|
||||
import hide from './hide';
|
||||
import inner from './inner';
|
||||
|
||||
/**
|
||||
* Modifier function, each modifier can have a function of this type assigned
|
||||
* to its `fn` property.<br />
|
||||
* These functions will be called on each update, this means that you must
|
||||
* make sure they are performant enough to avoid performance bottlenecks.
|
||||
*
|
||||
* @function ModifierFn
|
||||
* @argument {dataObject} data - The data object generated by `update` method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {dataObject} The data object, properly modified
|
||||
*/
|
||||
|
||||
/**
|
||||
* Modifiers are plugins used to alter the behavior of your poppers.<br />
|
||||
* Popper.js uses a set of 9 modifiers to provide all the basic functionalities
|
||||
* needed by the library.
|
||||
*
|
||||
* Usually you don't want to override the `order`, `fn` and `onLoad` props.
|
||||
* All the other properties are configurations that could be tweaked.
|
||||
* @namespace modifiers
|
||||
*/
|
||||
export default {
|
||||
/**
|
||||
* Modifier used to shift the popper on the start or end of its reference
|
||||
* element.<br />
|
||||
* It will read the variation of the `placement` property.<br />
|
||||
* It can be one either `-end` or `-start`.
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
shift: {
|
||||
/** @prop {number} order=100 - Index used to define the order of execution */
|
||||
order: 100,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: shift,
|
||||
},
|
||||
|
||||
/**
|
||||
* The `offset` modifier can shift your popper on both its axis.
|
||||
*
|
||||
* It accepts the following units:
|
||||
* - `px` or unit-less, interpreted as pixels
|
||||
* - `%` or `%r`, percentage relative to the length of the reference element
|
||||
* - `%p`, percentage relative to the length of the popper element
|
||||
* - `vw`, CSS viewport width unit
|
||||
* - `vh`, CSS viewport height unit
|
||||
*
|
||||
* For length is intended the main axis relative to the placement of the popper.<br />
|
||||
* This means that if the placement is `top` or `bottom`, the length will be the
|
||||
* `width`. In case of `left` or `right`, it will be the `height`.
|
||||
*
|
||||
* You can provide a single value (as `Number` or `String`), or a pair of values
|
||||
* as `String` divided by a comma or one (or more) white spaces.<br />
|
||||
* The latter is a deprecated method because it leads to confusion and will be
|
||||
* removed in v2.<br />
|
||||
* Additionally, it accepts additions and subtractions between different units.
|
||||
* Note that multiplications and divisions aren't supported.
|
||||
*
|
||||
* Valid examples are:
|
||||
* ```
|
||||
* 10
|
||||
* '10%'
|
||||
* '10, 10'
|
||||
* '10%, 10'
|
||||
* '10 + 10%'
|
||||
* '10 - 5vh + 3%'
|
||||
* '-10px + 5vh, 5px - 6%'
|
||||
* ```
|
||||
* > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap
|
||||
* > with their reference element, unfortunately, you will have to disable the `flip` modifier.
|
||||
* > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).
|
||||
*
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
offset: {
|
||||
/** @prop {number} order=200 - Index used to define the order of execution */
|
||||
order: 200,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: offset,
|
||||
/** @prop {Number|String} offset=0
|
||||
* The offset value as described in the modifier description
|
||||
*/
|
||||
offset: 0,
|
||||
},
|
||||
|
||||
/**
|
||||
* Modifier used to prevent the popper from being positioned outside the boundary.
|
||||
*
|
||||
* A scenario exists where the reference itself is not within the boundaries.<br />
|
||||
* We can say it has "escaped the boundaries" — or just "escaped".<br />
|
||||
* In this case we need to decide whether the popper should either:
|
||||
*
|
||||
* - detach from the reference and remain "trapped" in the boundaries, or
|
||||
* - if it should ignore the boundary and "escape with its reference"
|
||||
*
|
||||
* When `escapeWithReference` is set to`true` and reference is completely
|
||||
* outside its boundaries, the popper will overflow (or completely leave)
|
||||
* the boundaries in order to remain attached to the edge of the reference.
|
||||
*
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
preventOverflow: {
|
||||
/** @prop {number} order=300 - Index used to define the order of execution */
|
||||
order: 300,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: preventOverflow,
|
||||
/**
|
||||
* @prop {Array} [priority=['left','right','top','bottom']]
|
||||
* Popper will try to prevent overflow following these priorities by default,
|
||||
* then, it could overflow on the left and on top of the `boundariesElement`
|
||||
*/
|
||||
priority: ['left', 'right', 'top', 'bottom'],
|
||||
/**
|
||||
* @prop {number} padding=5
|
||||
* Amount of pixel used to define a minimum distance between the boundaries
|
||||
* and the popper. This makes sure the popper always has a little padding
|
||||
* between the edges of its container
|
||||
*/
|
||||
padding: 5,
|
||||
/**
|
||||
* @prop {String|HTMLElement} boundariesElement='scrollParent'
|
||||
* Boundaries used by the modifier. Can be `scrollParent`, `window`,
|
||||
* `viewport` or any DOM element.
|
||||
*/
|
||||
boundariesElement: 'scrollParent',
|
||||
},
|
||||
|
||||
/**
|
||||
* Modifier used to make sure the reference and its popper stay near each other
|
||||
* without leaving any gap between the two. Especially useful when the arrow is
|
||||
* enabled and you want to ensure that it points to its reference element.
|
||||
* It cares only about the first axis. You can still have poppers with margin
|
||||
* between the popper and its reference element.
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
keepTogether: {
|
||||
/** @prop {number} order=400 - Index used to define the order of execution */
|
||||
order: 400,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: keepTogether,
|
||||
},
|
||||
|
||||
/**
|
||||
* This modifier is used to move the `arrowElement` of the popper to make
|
||||
* sure it is positioned between the reference element and its popper element.
|
||||
* It will read the outer size of the `arrowElement` node to detect how many
|
||||
* pixels of conjunction are needed.
|
||||
*
|
||||
* It has no effect if no `arrowElement` is provided.
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
arrow: {
|
||||
/** @prop {number} order=500 - Index used to define the order of execution */
|
||||
order: 500,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: arrow,
|
||||
/** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */
|
||||
element: '[x-arrow]',
|
||||
},
|
||||
|
||||
/**
|
||||
* Modifier used to flip the popper's placement when it starts to overlap its
|
||||
* reference element.
|
||||
*
|
||||
* Requires the `preventOverflow` modifier before it in order to work.
|
||||
*
|
||||
* **NOTE:** this modifier will interrupt the current update cycle and will
|
||||
* restart it if it detects the need to flip the placement.
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
flip: {
|
||||
/** @prop {number} order=600 - Index used to define the order of execution */
|
||||
order: 600,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: flip,
|
||||
/**
|
||||
* @prop {String|Array} behavior='flip'
|
||||
* The behavior used to change the popper's placement. It can be one of
|
||||
* `flip`, `clockwise`, `counterclockwise` or an array with a list of valid
|
||||
* placements (with optional variations)
|
||||
*/
|
||||
behavior: 'flip',
|
||||
/**
|
||||
* @prop {number} padding=5
|
||||
* The popper will flip if it hits the edges of the `boundariesElement`
|
||||
*/
|
||||
padding: 5,
|
||||
/**
|
||||
* @prop {String|HTMLElement} boundariesElement='viewport'
|
||||
* The element which will define the boundaries of the popper position.
|
||||
* The popper will never be placed outside of the defined boundaries
|
||||
* (except if `keepTogether` is enabled)
|
||||
*/
|
||||
boundariesElement: 'viewport',
|
||||
/**
|
||||
* @prop {Boolean} flipVariations=false
|
||||
* The popper will switch placement variation between `-start` and `-end` when
|
||||
* the reference element overlaps its boundaries.
|
||||
*
|
||||
* The original placement should have a set variation.
|
||||
*/
|
||||
flipVariations: false,
|
||||
/**
|
||||
* @prop {Boolean} flipVariationsByContent=false
|
||||
* The popper will switch placement variation between `-start` and `-end` when
|
||||
* the popper element overlaps its reference boundaries.
|
||||
*
|
||||
* The original placement should have a set variation.
|
||||
*/
|
||||
flipVariationsByContent: false,
|
||||
},
|
||||
|
||||
/**
|
||||
* Modifier used to make the popper flow toward the inner of the reference element.
|
||||
* By default, when this modifier is disabled, the popper will be placed outside
|
||||
* the reference element.
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
inner: {
|
||||
/** @prop {number} order=700 - Index used to define the order of execution */
|
||||
order: 700,
|
||||
/** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */
|
||||
enabled: false,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: inner,
|
||||
},
|
||||
|
||||
/**
|
||||
* Modifier used to hide the popper when its reference element is outside of the
|
||||
* popper boundaries. It will set a `x-out-of-boundaries` attribute which can
|
||||
* be used to hide with a CSS selector the popper when its reference is
|
||||
* out of boundaries.
|
||||
*
|
||||
* Requires the `preventOverflow` modifier before it in order to work.
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
hide: {
|
||||
/** @prop {number} order=800 - Index used to define the order of execution */
|
||||
order: 800,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: hide,
|
||||
},
|
||||
|
||||
/**
|
||||
* Computes the style that will be applied to the popper element to gets
|
||||
* properly positioned.
|
||||
*
|
||||
* Note that this modifier will not touch the DOM, it just prepares the styles
|
||||
* so that `applyStyle` modifier can apply it. This separation is useful
|
||||
* in case you need to replace `applyStyle` with a custom implementation.
|
||||
*
|
||||
* This modifier has `850` as `order` value to maintain backward compatibility
|
||||
* with previous versions of Popper.js. Expect the modifiers ordering method
|
||||
* to change in future major versions of the library.
|
||||
*
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
computeStyle: {
|
||||
/** @prop {number} order=850 - Index used to define the order of execution */
|
||||
order: 850,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: computeStyle,
|
||||
/**
|
||||
* @prop {Boolean} gpuAcceleration=true
|
||||
* If true, it uses the CSS 3D transformation to position the popper.
|
||||
* Otherwise, it will use the `top` and `left` properties
|
||||
*/
|
||||
gpuAcceleration: true,
|
||||
/**
|
||||
* @prop {string} [x='bottom']
|
||||
* Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.
|
||||
* Change this if your popper should grow in a direction different from `bottom`
|
||||
*/
|
||||
x: 'bottom',
|
||||
/**
|
||||
* @prop {string} [x='left']
|
||||
* Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.
|
||||
* Change this if your popper should grow in a direction different from `right`
|
||||
*/
|
||||
y: 'right',
|
||||
},
|
||||
|
||||
/**
|
||||
* Applies the computed styles to the popper element.
|
||||
*
|
||||
* All the DOM manipulations are limited to this modifier. This is useful in case
|
||||
* you want to integrate Popper.js inside a framework or view library and you
|
||||
* want to delegate all the DOM manipulations to it.
|
||||
*
|
||||
* Note that if you disable this modifier, you must make sure the popper element
|
||||
* has its position set to `absolute` before Popper.js can do its work!
|
||||
*
|
||||
* Just disable this modifier and define your own to achieve the desired effect.
|
||||
*
|
||||
* @memberof modifiers
|
||||
* @inner
|
||||
*/
|
||||
applyStyle: {
|
||||
/** @prop {number} order=900 - Index used to define the order of execution */
|
||||
order: 900,
|
||||
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
||||
enabled: true,
|
||||
/** @prop {ModifierFn} */
|
||||
fn: applyStyle,
|
||||
/** @prop {Function} */
|
||||
onLoad: applyStyleOnLoad,
|
||||
/**
|
||||
* @deprecated since version 1.10.0, the property moved to `computeStyle` modifier
|
||||
* @prop {Boolean} gpuAcceleration=true
|
||||
* If true, it uses the CSS 3D transformation to position the popper.
|
||||
* Otherwise, it will use the `top` and `left` properties
|
||||
*/
|
||||
gpuAcceleration: undefined,
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
* The `dataObject` is an object containing all the information used by Popper.js.
|
||||
* This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.
|
||||
* @name dataObject
|
||||
* @property {Object} data.instance The Popper.js instance
|
||||
* @property {String} data.placement Placement applied to popper
|
||||
* @property {String} data.originalPlacement Placement originally defined on init
|
||||
* @property {Boolean} data.flipped True if popper has been flipped by flip modifier
|
||||
* @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper
|
||||
* @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier
|
||||
* @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)
|
||||
* @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)
|
||||
* @property {Object} data.boundaries Offsets of the popper boundaries
|
||||
* @property {Object} data.offsets The measurements of popper, reference and arrow elements
|
||||
* @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values
|
||||
* @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values
|
||||
* @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0
|
||||
*/
|
||||
@@ -1,27 +0,0 @@
|
||||
import getClientRect from '../utils/getClientRect';
|
||||
import getOppositePlacement from '../utils/getOppositePlacement';
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by `update` method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function inner(data) {
|
||||
const placement = data.placement;
|
||||
const basePlacement = placement.split('-')[0];
|
||||
const { popper, reference } = data.offsets;
|
||||
const isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
|
||||
|
||||
const subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
|
||||
|
||||
popper[isHoriz ? 'left' : 'top'] =
|
||||
reference[basePlacement] -
|
||||
(subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
|
||||
|
||||
data.placement = getOppositePlacement(placement);
|
||||
data.offsets.popper = getClientRect(popper);
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -1,26 +0,0 @@
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by update method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function keepTogether(data) {
|
||||
const { popper, reference } = data.offsets;
|
||||
const placement = data.placement.split('-')[0];
|
||||
const floor = Math.floor;
|
||||
const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
|
||||
const side = isVertical ? 'right' : 'bottom';
|
||||
const opSide = isVertical ? 'left' : 'top';
|
||||
const measurement = isVertical ? 'width' : 'height';
|
||||
|
||||
if (popper[side] < floor(reference[opSide])) {
|
||||
data.offsets.popper[opSide] =
|
||||
floor(reference[opSide]) - popper[measurement];
|
||||
}
|
||||
if (popper[opSide] > floor(reference[side])) {
|
||||
data.offsets.popper[opSide] = floor(reference[side]);
|
||||
}
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -1,194 +0,0 @@
|
||||
import isNumeric from '../utils/isNumeric';
|
||||
import getClientRect from '../utils/getClientRect';
|
||||
import find from '../utils/find';
|
||||
|
||||
/**
|
||||
* Converts a string containing value + unit into a px value number
|
||||
* @function
|
||||
* @memberof {modifiers~offset}
|
||||
* @private
|
||||
* @argument {String} str - Value + unit string
|
||||
* @argument {String} measurement - `height` or `width`
|
||||
* @argument {Object} popperOffsets
|
||||
* @argument {Object} referenceOffsets
|
||||
* @returns {Number|String}
|
||||
* Value in pixels, or original string if no values were extracted
|
||||
*/
|
||||
export function toValue(str, measurement, popperOffsets, referenceOffsets) {
|
||||
// separate value from unit
|
||||
const split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
|
||||
const value = +split[1];
|
||||
const unit = split[2];
|
||||
|
||||
// If it's not a number it's an operator, I guess
|
||||
if (!value) {
|
||||
return str;
|
||||
}
|
||||
|
||||
if (unit.indexOf('%') === 0) {
|
||||
let element;
|
||||
switch (unit) {
|
||||
case '%p':
|
||||
element = popperOffsets;
|
||||
break;
|
||||
case '%':
|
||||
case '%r':
|
||||
default:
|
||||
element = referenceOffsets;
|
||||
}
|
||||
|
||||
const rect = getClientRect(element);
|
||||
return rect[measurement] / 100 * value;
|
||||
} else if (unit === 'vh' || unit === 'vw') {
|
||||
// if is a vh or vw, we calculate the size based on the viewport
|
||||
let size;
|
||||
if (unit === 'vh') {
|
||||
size = Math.max(
|
||||
document.documentElement.clientHeight,
|
||||
window.innerHeight || 0
|
||||
);
|
||||
} else {
|
||||
size = Math.max(
|
||||
document.documentElement.clientWidth,
|
||||
window.innerWidth || 0
|
||||
);
|
||||
}
|
||||
return size / 100 * value;
|
||||
} else {
|
||||
// if is an explicit pixel unit, we get rid of the unit and keep the value
|
||||
// if is an implicit unit, it's px, and we return just the value
|
||||
return value;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse an `offset` string to extrapolate `x` and `y` numeric offsets.
|
||||
* @function
|
||||
* @memberof {modifiers~offset}
|
||||
* @private
|
||||
* @argument {String} offset
|
||||
* @argument {Object} popperOffsets
|
||||
* @argument {Object} referenceOffsets
|
||||
* @argument {String} basePlacement
|
||||
* @returns {Array} a two cells array with x and y offsets in numbers
|
||||
*/
|
||||
export function parseOffset(
|
||||
offset,
|
||||
popperOffsets,
|
||||
referenceOffsets,
|
||||
basePlacement
|
||||
) {
|
||||
const offsets = [0, 0];
|
||||
|
||||
// Use height if placement is left or right and index is 0 otherwise use width
|
||||
// in this way the first offset will use an axis and the second one
|
||||
// will use the other one
|
||||
const useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
|
||||
|
||||
// Split the offset string to obtain a list of values and operands
|
||||
// The regex addresses values with the plus or minus sign in front (+10, -20, etc)
|
||||
const fragments = offset.split(/(\+|\-)/).map(frag => frag.trim());
|
||||
|
||||
// Detect if the offset string contains a pair of values or a single one
|
||||
// they could be separated by comma or space
|
||||
const divider = fragments.indexOf(
|
||||
find(fragments, frag => frag.search(/,|\s/) !== -1)
|
||||
);
|
||||
|
||||
if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
|
||||
console.warn(
|
||||
'Offsets separated by white space(s) are deprecated, use a comma (,) instead.'
|
||||
);
|
||||
}
|
||||
|
||||
// If divider is found, we divide the list of values and operands to divide
|
||||
// them by ofset X and Y.
|
||||
const splitRegex = /\s*,\s*|\s+/;
|
||||
let ops = divider !== -1
|
||||
? [
|
||||
fragments
|
||||
.slice(0, divider)
|
||||
.concat([fragments[divider].split(splitRegex)[0]]),
|
||||
[fragments[divider].split(splitRegex)[1]].concat(
|
||||
fragments.slice(divider + 1)
|
||||
),
|
||||
]
|
||||
: [fragments];
|
||||
|
||||
// Convert the values with units to absolute pixels to allow our computations
|
||||
ops = ops.map((op, index) => {
|
||||
// Most of the units rely on the orientation of the popper
|
||||
const measurement = (index === 1 ? !useHeight : useHeight)
|
||||
? 'height'
|
||||
: 'width';
|
||||
let mergeWithPrevious = false;
|
||||
return (
|
||||
op
|
||||
// This aggregates any `+` or `-` sign that aren't considered operators
|
||||
// e.g.: 10 + +5 => [10, +, +5]
|
||||
.reduce((a, b) => {
|
||||
if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
|
||||
a[a.length - 1] = b;
|
||||
mergeWithPrevious = true;
|
||||
return a;
|
||||
} else if (mergeWithPrevious) {
|
||||
a[a.length - 1] += b;
|
||||
mergeWithPrevious = false;
|
||||
return a;
|
||||
} else {
|
||||
return a.concat(b);
|
||||
}
|
||||
}, [])
|
||||
// Here we convert the string values into number values (in px)
|
||||
.map(str => toValue(str, measurement, popperOffsets, referenceOffsets))
|
||||
);
|
||||
});
|
||||
|
||||
// Loop trough the offsets arrays and execute the operations
|
||||
ops.forEach((op, index) => {
|
||||
op.forEach((frag, index2) => {
|
||||
if (isNumeric(frag)) {
|
||||
offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
|
||||
}
|
||||
});
|
||||
});
|
||||
return offsets;
|
||||
}
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by update method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @argument {Number|String} options.offset=0
|
||||
* The offset value as described in the modifier description
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function offset(data, { offset }) {
|
||||
const { placement, offsets: { popper, reference } } = data;
|
||||
const basePlacement = placement.split('-')[0];
|
||||
|
||||
let offsets;
|
||||
if (isNumeric(+offset)) {
|
||||
offsets = [+offset, 0];
|
||||
} else {
|
||||
offsets = parseOffset(offset, popper, reference, basePlacement);
|
||||
}
|
||||
|
||||
if (basePlacement === 'left') {
|
||||
popper.top += offsets[0];
|
||||
popper.left -= offsets[1];
|
||||
} else if (basePlacement === 'right') {
|
||||
popper.top += offsets[0];
|
||||
popper.left += offsets[1];
|
||||
} else if (basePlacement === 'top') {
|
||||
popper.left += offsets[0];
|
||||
popper.top -= offsets[1];
|
||||
} else if (basePlacement === 'bottom') {
|
||||
popper.left += offsets[0];
|
||||
popper.top += offsets[1];
|
||||
}
|
||||
|
||||
data.popper = popper;
|
||||
return data;
|
||||
}
|
||||
@@ -1,89 +0,0 @@
|
||||
import getOffsetParent from '../utils/getOffsetParent';
|
||||
import getBoundaries from '../utils/getBoundaries';
|
||||
import getSupportedPropertyName from '../utils/getSupportedPropertyName';
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by `update` method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function preventOverflow(data, options) {
|
||||
let boundariesElement =
|
||||
options.boundariesElement || getOffsetParent(data.instance.popper);
|
||||
|
||||
// If offsetParent is the reference element, we really want to
|
||||
// go one step up and use the next offsetParent as reference to
|
||||
// avoid to make this modifier completely useless and look like broken
|
||||
if (data.instance.reference === boundariesElement) {
|
||||
boundariesElement = getOffsetParent(boundariesElement);
|
||||
}
|
||||
|
||||
// NOTE: DOM access here
|
||||
// resets the popper's position so that the document size can be calculated excluding
|
||||
// the size of the popper element itself
|
||||
const transformProp = getSupportedPropertyName('transform');
|
||||
const popperStyles = data.instance.popper.style; // assignment to help minification
|
||||
const { top, left, [transformProp]: transform } = popperStyles;
|
||||
popperStyles.top = '';
|
||||
popperStyles.left = '';
|
||||
popperStyles[transformProp] = '';
|
||||
|
||||
const boundaries = getBoundaries(
|
||||
data.instance.popper,
|
||||
data.instance.reference,
|
||||
options.padding,
|
||||
boundariesElement,
|
||||
data.positionFixed
|
||||
);
|
||||
|
||||
// NOTE: DOM access here
|
||||
// restores the original style properties after the offsets have been computed
|
||||
popperStyles.top = top;
|
||||
popperStyles.left = left;
|
||||
popperStyles[transformProp] = transform;
|
||||
|
||||
options.boundaries = boundaries;
|
||||
|
||||
const order = options.priority;
|
||||
let popper = data.offsets.popper;
|
||||
|
||||
const check = {
|
||||
primary(placement) {
|
||||
let value = popper[placement];
|
||||
if (
|
||||
popper[placement] < boundaries[placement] &&
|
||||
!options.escapeWithReference
|
||||
) {
|
||||
value = Math.max(popper[placement], boundaries[placement]);
|
||||
}
|
||||
return { [placement]: value };
|
||||
},
|
||||
secondary(placement) {
|
||||
const mainSide = placement === 'right' ? 'left' : 'top';
|
||||
let value = popper[mainSide];
|
||||
if (
|
||||
popper[placement] > boundaries[placement] &&
|
||||
!options.escapeWithReference
|
||||
) {
|
||||
value = Math.min(
|
||||
popper[mainSide],
|
||||
boundaries[placement] -
|
||||
(placement === 'right' ? popper.width : popper.height)
|
||||
);
|
||||
}
|
||||
return { [mainSide]: value };
|
||||
},
|
||||
};
|
||||
|
||||
order.forEach(placement => {
|
||||
const side =
|
||||
['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
|
||||
popper = { ...popper, ...check[side](placement) };
|
||||
});
|
||||
|
||||
data.offsets.popper = popper;
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -1,31 +0,0 @@
|
||||
/**
|
||||
* @function
|
||||
* @memberof Modifiers
|
||||
* @argument {Object} data - The data object generated by `update` method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function shift(data) {
|
||||
const placement = data.placement;
|
||||
const basePlacement = placement.split('-')[0];
|
||||
const shiftvariation = placement.split('-')[1];
|
||||
|
||||
// if shift shiftvariation is specified, run the modifier
|
||||
if (shiftvariation) {
|
||||
const { reference, popper } = data.offsets;
|
||||
const isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
|
||||
const side = isVertical ? 'left' : 'top';
|
||||
const measurement = isVertical ? 'width' : 'height';
|
||||
|
||||
const shiftOffsets = {
|
||||
start: { [side]: reference[side] },
|
||||
end: {
|
||||
[side]: reference[side] + reference[measurement] - popper[measurement],
|
||||
},
|
||||
};
|
||||
|
||||
data.offsets.popper = { ...popper, ...shiftOffsets[shiftvariation] };
|
||||
}
|
||||
|
||||
return data;
|
||||
}
|
||||
@@ -1,22 +0,0 @@
|
||||
import placements from '../methods/placements';
|
||||
|
||||
// Get rid of `auto` `auto-start` and `auto-end`
|
||||
const validPlacements = placements.slice(3);
|
||||
|
||||
/**
|
||||
* Given an initial placement, returns all the subsequent placements
|
||||
* clockwise (or counter-clockwise).
|
||||
*
|
||||
* @method
|
||||
* @memberof Popper.Utils
|
||||
* @argument {String} placement - A valid placement (it accepts variations)
|
||||
* @argument {Boolean} counter - Set to true to walk the placements counterclockwise
|
||||
* @returns {Array} placements including their variations
|
||||
*/
|
||||
export default function clockwise(placement, counter = false) {
|
||||
const index = validPlacements.indexOf(placement);
|
||||
const arr = validPlacements
|
||||
.slice(index + 1)
|
||||
.concat(validPlacements.slice(0, index));
|
||||
return counter ? arr.reverse() : arr;
|
||||
}
|
||||
@@ -1,74 +0,0 @@
|
||||
import getBoundaries from '../utils/getBoundaries';
|
||||
|
||||
function getArea({ width, height }) {
|
||||
return width * height;
|
||||
}
|
||||
|
||||
/**
|
||||
* Utility used to transform the `auto` placement to the placement with more
|
||||
* available space.
|
||||
* @method
|
||||
* @memberof Popper.Utils
|
||||
* @argument {Object} data - The data object generated by update method
|
||||
* @argument {Object} options - Modifiers configuration and options
|
||||
* @returns {Object} The data object, properly modified
|
||||
*/
|
||||
export default function computeAutoPlacement(
|
||||
placement,
|
||||
refRect,
|
||||
popper,
|
||||
reference,
|
||||
boundariesElement,
|
||||
padding = 0
|
||||
) {
|
||||
if (placement.indexOf('auto') === -1) {
|
||||
return placement;
|
||||
}
|
||||
|
||||
const boundaries = getBoundaries(
|
||||
popper,
|
||||
reference,
|
||||
padding,
|
||||
boundariesElement
|
||||
);
|
||||
|
||||
const rects = {
|
||||
top: {
|
||||
width: boundaries.width,
|
||||
height: refRect.top - boundaries.top,
|
||||
},
|
||||
right: {
|
||||
width: boundaries.right - refRect.right,
|
||||
height: boundaries.height,
|
||||
},
|
||||
bottom: {
|
||||
width: boundaries.width,
|
||||
height: boundaries.bottom - refRect.bottom,
|
||||
},
|
||||
left: {
|
||||
width: refRect.left - boundaries.left,
|
||||
height: boundaries.height,
|
||||
},
|
||||
};
|
||||
|
||||
const sortedAreas = Object.keys(rects)
|
||||
.map(key => ({
|
||||
key,
|
||||
...rects[key],
|
||||
area: getArea(rects[key]),
|
||||
}))
|
||||
.sort((a, b) => b.area - a.area);
|
||||
|
||||
const filteredAreas = sortedAreas.filter(
|
||||
({ width, height }) =>
|
||||
width >= popper.clientWidth && height >= popper.clientHeight
|
||||
);
|
||||
|
||||
const computedPlacement = filteredAreas.length > 0
|
||||
? filteredAreas[0].key
|
||||
: sortedAreas[0].key;
|
||||
|
||||
const variation = placement.split('-')[1];
|
||||
|
||||
return computedPlacement + (variation ? `-${variation}` : '');
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
import isBrowser from './isBrowser';
|
||||
|
||||
const timeoutDuration = (function(){
|
||||
const longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
|
||||
for (let i = 0; i < longerTimeoutBrowsers.length; i += 1) {
|
||||
if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
|
||||
return 1;
|
||||
}
|
||||
}
|
||||
return 0;
|
||||
}());
|
||||
|
||||
export function microtaskDebounce(fn) {
|
||||
let called = false
|
||||
return () => {
|
||||
if (called) {
|
||||
return
|
||||
}
|
||||
called = true
|
||||
window.Promise.resolve().then(() => {
|
||||
called = false
|
||||
fn()
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
export function taskDebounce(fn) {
|
||||
let scheduled = false;
|
||||
return () => {
|
||||
if (!scheduled) {
|
||||
scheduled = true;
|
||||
setTimeout(() => {
|
||||
scheduled = false;
|
||||
fn();
|
||||
}, timeoutDuration);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
const supportsMicroTasks = isBrowser && window.Promise
|
||||
|
||||
|
||||
/**
|
||||
* Create a debounced version of a method, that's asynchronously deferred
|
||||
* but called in the minimum time possible.
|
||||
*
|
||||
* @method
|
||||
* @memberof Popper.Utils
|
||||
* @argument {Function} fn
|
||||
* @returns {Function}
|
||||
*/
|
||||
export default (supportsMicroTasks
|
||||
? microtaskDebounce
|
||||
: taskDebounce);
|
||||
@@ -1,18 +0,0 @@
|
||||
/**
|
||||
* Mimics the `find` method of Array
|
||||
* @method
|
||||
* @memberof Popper.Utils
|
||||
* @argument {Array} arr
|
||||
* @argument prop
|
||||
* @argument value
|
||||
* @returns index or -1
|
||||
*/
|
||||
export default function find(arr, check) {
|
||||
// use native find if supported
|
||||
if (Array.prototype.find) {
|
||||
return arr.find(check);
|
||||
}
|
||||
|
||||
// use `filter` to obtain the same behavior of `find`
|
||||
return arr.filter(check)[0];
|
||||
}
|
||||