mirror of
https://github.com/RaidMax/IW4M-Admin.git
synced 2025-06-10 15:20:48 -05:00
migrated to ASP.Net Core
This commit is contained in:
RaidMax
1
WebfrontCore/wwwroot/lib/popper.js/docs/CNAME
Normal file
1
WebfrontCore/wwwroot/lib/popper.js/docs/CNAME
Normal file
@ -0,0 +1 @@
|
||||
popper.js.org
|
||||
63
WebfrontCore/wwwroot/lib/popper.js/docs/LICENSE.txt
Normal file
63
WebfrontCore/wwwroot/lib/popper.js/docs/LICENSE.txt
Normal file
@ -0,0 +1,63 @@
|
||||
Creative Commons Attribution 3.0 Unported
|
||||
http://creativecommons.org/licenses/by/3.0/
|
||||
|
||||
License
|
||||
|
||||
THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
|
||||
|
||||
BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
|
||||
|
||||
1. Definitions
|
||||
|
||||
1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
|
||||
2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
|
||||
3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
|
||||
4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
|
||||
5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
|
||||
6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
|
||||
7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
|
||||
8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
|
||||
9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
|
||||
|
||||
2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
|
||||
|
||||
3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
|
||||
|
||||
1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
|
||||
2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
|
||||
3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
|
||||
4. to Distribute and Publicly Perform Adaptations.
|
||||
5.
|
||||
|
||||
For the avoidance of doubt:
|
||||
1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
|
||||
2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
|
||||
3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
|
||||
|
||||
The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
|
||||
|
||||
4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
|
||||
|
||||
1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
|
||||
2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
|
||||
3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
|
||||
|
||||
5. Representations, Warranties and Disclaimer
|
||||
|
||||
UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
|
||||
|
||||
6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
|
||||
|
||||
7. Termination
|
||||
|
||||
1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
|
||||
2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
|
||||
|
||||
8. Miscellaneous
|
||||
|
||||
1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
|
||||
2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
|
||||
3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
|
||||
4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
|
||||
5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
|
||||
6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
|
||||
52
WebfrontCore/wwwroot/lib/popper.js/docs/README.txt
Normal file
52
WebfrontCore/wwwroot/lib/popper.js/docs/README.txt
Normal file
@ -0,0 +1,52 @@
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @n33co
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
|
||||
|
||||
A big, modern, blocky affair with a mobile-style menu, fully responsive styling,
|
||||
and an assortment of pre-styled elements. So, pretty much what you were expecting
|
||||
-- except, of course, for how it's put together, specifically:
|
||||
|
||||
- It's built on Skel 3*, a leaner, more modular rewrite of my responsive framework.
|
||||
|
||||
(* = still in development as of this writing)
|
||||
|
||||
- It uses flexbox*, which eliminates all kinds of terrible hacks and clunky layout
|
||||
stopgaps (like CSS grid systems).
|
||||
|
||||
(* = not supported on IE8/9, but non-flexbox fallbacks are included)
|
||||
|
||||
- It uses Sass* a lot more intelligently, thanks in part to several new mixins
|
||||
and functions I've been working on (as well as a few by @HugoGiraudel).
|
||||
|
||||
(* = still entirely optional if you prefer vanilla CSS :)
|
||||
|
||||
- A ton of other stuff.
|
||||
|
||||
In short, Spectral's the culmination of several new things I'm working on/trying out,
|
||||
so please, let me know what you think :)
|
||||
|
||||
Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
|
||||
you can use for pretty much whatever.
|
||||
|
||||
(* = not included)
|
||||
|
||||
AJ
|
||||
n33.co @n33co dribbble.com/n33
|
||||
|
||||
|
||||
Credits:
|
||||
|
||||
Demo Images:
|
||||
Unsplash (unsplash.com)
|
||||
|
||||
Icons:
|
||||
Font Awesome (fortawesome.github.com/Font-Awesome)
|
||||
|
||||
Other:
|
||||
jQuery (jquery.com)
|
||||
html5shiv.js (@afarkas @jdalton @jon_neal @rem)
|
||||
background-size polyfill (github.com/louisremi)
|
||||
Misc. Sass functions (@HugoGiraudel)
|
||||
Respond.js (j.mp/respondjs)
|
||||
Skel (skel.io)
|
||||
62
WebfrontCore/wwwroot/lib/popper.js/docs/_config.yml
Normal file
62
WebfrontCore/wwwroot/lib/popper.js/docs/_config.yml
Normal file
@ -0,0 +1,62 @@
|
||||
# Welcome to Jekyll!
|
||||
#
|
||||
|
||||
# Site settings
|
||||
title: Popper.js
|
||||
encoding: utf-8
|
||||
description: A kickass library<br> used to manage poppers in web applications<br><a href="https://medium.com/@FezVrasta/popper-js-v1-5e8b3acd888c" target="_blank">Now much more powerful!</a>
|
||||
owner: Federico Zivolo & contributors # or company name
|
||||
first_published: 2016 # if migrating another site, the year of your first publish
|
||||
email: federico.zivolo@gmail.com
|
||||
baseurl: "" # the subpath of your site, e.g. /blog
|
||||
url: "https://popper.js.org" # the base hostname & protocol for your site
|
||||
github: https://github.com/FezVrasta/popper.js
|
||||
social:
|
||||
twitter: https://twitter.com/FezVr4sta
|
||||
github: https://github.com/FezVrasta
|
||||
medium: https://medium.com/@FezVrasta
|
||||
linkedin-square: https://linkedin.com/in/FezVrasta
|
||||
#email: /contact/
|
||||
#flickr:
|
||||
#instagram:
|
||||
#youtube-square:
|
||||
#spotify:
|
||||
#stack-overflow:
|
||||
#vimeo:
|
||||
#reddit:
|
||||
#stubleupon:
|
||||
#delicious:
|
||||
#pied-piper:
|
||||
#digg:
|
||||
#soundcloud:
|
||||
#deviantart:
|
||||
#angellist:
|
||||
#tumblr-square:
|
||||
#stackexchange:
|
||||
#weibo:
|
||||
#trello:
|
||||
#foursquare:
|
||||
#linux:
|
||||
#bitbucket-square:
|
||||
#vk:
|
||||
#slack:
|
||||
#vine:
|
||||
#weixin:
|
||||
#yelp:
|
||||
#skyatlas:
|
||||
#leanpub:
|
||||
#connectdevelop:
|
||||
#ils:
|
||||
#forumbee:
|
||||
#tripadvisor:
|
||||
#amazon:
|
||||
|
||||
# Build settings
|
||||
markdown: kramdown
|
||||
#sass:
|
||||
# style: compressed
|
||||
|
||||
kramdown:
|
||||
parse_block_html: true
|
||||
parse_span_html: true
|
||||
html_to_native: true
|
||||
@ -0,0 +1,13 @@
|
||||
<h2 id="example10" tabindex="0">Popper on your side!</h2>
|
||||
<p id="example10Title">
|
||||
What are you waiting for? Select a popper from that dropdown.<br />
|
||||
Placing poppers around elements is just that easy!
|
||||
</p>
|
||||
|
||||
<div id="example10code">
|
||||
{% highlight javascript %}
|
||||
var popper = new Popper(referenceElement, onPopper, {
|
||||
placement: 'position'
|
||||
});
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
@ -0,0 +1,78 @@
|
||||
<div class="rel" id="example10reference1">
|
||||
<p class="bold">Hey!</p>
|
||||
<p class="thin">Choose where to put your popper!</p>
|
||||
<select id="example10positionSelector">
|
||||
<option value="top">Top</option>
|
||||
<option value="right">Right</option>
|
||||
<option value="bottom">Bottom</option>
|
||||
<option value="left">Left</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="popper" width="200" id="example10popper1">
|
||||
<p class="bold">Popper on <b id="example10currentPosition" class="currentPosition"></b></p>
|
||||
<div class="popper__arrow" x-arrow></div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#example10positionSelector {
|
||||
margin-top: 1em;
|
||||
}
|
||||
@media (max-width: 460px) {
|
||||
#example10popper1 {
|
||||
max-width: 100px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
var index = 0;
|
||||
var popper;
|
||||
var code = $('#example10code').html();
|
||||
|
||||
$('#example10positionSelector').on('change', attachPopper).trigger('change');
|
||||
|
||||
// Stop autoflip popper when the user click on the dropdown
|
||||
$('#example10positionSelector').on('click', function() {
|
||||
clearInterval(autoPopperFunctionTimer);
|
||||
});
|
||||
|
||||
var autoPopperFunctionTimer = setInterval(function() {
|
||||
if (index === 0) {
|
||||
$('#example10positionSelector').val('top');
|
||||
$('#example10positionSelector').trigger('change');
|
||||
index++;
|
||||
} else if (index === 1) {
|
||||
$('#example10positionSelector').val('right');
|
||||
$('#example10positionSelector').trigger('change');
|
||||
index++;
|
||||
} else if (index === 2) {
|
||||
$('#example10positionSelector').val('bottom');
|
||||
$('#example10positionSelector').trigger('change');
|
||||
index++;
|
||||
} else {
|
||||
$('#example10positionSelector').val('left');
|
||||
$('#example10positionSelector').trigger('change');
|
||||
index = 0;
|
||||
}
|
||||
}, 4000);
|
||||
|
||||
function attachPopper(evt) {
|
||||
position = evt.target.value;
|
||||
|
||||
//Position of the popper
|
||||
$('#example10code').html(code.replace('position', position));
|
||||
$('.currentPosition').text(position);
|
||||
|
||||
popper && popper.destroy();
|
||||
popper = new Popper(example10reference1, example10popper1, {
|
||||
placement: position,
|
||||
boundariesElement: example10reference1.parentNode
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,13 @@
|
||||
<h2 id="example10" tabindex="0"></h2>
|
||||
<p id="example10Title">
|
||||
The available placements are the same you are used to with Popper.js:
|
||||
</p>
|
||||
|
||||
<div id="example10code">
|
||||
{% highlight javascript %}
|
||||
new Tooltip(referenceElement, {
|
||||
placement: 'top', // or bottom, left, right, and variations
|
||||
title: "Top"
|
||||
});
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
@ -0,0 +1,30 @@
|
||||
<div class="rel" id="example10treference1">
|
||||
<p class="bold">It just works</p>
|
||||
<p class="thin">Hover me to see 4 tooltips!</p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
var index = 0;
|
||||
var popper;
|
||||
|
||||
new Tooltip(document.getElementById("example10treference1"), {
|
||||
placement: "top",
|
||||
title: "Top",
|
||||
});
|
||||
new Tooltip(document.getElementById("example10treference1"), {
|
||||
placement: "right",
|
||||
title: "Right",
|
||||
});
|
||||
new Tooltip(document.getElementById("example10treference1"), {
|
||||
placement: "bottom",
|
||||
title: "Bottom",
|
||||
});
|
||||
new Tooltip(document.getElementById("example10treference1"), {
|
||||
placement: "left",
|
||||
title: "Left",
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,18 @@
|
||||
<h2 id="example3" tabindex="0">Custom flip behavior</h2>
|
||||
<p>
|
||||
Try dragging the reference element on the left side, its popper will move on its bottom edge.
|
||||
Then, try to move the reference element on the bottom left corner, it will move on its top edge.
|
||||
</p>
|
||||
{% highlight javascript %}
|
||||
var popper = new Popper(referenceElement, onLeftPopper, {
|
||||
placement: 'left',
|
||||
modifiers: {
|
||||
flip: {
|
||||
behavior: ['left', 'bottom', 'top']
|
||||
},
|
||||
preventOverflow: {
|
||||
boundariesElement: container,
|
||||
},
|
||||
},
|
||||
});
|
||||
{% endhighlight %}
|
||||
@ -0,0 +1,54 @@
|
||||
<div class="rel" id="example3reference1">
|
||||
<p class="bold">Drag me</p>
|
||||
<p class="thin">on the edges</p>
|
||||
</div>
|
||||
|
||||
<div class="popper" id="example3popper1">
|
||||
<p class="bold">Flipping popper</p>
|
||||
<p class="thin">which never flips to right</p>
|
||||
<div class="popper__arrow" x-arrow></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
var example3popper1inst = new Popper(example3reference1, example3popper1, {
|
||||
placement: 'left',
|
||||
modifiers: {
|
||||
flip: {
|
||||
behavior: ['left', 'bottom', 'top'],
|
||||
},
|
||||
preventOverflow: {
|
||||
boundariesElement: example3reference1.parentNode,
|
||||
},
|
||||
}
|
||||
});
|
||||
interact('#example3reference1').draggable({
|
||||
restrict: {
|
||||
restriction: "parent",
|
||||
endOnly: true,
|
||||
elementRect: { top: 0, left: 0, bottom: 1, right: 1 }
|
||||
},
|
||||
onmove: dragMoveListener
|
||||
});
|
||||
var x = 0, y = 0;
|
||||
function dragMoveListener (event) {
|
||||
target = event.target,
|
||||
// keep the dragged position in the data-x/data-y attributes
|
||||
x += event.dx,
|
||||
y += event.dy;
|
||||
|
||||
// translate the element
|
||||
target.style.top = y + 'px';
|
||||
target.style.left = x + 'px'
|
||||
|
||||
example3popper1inst.update();
|
||||
}
|
||||
|
||||
}, false);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#example3reference1:hover {
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,14 @@
|
||||
<h2 id="example20" tabindex="0"></h2>
|
||||
<p id="example20Title">
|
||||
You can show, hide or toggle a tooltip programmatically:
|
||||
</p>
|
||||
|
||||
<div id="example10code">
|
||||
{% highlight javascript %}
|
||||
const instance = new Tooltip(referenceElement, {
|
||||
title: "Hey there",
|
||||
trigger: "click",
|
||||
});
|
||||
instance.show();
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
@ -0,0 +1,18 @@
|
||||
<div class="rel" id="example20treference1" style="width: 40%">
|
||||
<p class="bold">Manually triggered</p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
var index = 0;
|
||||
var popper;
|
||||
|
||||
var instance = new Tooltip(document.getElementById("example20treference1"), {
|
||||
title: "Hey there",
|
||||
trigger: "click",
|
||||
});
|
||||
instance.show();
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,10 @@
|
||||
<h2 id="example2" tabindex="0">Popper on scrolling container</h2>
|
||||
<p>
|
||||
In this example we have a relative div which contains a div with <code>overflow: scroll</code>.<br>
|
||||
Inside it, there are our popper and reference elements.
|
||||
</p>
|
||||
{% highlight javascript %}
|
||||
var popper = new Popper(referenceElement, onLeftPopper, {
|
||||
placement: 'left',
|
||||
});
|
||||
{% endhighlight %}
|
||||
@ -0,0 +1,44 @@
|
||||
<div class="example2__fake-body nano">
|
||||
<div class="nano-content">
|
||||
<div class="example2__scrol-box">
|
||||
<div class="rel" id="example2reference1">
|
||||
<p class="bold">Scroll me</p>
|
||||
<p class="thin">up and down</p>
|
||||
</div>
|
||||
|
||||
<div class="popper" id="example2popper1">
|
||||
<p class="bold">I follow it</p>
|
||||
<p class="thin">staying between boundaries</p>
|
||||
<div class="popper__arrow" x-arrow></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
var fakeBody = document.querySelector('.example2__fake-body');
|
||||
$('.nano').nanoScroller({ scrollTop: fakeBody.clientHeight / 2 });
|
||||
|
||||
setTimeout(function() {
|
||||
var pop1 = new Popper(example2reference1, example2popper1, {
|
||||
placement: 'left',
|
||||
});
|
||||
}, 1000);
|
||||
}, false);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.example2__fake-body {
|
||||
overflow-x: scroll;
|
||||
height: 450px;
|
||||
flex: 1;
|
||||
}
|
||||
.example2__scrol-box {
|
||||
height: 200%;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,14 @@
|
||||
<h2 id="example4" tabindex="0">Shifted poppers</h2>
|
||||
<p>
|
||||
Shift your poppers on start or end of its reference element side.
|
||||
</p>
|
||||
|
||||
{% highlight javascript %}
|
||||
var shiftStart = new Popper(referenceElement, shiftStartPopper, {
|
||||
placement: 'left-start',
|
||||
});
|
||||
|
||||
var shiftEnd = new Popper(referenceElement, shiftEndPopper, {
|
||||
placement: 'bottom-end',
|
||||
});
|
||||
{% endhighlight %}
|
||||
@ -0,0 +1,38 @@
|
||||
<div class="rel" id="example4reference1">
|
||||
<p class="bold">Reference</p>
|
||||
</div>
|
||||
|
||||
<div class="popper" id="example4popper1">
|
||||
<p class="bold">Shifted popper</p>
|
||||
<p class="thin">on start</p>
|
||||
<div class="popper__arrow" x-arrow></div>
|
||||
</div>
|
||||
|
||||
<div class="popper" id="example4popper2">
|
||||
<p class="bold">Shifted popper</p>
|
||||
<p class="thin">on end</p>
|
||||
<div class="popper__arrow" x-arrow></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
var shiftStart = new Popper(example4reference1, example4popper1, {
|
||||
placement: 'left-start',
|
||||
});
|
||||
|
||||
var shiftEnd = new Popper(example4reference1, example4popper2, {
|
||||
placement: 'bottom-end',
|
||||
});
|
||||
|
||||
}, false);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#example4popper1,
|
||||
#example4popper2 {
|
||||
width: 100px;
|
||||
}
|
||||
#example4popper1 {
|
||||
height: 150px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,11 @@
|
||||
<h2 id="example5" tabindex="0">Viewport boundaries</h2>
|
||||
<p>
|
||||
By default, poppers use as boundaries the page viewport.<br>
|
||||
Scroll the page to see the popper flip when hits the page viewport margins.
|
||||
</p>
|
||||
|
||||
{% highlight javascript %}
|
||||
var popper = new Popper(referenceElement, onBottomPopper, {
|
||||
placement: 'bottom'
|
||||
});
|
||||
{% endhighlight %}
|
||||
@ -0,0 +1,18 @@
|
||||
<div class="rel" id="example5reference1">
|
||||
<p class="bold">Pop</p>
|
||||
<p class="thin">on the bottom</p>
|
||||
</div>
|
||||
|
||||
<div class="popper" id="example5popper1">
|
||||
<p class="bold">Popper on bottom</p>
|
||||
<p class="thin">Flips when hits viewport</p>
|
||||
<div class="popper__arrow" x-arrow></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
var pop1 = new Popper(example5reference1, example5popper1, {
|
||||
placement: 'bottom'
|
||||
});
|
||||
}, false);
|
||||
</script>
|
||||
@ -0,0 +1,27 @@
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<ul class="icons">
|
||||
{% for socloc in site.social %}
|
||||
{% if socloc[1] %}
|
||||
{% if socloc[0] == 'email' %}
|
||||
<li><a target="_blank" href="{{ socloc[1] }}" class="icon fa-envelope-o"
|
||||
><span class="label">E-mail</span></a></li>
|
||||
{% else %}
|
||||
<li><a target="_blank" href="{{ socloc[1] }}" class="icon fa-{{ socloc[0] }}"
|
||||
><span class="label">{{ socloc[0] }}</span></a></li>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li>© {% assign thisyear = site.time | date: "%Y" %}
|
||||
{% if site.first_published %}
|
||||
{% capture diff %}{{ site.first_published | minus:thisyear }}{% endcapture %}
|
||||
{% if diff contains '-' %}{{ site.first_published }},{% endif %}
|
||||
{% endif %}
|
||||
{{ thisyear }}
|
||||
{% if site.owner %}{{ site.owner }}{% else %}{{ site.title }}{% endif %}</li>
|
||||
<li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
|
||||
<li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
|
||||
</ul>
|
||||
</footer>
|
||||
29
WebfrontCore/wwwroot/lib/popper.js/docs/_includes/head.html
Normal file
29
WebfrontCore/wwwroot/lib/popper.js/docs/_includes/head.html
Normal file
@ -0,0 +1,29 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description | strip_html | strip_newlines }}{% endif %}">
|
||||
|
||||
<!--[if lte IE 8]><script src="{{ "/js/ie/html5shiv.js" | prepend: site.baseurl }}"></script><![endif]-->
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="stylesheet" href="{{ '/css/main.css' | prepend: site.baseurl }}">
|
||||
<!--[if lte IE 8]><link rel="stylesheet" href="{{ "/css/ie8.css" | prepend: site.baseurl }}" /><![endif]-->
|
||||
<!--[if lte IE 9]><link rel="stylesheet" href="{{ "/css/ie9.css" | prepend: site.baseurl }}" /><![endif]-->
|
||||
|
||||
<script>
|
||||
if (window.location.href.indexOf('github.io/popper.js') !== -1) {
|
||||
window.location.href = "{{site.url}}" + "{{page.url}}"
|
||||
}
|
||||
</script>
|
||||
|
||||
<meta property="og:title" content="{{ site.title | escape }}">
|
||||
<meta property="og:description" content="{{ site.description | strip_html | strip_newlines }}">
|
||||
<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<meta property="og:image" content="{{ '/images/logo.png' | prepend: site.baseurl | prepend: site.url }}">
|
||||
|
||||
<!-- favicon -->
|
||||
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
|
||||
<link rel="shortcut icon" href="favicon.ico">
|
||||
</head>
|
||||
@ -0,0 +1,28 @@
|
||||
<!-- Header -->
|
||||
<header id="header"{% if page.layout == 'landing' %} class="alt"{% endif %}>
|
||||
<h1 id="header-title" >
|
||||
<a href="{{ site.baseurl }}/index.html">{{ site.title }}</a>
|
||||
</h1>
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li class="special">
|
||||
<a href="#menu" class="menuToggle"><span>Menu</span></a>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
{% for my_page in site.pages %}
|
||||
{% if my_page.title %}
|
||||
<li><a href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<li><a href="{{ site.github }}" class="icon fa-github"> GitHub</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="popper" style="width: auto; height: 50px;" id="title-popper">
|
||||
<iframe src="//ghbtns.com/github-btn.html?user=FezVrasta&repo=popper.js&type=star&count=true&size=large" style="height: 30px;width: 145px;"></iframe>
|
||||
<div class="popper__arrow" x-arrow></div>
|
||||
</div>
|
||||
</header>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,27 @@
|
||||
<!-- Scripts -->
|
||||
<script src="https://cdn.jsdelivr.net/interact.js/1.2.6/interact.min.js"></script>
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery.scrollex.min.js"></script>
|
||||
<script src="js/jquery.scrolly.min.js"></script>
|
||||
<script src="js/skel.min.js"></script>
|
||||
<script src="js/util.js"></script>
|
||||
<script src="https://platform.twitter.com/widgets.js"></script>
|
||||
<!--[if lte IE 8]><script src="js/ie/respond.min.js"></script><![endif]-->
|
||||
<script src="https://unpkg.com/popper.js@^1"></script>
|
||||
<script src="https://unpkg.com/tooltip.js@^1"></script>
|
||||
<script src="js/jquery.nanoscroller.js"></script>
|
||||
|
||||
<script>
|
||||
$('h1[id], h2[id], h3[id], h4[id], h5[id]').each(function(i, el) {
|
||||
var name = $(el).prev().find('a[name]:not([href])').attr('name');
|
||||
if (!name) {
|
||||
name = $(el).attr('id');
|
||||
$(el).attr('id', '');
|
||||
$(el).prepend('<a name="' + name + '"></a>')
|
||||
}
|
||||
$(el).wrap('<a class="anchor-wrapper" href="#' + name + '"></a>')
|
||||
$(el).append('<i class="fa fa-link link-anchor" />');
|
||||
});
|
||||
</script>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
@ -0,0 +1,84 @@
|
||||
<a name="Tooltip"></a>
|
||||
|
||||
## Tooltip
|
||||
**Kind**: global class
|
||||
|
||||
* [Tooltip](#Tooltip)
|
||||
* [new Tooltip(reference, options)](#new_Tooltip_new)
|
||||
* _instance_
|
||||
* [.show()](#Tooltip+show)
|
||||
* [.hide()](#Tooltip+hide)
|
||||
* [.dispose()](#Tooltip+dispose)
|
||||
* [.toggle()](#Tooltip+toggle)
|
||||
* _static_
|
||||
* [.PlacementFunction](#Tooltip.PlacementFunction) ⇒ <code>String</code>
|
||||
* [.TitleFunction](#Tooltip.TitleFunction) ⇒ <code>String</code>
|
||||
|
||||
<a name="new_Tooltip_new"></a>
|
||||
|
||||
### new Tooltip(reference, options)
|
||||
Create a new Tooltip.js instance
|
||||
|
||||
**Returns**: <code>Object</code> - instance - The generated tooltip instance
|
||||
|
||||
| Param | Type | Default | Description |
|
||||
| --- | --- | --- | --- |
|
||||
| reference | <code>HTMLElement</code> | | The DOM node used as reference of the tooltip (it can be a jQuery element). |
|
||||
| options | <code>Object</code> | | |
|
||||
| options.placement | <code>String</code> | <code>bottom</code> | Placement of the popper accepted values: `top(-start, -end), right(-start, -end), bottom(-start, -end), left(-start, -end)` |
|
||||
| options.container | <code>HTMLElement</code> \| <code>String</code> \| <code>false</code> | <code>false</code> | Append the tooltip to a specific element. |
|
||||
| options.delay | <code>Number</code> \| <code>Object</code> | <code>0</code> | Delay showing and hiding the tooltip (ms) - does not apply to manual trigger type. If a number is supplied, delay is applied to both hide/show. Object structure is: `{ show: 500, hide: 100 }` |
|
||||
| options.html | <code>Boolean</code> | <code>false</code> | Insert HTML into the tooltip. If false, the content will inserted with `innerText`. |
|
||||
| options.placement | <code>String</code> \| <code>PlacementFunction</code> | <code>'top'</code> | One of the allowed placements, or a function returning one of them. |
|
||||
| [options.template] | <code>String</code> | <code>'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'</code> | Base HTML to used when creating the tooltip. The tooltip's `title` will be injected into the `.tooltip-inner` or `.tooltip__inner`. `.tooltip-arrow` or `.tooltip__arrow` will become the tooltip's arrow. The outermost wrapper element should have the `.tooltip` class. |
|
||||
| options.title | <code>String</code> \| <code>HTMLElement</code> \| <code>TitleFunction</code> | <code>''</code> | Default title value if `title` attribute isn't present. |
|
||||
| [options.trigger] | <code>String</code> | <code>'hover focus'</code> | How tooltip is triggered - click, hover, focus, manual. You may pass multiple triggers; separate them with a space. `manual` cannot be combined with any other trigger. |
|
||||
| options.boundariesElement | <code>HTMLElement</code> | | The element used as boundaries for the tooltip. For more information refer to Popper.js' [boundariesElement docs](https://popper.js.org/popper-documentation.html) |
|
||||
| options.offset | <code>Number</code> \| <code>String</code> | <code>0</code> | Offset of the tooltip relative to its reference. For more information refer to Popper.js' [offset docs](https://popper.js.org/popper-documentation.html) |
|
||||
| options.popperOptions | <code>Object</code> | <code>{}</code> | Popper options, will be passed directly to popper instance. For more information refer to Popper.js' [options docs](https://popper.js.org/popper-documentation.html) |
|
||||
|
||||
<a name="Tooltip+show"></a>
|
||||
|
||||
### tooltip.show()
|
||||
Reveals an element's tooltip. This is considered a "manual" triggering of the tooltip.
|
||||
Tooltips with zero-length titles are never displayed.
|
||||
|
||||
**Kind**: instance method of [<code>Tooltip</code>](#Tooltip)
|
||||
<a name="Tooltip+hide"></a>
|
||||
|
||||
### tooltip.hide()
|
||||
Hides an element’s tooltip. This is considered a “manual” triggering of the tooltip.
|
||||
|
||||
**Kind**: instance method of [<code>Tooltip</code>](#Tooltip)
|
||||
<a name="Tooltip+dispose"></a>
|
||||
|
||||
### tooltip.dispose()
|
||||
Hides and destroys an element’s tooltip.
|
||||
|
||||
**Kind**: instance method of [<code>Tooltip</code>](#Tooltip)
|
||||
<a name="Tooltip+toggle"></a>
|
||||
|
||||
### tooltip.toggle()
|
||||
Toggles an element’s tooltip. This is considered a “manual” triggering of the tooltip.
|
||||
|
||||
**Kind**: instance method of [<code>Tooltip</code>](#Tooltip)
|
||||
<a name="Tooltip.PlacementFunction"></a>
|
||||
|
||||
### Tooltip.PlacementFunction ⇒ <code>String</code>
|
||||
Placement function, its context is the Tooltip instance.
|
||||
|
||||
**Kind**: static typedef of [<code>Tooltip</code>](#Tooltip)
|
||||
**Returns**: <code>String</code> - placement - One of the allowed placement options.
|
||||
|
||||
| Param | Type | Description |
|
||||
| --- | --- | --- |
|
||||
| tooltip | <code>HTMLElement</code> | tooltip DOM node. |
|
||||
| reference | <code>HTMLElement</code> | reference DOM node. |
|
||||
|
||||
<a name="Tooltip.TitleFunction"></a>
|
||||
|
||||
### Tooltip.TitleFunction ⇒ <code>String</code>
|
||||
Title function, its context is the Tooltip instance.
|
||||
|
||||
**Kind**: static typedef of [<code>Tooltip</code>](#Tooltip)
|
||||
**Returns**: <code>String</code> - placement - The desired title.
|
||||
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Original Design: Spectral by HTML5 UP
|
||||
html5up.net | @n33co
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Jekyll build mod
|
||||
-->
|
||||
<html>
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Page Wrapper -->
|
||||
<div id="page-wrapper">
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
{% include scripts.html %}
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
Original Design: Spectral by HTML5 UP
|
||||
html5up.net | @n33co
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
Jekyll build mod
|
||||
-->
|
||||
<html>
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
<body class="landing">
|
||||
<script>window.document.body.classList.add('is-loading');</script>
|
||||
|
||||
<!-- Page Wrapper -->
|
||||
<div id="page-wrapper">
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
{% include scripts.html %}
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,17 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<article id="main" class="page-layout">
|
||||
|
||||
<header>
|
||||
<h2>#{{ page.title }}</h2>
|
||||
<p>{{ page.description }}</p>
|
||||
</header>
|
||||
|
||||
<section class="wrapper style5">
|
||||
<div class="inner">
|
||||
{{ content }}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</article>
|
||||
@ -0,0 +1,13 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<article id="main" class="page-layout">
|
||||
|
||||
<header>
|
||||
<h2>{{ page.title }}</h2>
|
||||
<p>{{ page.description }}</p>
|
||||
</header>
|
||||
|
||||
{{ content }}
|
||||
|
||||
</article>
|
||||
17
WebfrontCore/wwwroot/lib/popper.js/docs/_layouts/page.html
Normal file
17
WebfrontCore/wwwroot/lib/popper.js/docs/_layouts/page.html
Normal file
@ -0,0 +1,17 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<article id="main" class="page-layout">
|
||||
|
||||
<header>
|
||||
<h2>{{ page.title }}</h2>
|
||||
<p>{{ page.description }}</p>
|
||||
</header>
|
||||
|
||||
<section class="wrapper style5">
|
||||
<div class="inner">
|
||||
{{ content }}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</article>
|
||||
@ -0,0 +1,34 @@
|
||||
/// Gets a duration value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _duration($keys...) {
|
||||
@return val($duration, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a font value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _font($keys...) {
|
||||
@return val($font, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a misc value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _misc($keys...) {
|
||||
@return val($misc, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a palette value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _palette($keys...) {
|
||||
@return val($palette, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a size value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _size($keys...) {
|
||||
@return val($size, $keys...);
|
||||
}
|
||||
@ -0,0 +1,65 @@
|
||||
/// Makes an element's :before pseudoelement a FontAwesome icon.
|
||||
/// @param {string} $content Optional content value to use.
|
||||
@mixin icon($content: false) {
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
&:before {
|
||||
|
||||
@if $content {
|
||||
content: $content;
|
||||
}
|
||||
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-transform: none !important;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Applies padding to an element, taking the current element-margin value into account.
|
||||
/// @param {mixed} $tb Top/bottom padding.
|
||||
/// @param {mixed} $lr Left/right padding.
|
||||
/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
|
||||
/// @param {bool} $important If true, adds !important.
|
||||
@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
|
||||
|
||||
@if $important {
|
||||
$important: '!important';
|
||||
}
|
||||
|
||||
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
|
||||
|
||||
}
|
||||
|
||||
|
||||
/// Stripe builder
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {Direction} $direction - Gradient direction
|
||||
/// @param {List} $colors - List of colors
|
||||
/// @output `background-image` if several colors, `background-color` if only one
|
||||
@mixin stripes($direction, $colors) {
|
||||
$length: length($colors);
|
||||
|
||||
@if $length > 1 {
|
||||
$stripes: ();
|
||||
|
||||
@for $i from 1 through $length {
|
||||
$stripe: (100% / $length) * ($i - 1);
|
||||
|
||||
@if $i > 1 {
|
||||
$stripes: append($stripes, nth($colors, $i - 1) $stripe, comma);
|
||||
}
|
||||
|
||||
$stripes: append($stripes, nth($colors, $i) $stripe, comma);
|
||||
}
|
||||
|
||||
background-image: linear-gradient($direction, $stripes);
|
||||
} @else if $length == 1 {
|
||||
background-color: $colors;
|
||||
}
|
||||
}
|
||||
584
WebfrontCore/wwwroot/lib/popper.js/docs/_sass/libs/_skel.scss
Normal file
584
WebfrontCore/wwwroot/lib/popper.js/docs/_sass/libs/_skel.scss
Normal file
@ -0,0 +1,584 @@
|
||||
// skel.scss v3.0.0 | (c) n33 | skel.io | MIT licensed */
|
||||
|
||||
// Vars.
|
||||
|
||||
/// Breakpoints.
|
||||
/// @var {list}
|
||||
$breakpoints: () !global;
|
||||
|
||||
/// Vendor prefixes.
|
||||
/// @var {list}
|
||||
$vendor-prefixes: (
|
||||
'-moz-',
|
||||
'-webkit-',
|
||||
'-ms-',
|
||||
''
|
||||
);
|
||||
|
||||
/// Properties that should be vendorized.
|
||||
/// @var {list}
|
||||
$vendor-properties: (
|
||||
'align-content',
|
||||
'align-items',
|
||||
'align-self',
|
||||
'animation',
|
||||
'animation-delay',
|
||||
'animation-direction',
|
||||
'animation-duration',
|
||||
'animation-fill-mode',
|
||||
'animation-iteration-count',
|
||||
'animation-name',
|
||||
'animation-play-state',
|
||||
'animation-timing-function',
|
||||
'appearance',
|
||||
'backface-visibility',
|
||||
'box-sizing',
|
||||
'filter',
|
||||
'flex',
|
||||
'flex-basis',
|
||||
'flex-direction',
|
||||
'flex-flow',
|
||||
'flex-grow',
|
||||
'flex-shrink',
|
||||
'flex-wrap',
|
||||
'justify-content',
|
||||
'order',
|
||||
'perspective',
|
||||
'pointer-events',
|
||||
'transform',
|
||||
'transform-origin',
|
||||
'transform-style',
|
||||
'transition',
|
||||
'transition-delay',
|
||||
'transition-duration',
|
||||
'transition-property',
|
||||
'transition-timing-function'
|
||||
);
|
||||
|
||||
/// Values that should be vendorized.
|
||||
/// @var {list}
|
||||
$vendor-values: (
|
||||
'filter',
|
||||
'flex',
|
||||
'linear-gradient',
|
||||
'radial-gradient',
|
||||
'transform'
|
||||
);
|
||||
|
||||
// Functions.
|
||||
|
||||
/// Removes a specific item from a list.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {list} $list List.
|
||||
/// @param {integer} $index Index.
|
||||
/// @return {list} Updated list.
|
||||
@function remove-nth($list, $index) {
|
||||
|
||||
$result: null;
|
||||
|
||||
@if type-of($index) != number {
|
||||
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
|
||||
}
|
||||
@else if $index == 0 {
|
||||
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
|
||||
}
|
||||
@else if abs($index) > length($list) {
|
||||
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
|
||||
}
|
||||
@else {
|
||||
|
||||
$result: ();
|
||||
$index: if($index < 0, length($list) + $index + 1, $index);
|
||||
|
||||
@for $i from 1 through length($list) {
|
||||
|
||||
@if $i != $index {
|
||||
$result: append($result, nth($list, $i));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@return $result;
|
||||
|
||||
}
|
||||
|
||||
/// Replaces a substring within another string.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {string} $string String.
|
||||
/// @param {string} $search Substring.
|
||||
/// @param {string} $replace Replacement.
|
||||
/// @return {string} Updated string.
|
||||
@function str-replace($string, $search, $replace: '') {
|
||||
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||
}
|
||||
|
||||
@return $string;
|
||||
|
||||
}
|
||||
|
||||
/// Replaces a substring within each string in a list.
|
||||
/// @param {list} $strings List of strings.
|
||||
/// @param {string} $search Substring.
|
||||
/// @param {string} $replace Replacement.
|
||||
/// @return {list} Updated list of strings.
|
||||
@function str-replace-all($strings, $search, $replace: '') {
|
||||
|
||||
@each $string in $strings {
|
||||
$strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
|
||||
}
|
||||
|
||||
@return $strings;
|
||||
|
||||
}
|
||||
|
||||
/// Gets a value from a map.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {map} $map Map.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function val($map, $keys...) {
|
||||
|
||||
@if nth($keys, 1) == null {
|
||||
$keys: remove-nth($keys, 1);
|
||||
}
|
||||
|
||||
@each $key in $keys {
|
||||
$map: map-get($map, $key);
|
||||
}
|
||||
|
||||
@return $map;
|
||||
|
||||
}
|
||||
|
||||
// Mixins.
|
||||
|
||||
/// Sets the global box model.
|
||||
/// @param {string} $model Model (default is content).
|
||||
@mixin boxModel($model: 'content') {
|
||||
|
||||
$x: $model + '-box';
|
||||
|
||||
*, *:before, *:after {
|
||||
-moz-box-sizing: #{$x};
|
||||
-webkit-box-sizing: #{$x};
|
||||
box-sizing: #{$x};
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Wraps @content in a @media block using a given breakpoint.
|
||||
/// @param {string} $breakpoint Breakpoint.
|
||||
/// @param {map} $queries Additional queries.
|
||||
@mixin breakpoint($breakpoint: null, $queries: null) {
|
||||
|
||||
$query: 'screen';
|
||||
|
||||
// Breakpoint.
|
||||
@if $breakpoint and map-has-key($breakpoints, $breakpoint) {
|
||||
$query: $query + ' and ' + map-get($breakpoints, $breakpoint);
|
||||
}
|
||||
|
||||
// Queries.
|
||||
@if $queries {
|
||||
@each $k, $v in $queries {
|
||||
$query: $query + ' and (' + $k + ':' + $v + ')';
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$query} {
|
||||
@content;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Wraps @content in a @media block targeting a specific orientation.
|
||||
/// @param {string} $orientation Orientation.
|
||||
@mixin orientation($orientation) {
|
||||
@media screen and (orientation: #{$orientation}) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
/// Utility mixin for containers.
|
||||
/// @param {mixed} $width Width.
|
||||
@mixin containers($width) {
|
||||
|
||||
// Locked?
|
||||
$lock: false;
|
||||
|
||||
@if length($width) == 2 {
|
||||
$width: nth($width, 1);
|
||||
$lock: true;
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
.container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
|
||||
.container.\37 5\25 { width: $width * 0.75; }
|
||||
.container.\35 0\25 { width: $width * 0.5; }
|
||||
.container.\32 5\25 { width: $width * 0.25; }
|
||||
|
||||
// Main class.
|
||||
.container {
|
||||
@if $lock {
|
||||
width: $width !important;
|
||||
}
|
||||
@else {
|
||||
width: $width;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Utility mixin for grid.
|
||||
/// @param {list} $gutters Column and row gutters (default is 40px).
|
||||
/// @param {string} $breakpointName Optional breakpoint name.
|
||||
@mixin grid($gutters: 40px, $breakpointName: null) {
|
||||
|
||||
// Gutters.
|
||||
@include grid-gutters($gutters);
|
||||
@include grid-gutters($gutters, \32 00\25, 2);
|
||||
@include grid-gutters($gutters, \31 50\25, 1.5);
|
||||
@include grid-gutters($gutters, \35 0\25, 0.5);
|
||||
@include grid-gutters($gutters, \32 5\25, 0.25);
|
||||
|
||||
// Cells.
|
||||
$x: '';
|
||||
|
||||
@if $breakpointName {
|
||||
$x: '\\28' + $breakpointName + '\\29';
|
||||
}
|
||||
|
||||
.\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
|
||||
.\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
|
||||
.\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
|
||||
.\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
|
||||
.\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
|
||||
.\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
|
||||
.\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
|
||||
.\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
|
||||
.\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
|
||||
.\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
|
||||
.\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
|
||||
.\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
|
||||
|
||||
.\31 2u\24#{$x} + *,
|
||||
.\31 1u\24#{$x} + *,
|
||||
.\31 0u\24#{$x} + *,
|
||||
.\39 u\24#{$x} + *,
|
||||
.\38 u\24#{$x} + *,
|
||||
.\37 u\24#{$x} + *,
|
||||
.\36 u\24#{$x} + *,
|
||||
.\35 u\24#{$x} + *,
|
||||
.\34 u\24#{$x} + *,
|
||||
.\33 u\24#{$x} + *,
|
||||
.\32 u\24#{$x} + *,
|
||||
.\31 u\24#{$x} + * {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.\-11u#{$x} { margin-left: 91.6666666667% }
|
||||
.\-10u#{$x} { margin-left: 83.3333333333% }
|
||||
.\-9u#{$x} { margin-left: 75% }
|
||||
.\-8u#{$x} { margin-left: 66.6666666667% }
|
||||
.\-7u#{$x} { margin-left: 58.3333333333% }
|
||||
.\-6u#{$x} { margin-left: 50% }
|
||||
.\-5u#{$x} { margin-left: 41.6666666667% }
|
||||
.\-4u#{$x} { margin-left: 33.3333333333% }
|
||||
.\-3u#{$x} { margin-left: 25% }
|
||||
.\-2u#{$x} { margin-left: 16.6666666667% }
|
||||
.\-1u#{$x} { margin-left: 8.3333333333% }
|
||||
|
||||
}
|
||||
|
||||
/// Utility mixin for grid.
|
||||
/// @param {list} $gutters Gutters.
|
||||
/// @param {string} $class Optional class name.
|
||||
/// @param {integer} $multiplier Multiplier (default is 1).
|
||||
@mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
|
||||
|
||||
// Expand gutters if it's not a list.
|
||||
@if length($gutters) == 1 {
|
||||
$gutters: ($gutters, 0);
|
||||
}
|
||||
|
||||
// Get column and row gutter values.
|
||||
$c: nth($gutters, 1);
|
||||
$r: nth($gutters, 2);
|
||||
|
||||
// Get class (if provided).
|
||||
$x: '';
|
||||
|
||||
@if $class {
|
||||
$x: '.' + $class;
|
||||
}
|
||||
|
||||
// Default.
|
||||
.row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
|
||||
.row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
|
||||
|
||||
// Uniform.
|
||||
.row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
|
||||
.row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
|
||||
|
||||
}
|
||||
|
||||
/// Wraps @content in vendorized keyframe blocks.
|
||||
/// @param {string} $name Name.
|
||||
@mixin keyframes($name) {
|
||||
|
||||
@-moz-keyframes #{$name} { @content; }
|
||||
@-webkit-keyframes #{$name} { @content; }
|
||||
@-ms-keyframes #{$name} { @content; }
|
||||
@keyframes #{$name} { @content; }
|
||||
|
||||
}
|
||||
|
||||
///
|
||||
/// Sets breakpoints.
|
||||
/// @param {map} $x Breakpoints.
|
||||
///
|
||||
@mixin skel-breakpoints($x: ()) {
|
||||
$breakpoints: $x !global;
|
||||
}
|
||||
|
||||
///
|
||||
/// Initializes layout module.
|
||||
/// @param {map} config Config.
|
||||
///
|
||||
@mixin skel-layout($config: ()) {
|
||||
|
||||
// Config.
|
||||
$configPerBreakpoint: ();
|
||||
|
||||
$z: map-get($config, 'breakpoints');
|
||||
|
||||
@if $z {
|
||||
$configPerBreakpoint: $z;
|
||||
}
|
||||
|
||||
// Reset.
|
||||
$x: map-get($config, 'reset');
|
||||
|
||||
@if $x {
|
||||
|
||||
/* Reset */
|
||||
|
||||
@include reset($x);
|
||||
|
||||
}
|
||||
|
||||
// Box model.
|
||||
$x: map-get($config, 'boxModel');
|
||||
|
||||
@if $x {
|
||||
|
||||
/* Box Model */
|
||||
|
||||
@include boxModel($x);
|
||||
|
||||
}
|
||||
|
||||
// Containers.
|
||||
$containers: map-get($config, 'containers');
|
||||
|
||||
@if $containers {
|
||||
|
||||
/* Containers */
|
||||
|
||||
.container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// Use default is $containers is just "true".
|
||||
@if $containers == true {
|
||||
$containers: 960px;
|
||||
}
|
||||
|
||||
// Apply base.
|
||||
@include containers($containers);
|
||||
|
||||
// Apply per-breakpoint.
|
||||
@each $name in map-keys($breakpoints) {
|
||||
|
||||
// Get/use breakpoint setting if it exists.
|
||||
$x: map-get($configPerBreakpoint, $name);
|
||||
|
||||
// Per-breakpoint config exists?
|
||||
@if $x {
|
||||
$y: map-get($x, 'containers');
|
||||
|
||||
// Setting exists? Use it.
|
||||
@if $y {
|
||||
$containers: $y;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Create @media block.
|
||||
@media screen and #{map-get($breakpoints, $name)} {
|
||||
@include containers($containers);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Grid.
|
||||
$grid: map-get($config, 'grid');
|
||||
|
||||
@if $grid {
|
||||
|
||||
/* Grid */
|
||||
|
||||
// Use defaults if $grid is just "true".
|
||||
@if $grid == true {
|
||||
$grid: ();
|
||||
}
|
||||
|
||||
// Sub-setting: Gutters.
|
||||
$grid-gutters: 40px;
|
||||
$x: map-get($grid, 'gutters');
|
||||
|
||||
@if $x {
|
||||
$grid-gutters: $x;
|
||||
}
|
||||
|
||||
// Rows.
|
||||
.row {
|
||||
border-bottom: solid 1px transparent;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.row > * {
|
||||
float: left;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.row:after, .row:before {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.row.uniform > * > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.row.uniform > * > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// Gutters (0%).
|
||||
@include grid-gutters($grid-gutters, \30 \25, 0);
|
||||
|
||||
// Apply base.
|
||||
@include grid($grid-gutters);
|
||||
|
||||
// Apply per-breakpoint.
|
||||
@each $name in map-keys($breakpoints) {
|
||||
|
||||
// Get/use breakpoint setting if it exists.
|
||||
$x: map-get($configPerBreakpoint, $name);
|
||||
|
||||
// Per-breakpoint config exists?
|
||||
@if $x {
|
||||
$y: map-get($x, 'grid');
|
||||
|
||||
// Setting exists?
|
||||
@if $y {
|
||||
|
||||
// Sub-setting: Gutters.
|
||||
$x: map-get($y, 'gutters');
|
||||
|
||||
@if $x {
|
||||
$grid-gutters: $x;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Create @media block.
|
||||
@media screen and #{map-get($breakpoints, $name)} {
|
||||
@include grid($grid-gutters, $name);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Resets browser styles.
|
||||
/// @param {string} $mode Mode (default is 'normalize').
|
||||
@mixin reset($mode: 'normalize') {
|
||||
|
||||
@if $mode == 'normalize' {
|
||||
|
||||
// normalize.css v3.0.2 | MIT License | git.io/normalize
|
||||
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
|
||||
|
||||
}
|
||||
@else if $mode == 'full' {
|
||||
|
||||
// meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
|
||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Vendorizes a declaration's property and/or value(s).
|
||||
/// @param {string} $property Property.
|
||||
/// @param {mixed} $value String/list of value(s).
|
||||
@mixin vendor($property, $value) {
|
||||
|
||||
// Determine if property should expand.
|
||||
$expandProperty: index($vendor-properties, $property);
|
||||
|
||||
// Determine if value should expand (and if so, add '-prefix-' placeholder).
|
||||
$expandValue: false;
|
||||
|
||||
@each $x in $value {
|
||||
@each $y in $vendor-values {
|
||||
@if $y == str-slice($x, 1, str-length($y)) {
|
||||
|
||||
$value: set-nth($value, index($value, $x), '-prefix-' + $x);
|
||||
$expandValue: true;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Expand property?
|
||||
@if $expandProperty {
|
||||
@each $vendor in $vendor-prefixes {
|
||||
#{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
|
||||
}
|
||||
}
|
||||
|
||||
// Expand just the value?
|
||||
@elseif $expandValue {
|
||||
@each $vendor in $vendor-prefixes {
|
||||
#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
|
||||
}
|
||||
}
|
||||
|
||||
// Neither? Treat them as a normal declaration.
|
||||
@else {
|
||||
#{$property}: #{$value};
|
||||
}
|
||||
|
||||
}
|
||||
125
WebfrontCore/wwwroot/lib/popper.js/docs/_sass/libs/_vars.scss
Normal file
125
WebfrontCore/wwwroot/lib/popper.js/docs/_sass/libs/_vars.scss
Normal file
@ -0,0 +1,125 @@
|
||||
///
|
||||
/// Spectral by HTML5 UP
|
||||
/// html5up.net | @n33co
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
// Misc.
|
||||
$misc: (
|
||||
max-spotlights: 10,
|
||||
max-features: 10,
|
||||
z-index-base: 10000
|
||||
);
|
||||
|
||||
// Duration.
|
||||
$duration: (
|
||||
transitions: 0.2s,
|
||||
menu: 0.5s,
|
||||
fadein: 3s
|
||||
);
|
||||
|
||||
// Size.
|
||||
$size: (
|
||||
element-height: 2.75em,
|
||||
element-margin: 2em,
|
||||
letter-spacing: 0.075em,
|
||||
letter-spacing-alt: 0.225em
|
||||
);
|
||||
|
||||
// Font.
|
||||
$font: (
|
||||
family: ('Open Sans', Helvetica, sans-serif),
|
||||
family-fixed: ('Courier New', monospace),
|
||||
weight: 400,
|
||||
weight-bold: 600,
|
||||
weight-extrabold: 800
|
||||
);
|
||||
|
||||
// Palette.
|
||||
$palette: (
|
||||
bg: #2e3842,
|
||||
fg: #fff,
|
||||
fg-bold: #fff,
|
||||
fg-light: rgba(255,255,255,0.5),
|
||||
border: #fff,
|
||||
border-bg: rgba(144,144,144,0.25),
|
||||
border2: #fff,
|
||||
border2-bg: rgba(144,144,144,0.5),
|
||||
|
||||
accent1: (
|
||||
bg: #21b2a6,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#21b2a6, #ffffff, 25%),
|
||||
fg-light: mix(#21b2a6, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
),
|
||||
|
||||
accent2: (
|
||||
bg: #00ffcc,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#00ffcc, #ffffff, 25%),
|
||||
fg-light: mix(#00ffcc, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
),
|
||||
|
||||
accent3: (
|
||||
bg: #00f0ff,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#00f0ff, #ffffff, 25%),
|
||||
fg-light: mix(#00f0ff, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
),
|
||||
|
||||
accent4: (
|
||||
bg: #76ddff,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#76ddff, #ffffff, 25%),
|
||||
fg-light: mix(#76ddff, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
),
|
||||
|
||||
accent5: (
|
||||
bg: #505393,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#505393, #ffffff, 25%),
|
||||
fg-light: mix(#505393, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
),
|
||||
|
||||
accent6: (
|
||||
bg: #ed4933,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#ed4933, #ffffff, 25%),
|
||||
fg-light: mix(#ed4933, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
),
|
||||
|
||||
accent7: (
|
||||
bg: #ffffff,
|
||||
fg-bold: #2E3842,
|
||||
fg: #4E4852,
|
||||
fg-light: #8E8892,
|
||||
border: #dfdfdf,
|
||||
border-bg: rgba(0,0,0,0.0375),
|
||||
border2: #bfbfbf,
|
||||
border2-bg: rgba(0,0,0,0.1)
|
||||
)
|
||||
);
|
||||
64
WebfrontCore/wwwroot/lib/popper.js/docs/css/code.css
Normal file
64
WebfrontCore/wwwroot/lib/popper.js/docs/css/code.css
Normal file
@ -0,0 +1,64 @@
|
||||
.highlight .hll { background-color: #49483e }
|
||||
.highlight .c { color: #75715e } /* Comment */
|
||||
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
|
||||
.highlight .k { color: #66d9ef } /* Keyword */
|
||||
.highlight .l { color: #ae81ff } /* Literal */
|
||||
.highlight .n { color: #f8f8f2 } /* Name */
|
||||
.highlight .o { color: #f92672 } /* Operator */
|
||||
.highlight .p { color: #f8f8f2 } /* Punctuation */
|
||||
.highlight .cm { color: #75715e } /* Comment.Multiline */
|
||||
.highlight .cp { color: #75715e } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #75715e } /* Comment.Single */
|
||||
.highlight .cs { color: #75715e } /* Comment.Special */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
|
||||
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #66d9ef } /* Keyword.Type */
|
||||
.highlight .ld { color: #e6db74 } /* Literal.Date */
|
||||
.highlight .m { color: #ae81ff } /* Literal.Number */
|
||||
.highlight .s { color: #e6db74 } /* Literal.String */
|
||||
.highlight .na { color: #a6e22e } /* Name.Attribute */
|
||||
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
|
||||
.highlight .nc { color: #a6e22e } /* Name.Class */
|
||||
.highlight .no { color: #66d9ef } /* Name.Constant */
|
||||
.highlight .nd { color: #a6e22e } /* Name.Decorator */
|
||||
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
|
||||
.highlight .ne { color: #a6e22e } /* Name.Exception */
|
||||
.highlight .nf { color: #a6e22e } /* Name.Function */
|
||||
.highlight .nl { color: #f8f8f2 } /* Name.Label */
|
||||
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
|
||||
.highlight .nx { color: #a6e22e } /* Name.Other */
|
||||
.highlight .py { color: #f8f8f2 } /* Name.Property */
|
||||
.highlight .nt { color: #f92672 } /* Name.Tag */
|
||||
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
|
||||
.highlight .ow { color: #f92672 } /* Operator.Word */
|
||||
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
|
||||
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
|
||||
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
|
||||
|
||||
.highlight .gh { } /* Generic Heading & Diff Header */
|
||||
.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
|
||||
.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
|
||||
.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
|
||||
4
WebfrontCore/wwwroot/lib/popper.js/docs/css/font-awesome.min.css
vendored
Normal file
4
WebfrontCore/wwwroot/lib/popper.js/docs/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
119
WebfrontCore/wwwroot/lib/popper.js/docs/css/ie8.scss
Normal file
119
WebfrontCore/wwwroot/lib/popper.js/docs/css/ie8.scss
Normal file
@ -0,0 +1,119 @@
|
||||
---
|
||||
# Only the main Sass file needs front matter (the dashes are enough)
|
||||
---
|
||||
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import 'libs/skel';
|
||||
|
||||
/*
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @n33co
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Icon */
|
||||
|
||||
.icon {
|
||||
&.major {
|
||||
border: none;
|
||||
|
||||
&:before {
|
||||
font-size: 3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Form */
|
||||
|
||||
label {
|
||||
color: _palette(accent7, fg-bold);
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
select,
|
||||
textarea {
|
||||
border: solid 1px _palette(accent7, border);
|
||||
}
|
||||
|
||||
/* Button */
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
border: solid 2px _palette(accent7, border);
|
||||
|
||||
&.special {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Page Wrapper + Menu */
|
||||
|
||||
#menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.is-menu-visible {
|
||||
#menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#header {
|
||||
nav {
|
||||
> ul {
|
||||
> li {
|
||||
> a {
|
||||
&.menuToggle {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner + Wrapper (style4) */
|
||||
|
||||
#banner,
|
||||
.wrapper.style4 {
|
||||
-ms-behavior: url('js/ie/backgroundsize.min.htc');
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner {
|
||||
.more {
|
||||
height: 4em;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Main */
|
||||
|
||||
#main {
|
||||
> header {
|
||||
-ms-behavior: url('js/ie/backgroundsize.min.htc');
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
138
WebfrontCore/wwwroot/lib/popper.js/docs/css/ie9.scss
Normal file
138
WebfrontCore/wwwroot/lib/popper.js/docs/css/ie9.scss
Normal file
@ -0,0 +1,138 @@
|
||||
---
|
||||
# Only the main Sass file needs front matter (the dashes are enough)
|
||||
---
|
||||
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import 'libs/skel';
|
||||
|
||||
/*
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @n33co
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Spotlight */
|
||||
|
||||
.spotlight {
|
||||
display: block;
|
||||
|
||||
.image {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.content {
|
||||
@include padding(4em, 4em);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Features */
|
||||
|
||||
.features {
|
||||
display: block;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner + Wrapper (style4) */
|
||||
|
||||
#banner,
|
||||
.wrapper.style4 {
|
||||
background-image: url("../../images/banner.jpg");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
background: #000000;
|
||||
content: '';
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.inner {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner {
|
||||
@include padding(14em, 0);
|
||||
height: auto;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* CTA */
|
||||
|
||||
#cta {
|
||||
.inner {
|
||||
header {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.actions {
|
||||
float: left;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Main */
|
||||
|
||||
#main {
|
||||
> header {
|
||||
background-image: url("../../images/banner.jpg");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
background: #000000;
|
||||
content: '';
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
> * {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="30px" viewBox="0 0 30 30" zoomAndPan="disable" preserveAspectRatio="none">
|
||||
<style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 3; } ]]></style>
|
||||
<line x1="0" y1="15" x2="15" y2="30" />
|
||||
<line x1="30" y1="15" x2="15" y2="30" />
|
||||
<line x1="15" y1="30" x2="15" y2="0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 402 B |
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" zoomAndPan="disable" preserveAspectRatio="none">
|
||||
<style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 2; } ]]></style>
|
||||
<line x1="0" y1="1" x2="16" y2="1" />
|
||||
<line x1="0" y1="7" x2="16" y2="7" />
|
||||
<line x1="0" y1="13" x2="16" y2="13" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 397 B |
@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" zoomAndPan="disable" preserveAspectRatio="none">
|
||||
<style type="text/css"><![CDATA[ line { stroke: #ffffff; stroke-width: 2; } ]]></style>
|
||||
<line x1="0" y1="0" x2="16" y2="16" />
|
||||
<line x1="16" y1="0" x2="0" y2="16" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 358 B |
2100
WebfrontCore/wwwroot/lib/popper.js/docs/css/main.scss
Normal file
2100
WebfrontCore/wwwroot/lib/popper.js/docs/css/main.scss
Normal file
File diff suppressed because it is too large
Load Diff
140
WebfrontCore/wwwroot/lib/popper.js/docs/css/popper.css
Normal file
140
WebfrontCore/wwwroot/lib/popper.js/docs/css/popper.css
Normal file
@ -0,0 +1,140 @@
|
||||
.link-anchor {
|
||||
position: relative;
|
||||
width: 0;
|
||||
font-size: .8em;
|
||||
opacity: 0;
|
||||
transition: opacity .2s ease-in-out;
|
||||
}
|
||||
.anchor-wrapper {
|
||||
border: none;
|
||||
}
|
||||
.anchor-wrapper:hover .link-anchor {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
section h1[id]:focus,
|
||||
section h2[id]:focus,
|
||||
section h3[id]:focus,
|
||||
section h4[id]:focus,
|
||||
section h5[id]:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
p.thin {
|
||||
font-weight: 100;
|
||||
margin: 0;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
p.bold {
|
||||
font-weight: 900;
|
||||
margin: 0;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.rel {
|
||||
width: 30%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
border-style: dotted;
|
||||
border-color: white;
|
||||
border-width: medium;
|
||||
}
|
||||
|
||||
.popper,
|
||||
.tooltip {
|
||||
position: absolute;
|
||||
background: #FFC107;
|
||||
color: black;
|
||||
width: 150px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px rgba(0,0,0,0.5);
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.style5 .tooltip {
|
||||
background: #1E252B;
|
||||
color: #FFFFFF;
|
||||
max-width: 200px;
|
||||
width: auto;
|
||||
font-size: .8rem;
|
||||
padding: .5em 1em;
|
||||
}
|
||||
.popper .popper__arrow,
|
||||
.tooltip .tooltip-arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
position: absolute;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.tooltip .tooltip-arrow,
|
||||
.popper .popper__arrow {
|
||||
border-color: #FFC107;
|
||||
}
|
||||
.style5 .tooltip .tooltip-arrow {
|
||||
border-color: #1E252B;
|
||||
}
|
||||
.popper[x-placement^="top"],
|
||||
.tooltip[x-placement^="top"] {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.popper[x-placement^="top"] .popper__arrow,
|
||||
.tooltip[x-placement^="top"] .tooltip-arrow {
|
||||
border-width: 5px 5px 0 5px;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
bottom: -5px;
|
||||
left: calc(50% - 5px);
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.popper[x-placement^="bottom"],
|
||||
.tooltip[x-placement^="bottom"] {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.tooltip[x-placement^="bottom"] .tooltip-arrow,
|
||||
.popper[x-placement^="bottom"] .popper__arrow {
|
||||
border-width: 0 5px 5px 5px;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
border-top-color: transparent;
|
||||
top: -5px;
|
||||
left: calc(50% - 5px);
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.tooltip[x-placement^="right"],
|
||||
.popper[x-placement^="right"] {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.popper[x-placement^="right"] .popper__arrow,
|
||||
.tooltip[x-placement^="right"] .tooltip-arrow {
|
||||
border-width: 5px 5px 5px 0;
|
||||
border-left-color: transparent;
|
||||
border-top-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
left: -5px;
|
||||
top: calc(50% - 5px);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.popper[x-placement^="left"],
|
||||
.tooltip[x-placement^="left"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.popper[x-placement^="left"] .popper__arrow,
|
||||
.tooltip[x-placement^="left"] .tooltip-arrow {
|
||||
border-width: 5px 0 5px 5px;
|
||||
border-top-color: transparent;
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
right: -5px;
|
||||
top: calc(50% - 5px);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
<meta http-equiv="refresh" content="0; url=https://popper.js.org/popper-documentation.html" />
|
||||
<a href="https://popper.js.org/popper-documentation.html">Moved</a>
|
||||
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/favicon-16x16.png
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 663 B |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/favicon-32x32.png
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 795 B |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/favicon-96x96.png
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/favicon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/favicon.ico
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
30
WebfrontCore/wwwroot/lib/popper.js/docs/feed.xml
Normal file
30
WebfrontCore/wwwroot/lib/popper.js/docs/feed.xml
Normal file
@ -0,0 +1,30 @@
|
||||
---
|
||||
layout: null
|
||||
---
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>{{ site.title | xml_escape }}</title>
|
||||
<description>{{ site.description | xml_escape }}</description>
|
||||
<link>{{ site.url }}{{ site.baseurl }}/</link>
|
||||
<atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
|
||||
<pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
|
||||
<lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
|
||||
<generator>Jekyll v{{ jekyll.version }}</generator>
|
||||
{% for post in site.posts limit:10 %}
|
||||
<item>
|
||||
<title>{{ post.title | xml_escape }}</title>
|
||||
<description>{{ post.content | xml_escape }}</description>
|
||||
<pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
|
||||
<link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
|
||||
<guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
|
||||
{% for tag in post.tags %}
|
||||
<category>{{ tag | xml_escape }}</category>
|
||||
{% endfor %}
|
||||
{% for cat in post.categories %}
|
||||
<category>{{ cat | xml_escape }}</category>
|
||||
{% endfor %}
|
||||
</item>
|
||||
{% endfor %}
|
||||
</channel>
|
||||
</rss>
|
||||
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/fonts/FontAwesome.otf
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/fonts/FontAwesome.otf
Normal file
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/banner.jpg
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/banner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/banner.png
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/logo.png
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic01.jpg
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic02.jpg
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic03.jpg
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic04.jpg
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic05.jpg
Normal file
BIN
WebfrontCore/wwwroot/lib/popper.js/docs/images/pic05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
183
WebfrontCore/wwwroot/lib/popper.js/docs/index.html
Normal file
183
WebfrontCore/wwwroot/lib/popper.js/docs/index.html
Normal file
@ -0,0 +1,183 @@
|
||||
---
|
||||
layout: landing
|
||||
---
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<div class="inner">
|
||||
<h2>{{ site.title }}</h2>
|
||||
<p>{{ site.description | markdownify }}</p>
|
||||
<ul class="actions">
|
||||
<li><a href="https://github.com/FezVrasta/popper.js#installation" class="button special">Install v1</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="#one" class="more scrolly">Learn More</a>
|
||||
</section>
|
||||
|
||||
<!-- Introduction -->
|
||||
<section id="one" class="wrapper style1 special">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h2>Easily position tooltips, popovers or anything<br />
|
||||
with just a line of code!</h2>
|
||||
<p>
|
||||
Trust us, managing poppers can be a pain, we have learned it the hard way!<br>
|
||||
For this reason we have created <strong>Popper.js</strong>, your new best friend.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Popper.js is just <strong>~6KB</strong> minified and gzpipped, zero dependencies.<br />
|
||||
Its code base is in <strong>ES6</strong> and is <strong>automatically tested</strong> against several browsers.<br />
|
||||
If this is not enough, it plays super nicely with
|
||||
<a href="https://github.com/FezVrasta/popper.js/#react-vuejs-angular-angularjs-emberjs-etc-integration" target="_blank"><strong>React</strong>, <strong>AngularJS</strong> and more</a>!
|
||||
</p>
|
||||
|
||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=fezvrastagithubiopopperjs" id="_carbonads_js"></script>
|
||||
|
||||
</header>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Tooltip.js banner -->
|
||||
<section id="tooltip-banner" class="wrapper style5 small">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h2 id="tooltipjs" tabindex="0">Tooltip.js</h2>
|
||||
<p>
|
||||
Looking for a dead simple tooltip library?<br />
|
||||
<b>Tooltip.js</b> is powered by <b>Popper.js</b> and supports all the features you may neeed for your tooltips.
|
||||
</p>
|
||||
<p>
|
||||
<a id="tooltip-learn-more" href="tooltip-examples.html" class="button">Learn more</a>
|
||||
</p>
|
||||
</header>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- live examples -->
|
||||
<section id="two" class="wrapper alt style2">
|
||||
<section class="spotlight">
|
||||
<div class="example">
|
||||
{% include example10.html %}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% include example10-code.html %}
|
||||
</div>
|
||||
</section>
|
||||
<section class="spotlight">
|
||||
<div class="example">
|
||||
{% include example20.html %}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% include example20-code.html %}
|
||||
</div>
|
||||
</section>
|
||||
<section class="spotlight">
|
||||
<div class="example">
|
||||
{% include example30.html %}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% include example30-code.html %}
|
||||
</div>
|
||||
</section>
|
||||
<section class="spotlight">
|
||||
<div class="example">
|
||||
{% include example40.html %}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% include example40-code.html %}
|
||||
</div>
|
||||
</section>
|
||||
<section class="spotlight">
|
||||
<div class="example">
|
||||
{% include example50.html %}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% include example50-code.html %}
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Three -->
|
||||
<section id="three" class="wrapper style3 special">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h2 id="features" tabindex="0">Features</h2>
|
||||
<p>We know, every popper has its own story. You must be able to fully customize<br>
|
||||
its behavior with ease. We have prepared a set of awesome options to satisfy your needs!</p>
|
||||
<p>But they will never be enough, for this reason, Popper.js supports plugins (we call them "Modifiers")</p>
|
||||
</header>
|
||||
<ul class="features">
|
||||
<li class="icon fa-arrows">
|
||||
<h3 id="placements" tabindex="0">Placements</h3>
|
||||
<p>
|
||||
You decide where the popper will stay, choose between the four sides of your
|
||||
reference element and shift it on the start or at the end of it.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-square-o">
|
||||
<h3 id="boundaries" tabindex="0">Custom Boundaries</h3>
|
||||
<p>
|
||||
We don't want your poppers to get lost. Give them some boundaries to make sure
|
||||
they will stay within them.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-exchange">
|
||||
<h3 id="flip" tabindex="0">Flip and Move</h3>
|
||||
<p>
|
||||
What if your popper hits walls? Will it act like a ghost, passing through it,
|
||||
or will it change side of its reference element? It's up to you.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-caret-right">
|
||||
<h3 id="arrows" tabindex="0">Arrows</h3>
|
||||
<p>
|
||||
Poppers have arrows, usually.<br>
|
||||
We take care of them making sure they stay in the right place: between popper
|
||||
and reference element.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-magnet">
|
||||
<h3 id="position" tabindex="0">Fixed or Absolute?</h3>
|
||||
<p>
|
||||
We automatically detect when your popper should be absolutely positioned or
|
||||
fixed. Don't worry about that!
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-bolt">
|
||||
<h3 id="acceleration" tabindex="0">Blazing fast!</h3>
|
||||
<p>
|
||||
No lag, period. Each position update takes almost no time to
|
||||
refresh your poppers. No compromises.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-crosshairs">
|
||||
<h3 id="offsets" tabindex="0">Offsets</h3>
|
||||
<p>
|
||||
When you need surgical precision about the position of your popper,
|
||||
set an offset to it to shift it by the given amount of pixels.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-puzzle-piece">
|
||||
<h3 id="modifiers" tabindex="0">Modifiers</h3>
|
||||
<p>
|
||||
Our plugin system allows you to add any kind of feature to Popper.js.<br />
|
||||
Most of the built-in behaviors are written as modifiers!
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section id="cta" class="wrapper style4">
|
||||
<div class="inner">
|
||||
<header>
|
||||
<h2>Ready to start?</h2>
|
||||
<p>Visit our GitHub page to know how to get Popper.js and to learn more about it.</p>
|
||||
</header>
|
||||
<ul class="actions vertical">
|
||||
<li><a href="https://github.com/FezVrasta/popper.js" class="button fit special">GitHub</a></li>
|
||||
<li><a href="popper-documentation.html" class="button fit">Documentation</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,7 @@
|
||||
<component lightWeight="true">
|
||||
<attach event="onpropertychange" onevent="handlePropertychange()" />
|
||||
<attach event="ondetach" onevent="restore()" />
|
||||
<attach event="onresize" for="window" onevent="handleResize()" />
|
||||
<script type="text/javascript">
|
||||
var rsrc=/url\(["']?(.*?)["']?\)/,positions={top:0,left:0,bottom:1,right:1,center:0.5},doc=element.document;init(); function init(){var b=doc.createElement("div"),a=doc.createElement("img"),c,d;b.style.position="absolute";b.style.zIndex=-1;b.style.top=0;b.style.right=0;b.style.left=0;b.style.bottom=0;b.style.overflow="hidden";a.style.position="absolute";a.style.width=a.style.width="auto";b.appendChild(a);element.insertBefore(b,element.firstChild);d=[element.currentStyle.backgroundPositionX,element.currentStyle.backgroundPositionY];element.bgsExpando=c={wrapper:b,img:a,backgroundSize:element.currentStyle["background-size"], backgroundPositionX:positions[d[0]]||parseFloat(d[0])/100,backgroundPositionY:positions[d[1]]||parseFloat(d[1])/100};"auto"==element.currentStyle.zIndex&&(element.style.zIndex=0);"static"==element.currentStyle.position&&(element.style.position="relative");refreshDisplay(element,c)&&(refreshDimensions(element,c),refreshBackgroundImage(element,c,function(){updateBackground(element,c)}))} function refreshDisplay(b,a){var c=b.currentStyle.display;c!=a.display&&(a.display=c,a.somethingChanged=!0);return"none"!=c}function refreshDimensions(b,a){var c=b.offsetWidth-(parseFloat(b.currentStyle.borderLeftWidth)||0)-(parseFloat(b.currentStyle.borderRightWidth)||0),d=b.offsetHeight-(parseFloat(b.currentStyle.borderTopWidth)||0)-(parseFloat(b.currentStyle.borderBottomWidth)||0);if(c!=a.innerWidth||d!=a.innerHeight)a.innerWidth=c,a.innerHeight=d,a.somethingChanged=!0} function refreshBackgroundImage(b,a,c){var d=a.img,e=(rsrc.exec(b.currentStyle.backgroundImage)||[])[1];if(e&&e!=a.backgroundSrc){a.backgroundSrc=e;a.somethingChanged=!0;d.onload=function(){var b=d.width,e=d.height;1==b&&1==e||(a.imgWidth=b,a.imgHeight=e,a.constrain=!1,c(),d.style.visibility="visible",d.onload=null)};d.style.visibility="hidden";d.src=a.backgroundSrc;if(d.readyState||d.complete)d.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",d.src=a.backgroundSrc;a.ignoreNextPropertyChange= !0;b.style.backgroundImage="none"}else c()} function updateBackground(b,a){if(a.somethingChanged){var c=a.img,d=a.innerWidth/a.innerHeight,e=a.imgWidth/a.imgHeight,f=a.constrain;"contain"==a.backgroundSize?e>d?(a.constrain=d="width",e=Math.floor((a.innerHeight-a.innerWidth/e)*a.backgroundPositionY),c.style.top=e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)):(a.constrain=d="height",e=Math.floor((a.innerWidth-a.innerHeight*e)*a.backgroundPositionX),c.style.left=e+"px",d!=f&&(c.style.width="auto",c.style.height="100%", c.style.top=0)):"cover"==a.backgroundSize&&(e>d?(a.constrain=d="height",e=Math.floor((a.innerHeight*e-a.innerWidth)*a.backgroundPositionX),c.style.left=-e+"px",d!=f&&(c.style.width="auto",c.style.height="100%",c.style.top=0)):(a.constrain=d="width",e=Math.floor((a.innerWidth/e-a.innerHeight)*a.backgroundPositionY),c.style.top=-e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)));a.somethingChanged=!1}} function handlePropertychange(){var b=element.bgsExpando;b.ignoreNextPropertyChange?b.ignoreNextPropertyChange=!1:refreshDisplay(element,b)&&(refreshDimensions(element,b),refreshBackgroundImage(element,b,function(){updateBackground(element,b)}))}function handleResize(){var b=element.bgsExpando;"none"!=b.display&&(refreshDimensions(element,b),updateBackground(element,b))} function restore(){var b=element.bgsExpando;try{element.style.backgroundImage="url('"+b.backgroundSrc+"')",element.removeChild(b.wrapper),element.bgsExpando=null}catch(a){}};
|
||||
</script>
|
||||
8
WebfrontCore/wwwroot/lib/popper.js/docs/js/ie/html5shiv.js
vendored
Normal file
8
WebfrontCore/wwwroot/lib/popper.js/docs/js/ie/html5shiv.js
vendored
Normal file
@ -0,0 +1,8 @@
|
||||
/*
|
||||
HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
|
||||
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
|
||||
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
|
||||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
|
||||
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
|
||||
6
WebfrontCore/wwwroot/lib/popper.js/docs/js/ie/respond.min.js
vendored
Normal file
6
WebfrontCore/wwwroot/lib/popper.js/docs/js/ie/respond.min.js
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
/*! Respond.js v1.4.2: min/max-width media query polyfill
|
||||
* Copyright 2014 Scott Jehl
|
||||
* Licensed under MIT
|
||||
* http://j.mp/respondjs */
|
||||
|
||||
!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b<t.length;b++){var c=t[b],e=c.href,f=c.media,g=c.rel&&"stylesheet"===c.rel.toLowerCase();e&&g&&!p[e]&&(c.styleSheet&&c.styleSheet.rawCssText?(w(c.styleSheet.rawCssText,e,f),p[e]=!0):(!/^([a-zA-Z:]*\/\/)/.test(e)&&!s||e.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&("//"===e.substring(0,2)&&(e=a.location.protocol+e),d.push({href:e,media:f})))}x()};y(),c.update=y,c.getEmValue=u,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this);
|
||||
5
WebfrontCore/wwwroot/lib/popper.js/docs/js/jquery.min.js
vendored
Normal file
5
WebfrontCore/wwwroot/lib/popper.js/docs/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,998 @@
|
||||
/*! nanoScrollerJS - v0.8.7 - 2015
|
||||
* http://jamesflorentino.github.com/nanoScrollerJS/
|
||||
* Copyright (c) 2015 James Florentino; Licensed MIT */
|
||||
(function(factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
return define(['jquery'], function($) {
|
||||
return factory($, window, document);
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
return module.exports = factory(require('jquery'), window, document);
|
||||
} else {
|
||||
return factory(jQuery, window, document);
|
||||
}
|
||||
})(function($, window, document) {
|
||||
"use strict";
|
||||
var BROWSER_IS_IE7, BROWSER_SCROLLBAR_WIDTH, DOMSCROLL, DOWN, DRAG, ENTER, KEYDOWN, KEYUP, MOUSEDOWN, MOUSEENTER, MOUSEMOVE, MOUSEUP, MOUSEWHEEL, NanoScroll, PANEDOWN, RESIZE, SCROLL, SCROLLBAR, TOUCHMOVE, UP, WHEEL, cAF, defaults, getBrowserScrollbarWidth, hasTransform, isFFWithBuggyScrollbar, rAF, transform, _elementStyle, _prefixStyle, _vendor;
|
||||
defaults = {
|
||||
|
||||
/**
|
||||
a classname for the pane element.
|
||||
@property paneClass
|
||||
@type String
|
||||
@default 'nano-pane'
|
||||
*/
|
||||
paneClass: 'nano-pane',
|
||||
|
||||
/**
|
||||
a classname for the slider element.
|
||||
@property sliderClass
|
||||
@type String
|
||||
@default 'nano-slider'
|
||||
*/
|
||||
sliderClass: 'nano-slider',
|
||||
|
||||
/**
|
||||
a classname for the content element.
|
||||
@property contentClass
|
||||
@type String
|
||||
@default 'nano-content'
|
||||
*/
|
||||
contentClass: 'nano-content',
|
||||
|
||||
/**
|
||||
a classname for enabled mode
|
||||
@property enabledClass
|
||||
@type String
|
||||
@default 'has-scrollbar'
|
||||
*/
|
||||
enabledClass: 'has-scrollbar',
|
||||
|
||||
/**
|
||||
a classname for flashed mode
|
||||
@property flashedClass
|
||||
@type String
|
||||
@default 'flashed'
|
||||
*/
|
||||
flashedClass: 'flashed',
|
||||
|
||||
/**
|
||||
a classname for active mode
|
||||
@property activeClass
|
||||
@type String
|
||||
@default 'active'
|
||||
*/
|
||||
activeClass: 'active',
|
||||
|
||||
/**
|
||||
a setting to enable native scrolling in iOS devices.
|
||||
@property iOSNativeScrolling
|
||||
@type Boolean
|
||||
@default false
|
||||
*/
|
||||
iOSNativeScrolling: false,
|
||||
|
||||
/**
|
||||
a setting to prevent the rest of the page being
|
||||
scrolled when user scrolls the `.content` element.
|
||||
@property preventPageScrolling
|
||||
@type Boolean
|
||||
@default false
|
||||
*/
|
||||
preventPageScrolling: false,
|
||||
|
||||
/**
|
||||
a setting to disable binding to the resize event.
|
||||
@property disableResize
|
||||
@type Boolean
|
||||
@default false
|
||||
*/
|
||||
disableResize: false,
|
||||
|
||||
/**
|
||||
a setting to make the scrollbar always visible.
|
||||
@property alwaysVisible
|
||||
@type Boolean
|
||||
@default false
|
||||
*/
|
||||
alwaysVisible: false,
|
||||
|
||||
/**
|
||||
a default timeout for the `flash()` method.
|
||||
@property flashDelay
|
||||
@type Number
|
||||
@default 1500
|
||||
*/
|
||||
flashDelay: 1500,
|
||||
|
||||
/**
|
||||
a minimum height for the `.slider` element.
|
||||
@property sliderMinHeight
|
||||
@type Number
|
||||
@default 20
|
||||
*/
|
||||
sliderMinHeight: 20,
|
||||
|
||||
/**
|
||||
a maximum height for the `.slider` element.
|
||||
@property sliderMaxHeight
|
||||
@type Number
|
||||
@default null
|
||||
*/
|
||||
sliderMaxHeight: null,
|
||||
|
||||
/**
|
||||
an alternate document context.
|
||||
@property documentContext
|
||||
@type Document
|
||||
@default null
|
||||
*/
|
||||
documentContext: null,
|
||||
|
||||
/**
|
||||
an alternate window context.
|
||||
@property windowContext
|
||||
@type Window
|
||||
@default null
|
||||
*/
|
||||
windowContext: null
|
||||
};
|
||||
|
||||
/**
|
||||
@property SCROLLBAR
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
SCROLLBAR = 'scrollbar';
|
||||
|
||||
/**
|
||||
@property SCROLL
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
SCROLL = 'scroll';
|
||||
|
||||
/**
|
||||
@property MOUSEDOWN
|
||||
@type String
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
MOUSEDOWN = 'mousedown';
|
||||
|
||||
/**
|
||||
@property MOUSEENTER
|
||||
@type String
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
MOUSEENTER = 'mouseenter';
|
||||
|
||||
/**
|
||||
@property MOUSEMOVE
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
MOUSEMOVE = 'mousemove';
|
||||
|
||||
/**
|
||||
@property MOUSEWHEEL
|
||||
@type String
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
MOUSEWHEEL = 'mousewheel';
|
||||
|
||||
/**
|
||||
@property MOUSEUP
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
MOUSEUP = 'mouseup';
|
||||
|
||||
/**
|
||||
@property RESIZE
|
||||
@type String
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
RESIZE = 'resize';
|
||||
|
||||
/**
|
||||
@property DRAG
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
DRAG = 'drag';
|
||||
|
||||
/**
|
||||
@property ENTER
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
ENTER = 'enter';
|
||||
|
||||
/**
|
||||
@property UP
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
UP = 'up';
|
||||
|
||||
/**
|
||||
@property PANEDOWN
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
PANEDOWN = 'panedown';
|
||||
|
||||
/**
|
||||
@property DOMSCROLL
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
DOMSCROLL = 'DOMMouseScroll';
|
||||
|
||||
/**
|
||||
@property DOWN
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
DOWN = 'down';
|
||||
|
||||
/**
|
||||
@property WHEEL
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
WHEEL = 'wheel';
|
||||
|
||||
/**
|
||||
@property KEYDOWN
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
KEYDOWN = 'keydown';
|
||||
|
||||
/**
|
||||
@property KEYUP
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
KEYUP = 'keyup';
|
||||
|
||||
/**
|
||||
@property TOUCHMOVE
|
||||
@type String
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
TOUCHMOVE = 'touchmove';
|
||||
|
||||
/**
|
||||
@property BROWSER_IS_IE7
|
||||
@type Boolean
|
||||
@static
|
||||
@final
|
||||
@private
|
||||
*/
|
||||
BROWSER_IS_IE7 = window.navigator.appName === 'Microsoft Internet Explorer' && /msie 7./i.test(window.navigator.appVersion) && window.ActiveXObject;
|
||||
|
||||
/**
|
||||
@property BROWSER_SCROLLBAR_WIDTH
|
||||
@type Number
|
||||
@static
|
||||
@default null
|
||||
@private
|
||||
*/
|
||||
BROWSER_SCROLLBAR_WIDTH = null;
|
||||
rAF = window.requestAnimationFrame;
|
||||
cAF = window.cancelAnimationFrame;
|
||||
_elementStyle = document.createElement('div').style;
|
||||
_vendor = (function() {
|
||||
var i, transform, vendor, vendors, _i, _len;
|
||||
vendors = ['t', 'webkitT', 'MozT', 'msT', 'OT'];
|
||||
for (i = _i = 0, _len = vendors.length; _i < _len; i = ++_i) {
|
||||
vendor = vendors[i];
|
||||
transform = vendors[i] + 'ransform';
|
||||
if (transform in _elementStyle) {
|
||||
return vendors[i].substr(0, vendors[i].length - 1);
|
||||
}
|
||||
}
|
||||
return false;
|
||||
})();
|
||||
_prefixStyle = function(style) {
|
||||
if (_vendor === false) {
|
||||
return false;
|
||||
}
|
||||
if (_vendor === '') {
|
||||
return style;
|
||||
}
|
||||
return _vendor + style.charAt(0).toUpperCase() + style.substr(1);
|
||||
};
|
||||
transform = _prefixStyle('transform');
|
||||
hasTransform = transform !== false;
|
||||
|
||||
/**
|
||||
Returns browser's native scrollbar width
|
||||
@method getBrowserScrollbarWidth
|
||||
@return {Number} the scrollbar width in pixels
|
||||
@static
|
||||
@private
|
||||
*/
|
||||
getBrowserScrollbarWidth = function() {
|
||||
var outer, outerStyle, scrollbarWidth;
|
||||
outer = document.createElement('div');
|
||||
outerStyle = outer.style;
|
||||
outerStyle.position = 'absolute';
|
||||
outerStyle.width = '100px';
|
||||
outerStyle.height = '100px';
|
||||
outerStyle.overflow = SCROLL;
|
||||
outerStyle.top = '-9999px';
|
||||
document.body.appendChild(outer);
|
||||
scrollbarWidth = outer.offsetWidth - outer.clientWidth;
|
||||
document.body.removeChild(outer);
|
||||
return scrollbarWidth;
|
||||
};
|
||||
isFFWithBuggyScrollbar = function() {
|
||||
var isOSXFF, ua, version;
|
||||
ua = window.navigator.userAgent;
|
||||
isOSXFF = /(?=.+Mac OS X)(?=.+Firefox)/.test(ua);
|
||||
if (!isOSXFF) {
|
||||
return false;
|
||||
}
|
||||
version = /Firefox\/\d{2}\./.exec(ua);
|
||||
if (version) {
|
||||
version = version[0].replace(/\D+/g, '');
|
||||
}
|
||||
return isOSXFF && +version > 23;
|
||||
};
|
||||
|
||||
/**
|
||||
@class NanoScroll
|
||||
@param element {HTMLElement|Node} the main element
|
||||
@param options {Object} nanoScroller's options
|
||||
@constructor
|
||||
*/
|
||||
NanoScroll = (function() {
|
||||
function NanoScroll(el, options) {
|
||||
this.el = el;
|
||||
this.options = options;
|
||||
BROWSER_SCROLLBAR_WIDTH || (BROWSER_SCROLLBAR_WIDTH = getBrowserScrollbarWidth());
|
||||
this.$el = $(this.el);
|
||||
this.doc = $(this.options.documentContext || document);
|
||||
this.win = $(this.options.windowContext || window);
|
||||
this.body = this.doc.find('body');
|
||||
this.$content = this.$el.children("." + this.options.contentClass);
|
||||
this.$content.attr('tabindex', this.options.tabIndex || 0);
|
||||
this.content = this.$content[0];
|
||||
this.previousPosition = 0;
|
||||
if (this.options.iOSNativeScrolling && (this.el.style.WebkitOverflowScrolling != null)) {
|
||||
this.nativeScrolling();
|
||||
} else {
|
||||
this.generate();
|
||||
}
|
||||
this.createEvents();
|
||||
this.addEvents();
|
||||
this.reset();
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
Prevents the rest of the page being scrolled
|
||||
when user scrolls the `.nano-content` element.
|
||||
@method preventScrolling
|
||||
@param event {Event}
|
||||
@param direction {String} Scroll direction (up or down)
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.preventScrolling = function(e, direction) {
|
||||
if (!this.isActive) {
|
||||
return;
|
||||
}
|
||||
if (e.type === DOMSCROLL) {
|
||||
if (direction === DOWN && e.originalEvent.detail > 0 || direction === UP && e.originalEvent.detail < 0) {
|
||||
e.preventDefault();
|
||||
}
|
||||
} else if (e.type === MOUSEWHEEL) {
|
||||
if (!e.originalEvent || !e.originalEvent.wheelDelta) {
|
||||
return;
|
||||
}
|
||||
if (direction === DOWN && e.originalEvent.wheelDelta < 0 || direction === UP && e.originalEvent.wheelDelta > 0) {
|
||||
e.preventDefault();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Enable iOS native scrolling
|
||||
@method nativeScrolling
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.nativeScrolling = function() {
|
||||
this.$content.css({
|
||||
WebkitOverflowScrolling: 'touch'
|
||||
});
|
||||
this.iOSNativeScrolling = true;
|
||||
this.isActive = true;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Updates those nanoScroller properties that
|
||||
are related to current scrollbar position.
|
||||
@method updateScrollValues
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.updateScrollValues = function() {
|
||||
var content, direction;
|
||||
content = this.content;
|
||||
this.maxScrollTop = content.scrollHeight - content.clientHeight;
|
||||
this.prevScrollTop = this.contentScrollTop || 0;
|
||||
this.contentScrollTop = content.scrollTop;
|
||||
direction = this.contentScrollTop > this.previousPosition ? "down" : this.contentScrollTop < this.previousPosition ? "up" : "same";
|
||||
this.previousPosition = this.contentScrollTop;
|
||||
if (direction !== "same") {
|
||||
this.$el.trigger('update', {
|
||||
position: this.contentScrollTop,
|
||||
maximum: this.maxScrollTop,
|
||||
direction: direction
|
||||
});
|
||||
}
|
||||
if (!this.iOSNativeScrolling) {
|
||||
this.maxSliderTop = this.paneHeight - this.sliderHeight;
|
||||
this.sliderTop = this.maxScrollTop === 0 ? 0 : this.contentScrollTop * this.maxSliderTop / this.maxScrollTop;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Updates CSS styles for current scroll position.
|
||||
Uses CSS 2d transfroms and `window.requestAnimationFrame` if available.
|
||||
@method setOnScrollStyles
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.setOnScrollStyles = function() {
|
||||
var cssValue;
|
||||
if (hasTransform) {
|
||||
cssValue = {};
|
||||
cssValue[transform] = "translate(0, " + this.sliderTop + "px)";
|
||||
} else {
|
||||
cssValue = {
|
||||
top: this.sliderTop
|
||||
};
|
||||
}
|
||||
if (rAF) {
|
||||
if (cAF && this.scrollRAF) {
|
||||
cAF(this.scrollRAF);
|
||||
}
|
||||
this.scrollRAF = rAF((function(_this) {
|
||||
return function() {
|
||||
_this.scrollRAF = null;
|
||||
return _this.slider.css(cssValue);
|
||||
};
|
||||
})(this));
|
||||
} else {
|
||||
this.slider.css(cssValue);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Creates event related methods
|
||||
@method createEvents
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.createEvents = function() {
|
||||
this.events = {
|
||||
down: (function(_this) {
|
||||
return function(e) {
|
||||
_this.isBeingDragged = true;
|
||||
_this.offsetY = e.pageY - _this.slider.offset().top;
|
||||
if (!_this.slider.is(e.target)) {
|
||||
_this.offsetY = 0;
|
||||
}
|
||||
_this.pane.addClass(_this.options.activeClass);
|
||||
_this.doc.bind(MOUSEMOVE, _this.events[DRAG]).bind(MOUSEUP, _this.events[UP]);
|
||||
_this.body.bind(MOUSEENTER, _this.events[ENTER]);
|
||||
return false;
|
||||
};
|
||||
})(this),
|
||||
drag: (function(_this) {
|
||||
return function(e) {
|
||||
_this.sliderY = e.pageY - _this.$el.offset().top - _this.paneTop - (_this.offsetY || _this.sliderHeight * 0.5);
|
||||
_this.scroll();
|
||||
if (_this.contentScrollTop >= _this.maxScrollTop && _this.prevScrollTop !== _this.maxScrollTop) {
|
||||
_this.$el.trigger('scrollend');
|
||||
} else if (_this.contentScrollTop === 0 && _this.prevScrollTop !== 0) {
|
||||
_this.$el.trigger('scrolltop');
|
||||
}
|
||||
return false;
|
||||
};
|
||||
})(this),
|
||||
up: (function(_this) {
|
||||
return function(e) {
|
||||
_this.isBeingDragged = false;
|
||||
_this.pane.removeClass(_this.options.activeClass);
|
||||
_this.doc.unbind(MOUSEMOVE, _this.events[DRAG]).unbind(MOUSEUP, _this.events[UP]);
|
||||
_this.body.unbind(MOUSEENTER, _this.events[ENTER]);
|
||||
return false;
|
||||
};
|
||||
})(this),
|
||||
resize: (function(_this) {
|
||||
return function(e) {
|
||||
_this.reset();
|
||||
};
|
||||
})(this),
|
||||
panedown: (function(_this) {
|
||||
return function(e) {
|
||||
_this.sliderY = (e.offsetY || e.originalEvent.layerY) - (_this.sliderHeight * 0.5);
|
||||
_this.scroll();
|
||||
_this.events.down(e);
|
||||
return false;
|
||||
};
|
||||
})(this),
|
||||
scroll: (function(_this) {
|
||||
return function(e) {
|
||||
_this.updateScrollValues();
|
||||
if (_this.isBeingDragged) {
|
||||
return;
|
||||
}
|
||||
if (!_this.iOSNativeScrolling) {
|
||||
_this.sliderY = _this.sliderTop;
|
||||
_this.setOnScrollStyles();
|
||||
}
|
||||
if (e == null) {
|
||||
return;
|
||||
}
|
||||
if (_this.contentScrollTop >= _this.maxScrollTop) {
|
||||
if (_this.options.preventPageScrolling) {
|
||||
_this.preventScrolling(e, DOWN);
|
||||
}
|
||||
if (_this.prevScrollTop !== _this.maxScrollTop) {
|
||||
_this.$el.trigger('scrollend');
|
||||
}
|
||||
} else if (_this.contentScrollTop === 0) {
|
||||
if (_this.options.preventPageScrolling) {
|
||||
_this.preventScrolling(e, UP);
|
||||
}
|
||||
if (_this.prevScrollTop !== 0) {
|
||||
_this.$el.trigger('scrolltop');
|
||||
}
|
||||
}
|
||||
};
|
||||
})(this),
|
||||
wheel: (function(_this) {
|
||||
return function(e) {
|
||||
var delta;
|
||||
if (e == null) {
|
||||
return;
|
||||
}
|
||||
delta = e.delta || e.wheelDelta || (e.originalEvent && e.originalEvent.wheelDelta) || -e.detail || (e.originalEvent && -e.originalEvent.detail);
|
||||
if (delta) {
|
||||
_this.sliderY += -delta / 3;
|
||||
}
|
||||
_this.scroll();
|
||||
return false;
|
||||
};
|
||||
})(this),
|
||||
enter: (function(_this) {
|
||||
return function(e) {
|
||||
var _ref;
|
||||
if (!_this.isBeingDragged) {
|
||||
return;
|
||||
}
|
||||
if ((e.buttons || e.which) !== 1) {
|
||||
return (_ref = _this.events)[UP].apply(_ref, arguments);
|
||||
}
|
||||
};
|
||||
})(this)
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Adds event listeners with jQuery.
|
||||
@method addEvents
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.addEvents = function() {
|
||||
var events;
|
||||
this.removeEvents();
|
||||
events = this.events;
|
||||
if (!this.options.disableResize) {
|
||||
this.win.bind(RESIZE, events[RESIZE]);
|
||||
}
|
||||
if (!this.iOSNativeScrolling) {
|
||||
this.slider.bind(MOUSEDOWN, events[DOWN]);
|
||||
this.pane.bind(MOUSEDOWN, events[PANEDOWN]).bind("" + MOUSEWHEEL + " " + DOMSCROLL, events[WHEEL]);
|
||||
}
|
||||
this.$content.bind("" + SCROLL + " " + MOUSEWHEEL + " " + DOMSCROLL + " " + TOUCHMOVE, events[SCROLL]);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Removes event listeners with jQuery.
|
||||
@method removeEvents
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.removeEvents = function() {
|
||||
var events;
|
||||
events = this.events;
|
||||
this.win.unbind(RESIZE, events[RESIZE]);
|
||||
if (!this.iOSNativeScrolling) {
|
||||
this.slider.unbind();
|
||||
this.pane.unbind();
|
||||
}
|
||||
this.$content.unbind("" + SCROLL + " " + MOUSEWHEEL + " " + DOMSCROLL + " " + TOUCHMOVE, events[SCROLL]);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Generates nanoScroller's scrollbar and elements for it.
|
||||
@method generate
|
||||
@chainable
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.generate = function() {
|
||||
var contentClass, cssRule, currentPadding, options, pane, paneClass, sliderClass;
|
||||
options = this.options;
|
||||
paneClass = options.paneClass, sliderClass = options.sliderClass, contentClass = options.contentClass;
|
||||
if (!(pane = this.$el.children("." + paneClass)).length && !pane.children("." + sliderClass).length) {
|
||||
this.$el.append("<div class=\"" + paneClass + "\"><div class=\"" + sliderClass + "\" /></div>");
|
||||
}
|
||||
this.pane = this.$el.children("." + paneClass);
|
||||
this.slider = this.pane.find("." + sliderClass);
|
||||
if (BROWSER_SCROLLBAR_WIDTH === 0 && isFFWithBuggyScrollbar()) {
|
||||
currentPadding = window.getComputedStyle(this.content, null).getPropertyValue('padding-right').replace(/[^0-9.]+/g, '');
|
||||
cssRule = {
|
||||
right: -14,
|
||||
paddingRight: +currentPadding + 14
|
||||
};
|
||||
} else if (BROWSER_SCROLLBAR_WIDTH) {
|
||||
cssRule = {
|
||||
right: -BROWSER_SCROLLBAR_WIDTH
|
||||
};
|
||||
this.$el.addClass(options.enabledClass);
|
||||
}
|
||||
if (cssRule != null) {
|
||||
this.$content.css(cssRule);
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
@method restore
|
||||
@private
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.restore = function() {
|
||||
this.stopped = false;
|
||||
if (!this.iOSNativeScrolling) {
|
||||
this.pane.show();
|
||||
}
|
||||
this.addEvents();
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Resets nanoScroller's scrollbar.
|
||||
@method reset
|
||||
@chainable
|
||||
@example
|
||||
$(".nano").nanoScroller();
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.reset = function() {
|
||||
var content, contentHeight, contentPosition, contentStyle, contentStyleOverflowY, paneBottom, paneHeight, paneOuterHeight, paneTop, parentMaxHeight, right, sliderHeight;
|
||||
if (this.iOSNativeScrolling) {
|
||||
this.contentHeight = this.content.scrollHeight;
|
||||
return;
|
||||
}
|
||||
if (!this.$el.find("." + this.options.paneClass).length) {
|
||||
this.generate().stop();
|
||||
}
|
||||
if (this.stopped) {
|
||||
this.restore();
|
||||
}
|
||||
content = this.content;
|
||||
contentStyle = content.style;
|
||||
contentStyleOverflowY = contentStyle.overflowY;
|
||||
if (BROWSER_IS_IE7) {
|
||||
this.$content.css({
|
||||
height: this.$content.height()
|
||||
});
|
||||
}
|
||||
contentHeight = content.scrollHeight + BROWSER_SCROLLBAR_WIDTH;
|
||||
parentMaxHeight = parseInt(this.$el.css("max-height"), 10);
|
||||
if (parentMaxHeight > 0) {
|
||||
this.$el.height("");
|
||||
this.$el.height(content.scrollHeight > parentMaxHeight ? parentMaxHeight : content.scrollHeight);
|
||||
}
|
||||
paneHeight = this.pane.outerHeight(false);
|
||||
paneTop = parseInt(this.pane.css('top'), 10);
|
||||
paneBottom = parseInt(this.pane.css('bottom'), 10);
|
||||
paneOuterHeight = paneHeight + paneTop + paneBottom;
|
||||
sliderHeight = Math.round(paneOuterHeight / contentHeight * paneHeight);
|
||||
if (sliderHeight < this.options.sliderMinHeight) {
|
||||
sliderHeight = this.options.sliderMinHeight;
|
||||
} else if ((this.options.sliderMaxHeight != null) && sliderHeight > this.options.sliderMaxHeight) {
|
||||
sliderHeight = this.options.sliderMaxHeight;
|
||||
}
|
||||
if (contentStyleOverflowY === SCROLL && contentStyle.overflowX !== SCROLL) {
|
||||
sliderHeight += BROWSER_SCROLLBAR_WIDTH;
|
||||
}
|
||||
this.maxSliderTop = paneOuterHeight - sliderHeight;
|
||||
this.contentHeight = contentHeight;
|
||||
this.paneHeight = paneHeight;
|
||||
this.paneOuterHeight = paneOuterHeight;
|
||||
this.sliderHeight = sliderHeight;
|
||||
this.paneTop = paneTop;
|
||||
this.slider.height(sliderHeight);
|
||||
this.events.scroll();
|
||||
this.pane.show();
|
||||
this.isActive = true;
|
||||
if ((content.scrollHeight === content.clientHeight) || (this.pane.outerHeight(true) >= content.scrollHeight && contentStyleOverflowY !== SCROLL)) {
|
||||
this.pane.hide();
|
||||
this.isActive = false;
|
||||
} else if (this.el.clientHeight === content.scrollHeight && contentStyleOverflowY === SCROLL) {
|
||||
this.slider.hide();
|
||||
} else {
|
||||
this.slider.show();
|
||||
}
|
||||
this.pane.css({
|
||||
opacity: (this.options.alwaysVisible ? 1 : ''),
|
||||
visibility: (this.options.alwaysVisible ? 'visible' : '')
|
||||
});
|
||||
contentPosition = this.$content.css('position');
|
||||
if (contentPosition === 'static' || contentPosition === 'relative') {
|
||||
right = parseInt(this.$content.css('right'), 10);
|
||||
if (right) {
|
||||
this.$content.css({
|
||||
right: '',
|
||||
marginRight: right
|
||||
});
|
||||
}
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
@method scroll
|
||||
@private
|
||||
@example
|
||||
$(".nano").nanoScroller({ scroll: 'top' });
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.scroll = function() {
|
||||
if (!this.isActive) {
|
||||
return;
|
||||
}
|
||||
this.sliderY = Math.max(0, this.sliderY);
|
||||
this.sliderY = Math.min(this.maxSliderTop, this.sliderY);
|
||||
this.$content.scrollTop(this.maxScrollTop * this.sliderY / this.maxSliderTop);
|
||||
if (!this.iOSNativeScrolling) {
|
||||
this.updateScrollValues();
|
||||
this.setOnScrollStyles();
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Scroll at the bottom with an offset value
|
||||
@method scrollBottom
|
||||
@param offsetY {Number}
|
||||
@chainable
|
||||
@example
|
||||
$(".nano").nanoScroller({ scrollBottom: value });
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.scrollBottom = function(offsetY) {
|
||||
if (!this.isActive) {
|
||||
return;
|
||||
}
|
||||
this.$content.scrollTop(this.contentHeight - this.$content.height() - offsetY).trigger(MOUSEWHEEL);
|
||||
this.stop().restore();
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Scroll at the top with an offset value
|
||||
@method scrollTop
|
||||
@param offsetY {Number}
|
||||
@chainable
|
||||
@example
|
||||
$(".nano").nanoScroller({ scrollTop: value });
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.scrollTop = function(offsetY) {
|
||||
if (!this.isActive) {
|
||||
return;
|
||||
}
|
||||
this.$content.scrollTop(+offsetY).trigger(MOUSEWHEEL);
|
||||
this.stop().restore();
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Scroll to an element
|
||||
@method scrollTo
|
||||
@param node {Node} A node to scroll to.
|
||||
@chainable
|
||||
@example
|
||||
$(".nano").nanoScroller({ scrollTo: $('#a_node') });
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.scrollTo = function(node) {
|
||||
if (!this.isActive) {
|
||||
return;
|
||||
}
|
||||
this.scrollTop(this.$el.find(node).get(0).offsetTop);
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
To stop the operation.
|
||||
This option will tell the plugin to disable all event bindings and hide the gadget scrollbar from the UI.
|
||||
@method stop
|
||||
@chainable
|
||||
@example
|
||||
$(".nano").nanoScroller({ stop: true });
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.stop = function() {
|
||||
if (cAF && this.scrollRAF) {
|
||||
cAF(this.scrollRAF);
|
||||
this.scrollRAF = null;
|
||||
}
|
||||
this.stopped = true;
|
||||
this.removeEvents();
|
||||
if (!this.iOSNativeScrolling) {
|
||||
this.pane.hide();
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
Destroys nanoScroller and restores browser's native scrollbar.
|
||||
@method destroy
|
||||
@chainable
|
||||
@example
|
||||
$(".nano").nanoScroller({ destroy: true });
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.destroy = function() {
|
||||
if (!this.stopped) {
|
||||
this.stop();
|
||||
}
|
||||
if (!this.iOSNativeScrolling && this.pane.length) {
|
||||
this.pane.remove();
|
||||
}
|
||||
if (BROWSER_IS_IE7) {
|
||||
this.$content.height('');
|
||||
}
|
||||
this.$content.removeAttr('tabindex');
|
||||
if (this.$el.hasClass(this.options.enabledClass)) {
|
||||
this.$el.removeClass(this.options.enabledClass);
|
||||
this.$content.css({
|
||||
right: ''
|
||||
});
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
To flash the scrollbar gadget for an amount of time defined in plugin settings (defaults to 1,5s).
|
||||
Useful if you want to show the user (e.g. on pageload) that there is more content waiting for him.
|
||||
@method flash
|
||||
@chainable
|
||||
@example
|
||||
$(".nano").nanoScroller({ flash: true });
|
||||
*/
|
||||
|
||||
NanoScroll.prototype.flash = function() {
|
||||
if (this.iOSNativeScrolling) {
|
||||
return;
|
||||
}
|
||||
if (!this.isActive) {
|
||||
return;
|
||||
}
|
||||
this.reset();
|
||||
this.pane.addClass(this.options.flashedClass);
|
||||
setTimeout((function(_this) {
|
||||
return function() {
|
||||
_this.pane.removeClass(_this.options.flashedClass);
|
||||
};
|
||||
})(this), this.options.flashDelay);
|
||||
return this;
|
||||
};
|
||||
|
||||
return NanoScroll;
|
||||
|
||||
})();
|
||||
$.fn.nanoScroller = function(settings) {
|
||||
return this.each(function() {
|
||||
var options, scrollbar;
|
||||
if (!(scrollbar = this.nanoscroller)) {
|
||||
options = $.extend({}, defaults, settings);
|
||||
this.nanoscroller = scrollbar = new NanoScroll(this, options);
|
||||
}
|
||||
if (settings && typeof settings === "object") {
|
||||
$.extend(scrollbar.options, settings);
|
||||
if (settings.scrollBottom != null) {
|
||||
return scrollbar.scrollBottom(settings.scrollBottom);
|
||||
}
|
||||
if (settings.scrollTop != null) {
|
||||
return scrollbar.scrollTop(settings.scrollTop);
|
||||
}
|
||||
if (settings.scrollTo) {
|
||||
return scrollbar.scrollTo(settings.scrollTo);
|
||||
}
|
||||
if (settings.scroll === 'bottom') {
|
||||
return scrollbar.scrollBottom(0);
|
||||
}
|
||||
if (settings.scroll === 'top') {
|
||||
return scrollbar.scrollTop(0);
|
||||
}
|
||||
if (settings.scroll && settings.scroll instanceof $) {
|
||||
return scrollbar.scrollTo(settings.scroll);
|
||||
}
|
||||
if (settings.stop) {
|
||||
return scrollbar.stop();
|
||||
}
|
||||
if (settings.destroy) {
|
||||
return scrollbar.destroy();
|
||||
}
|
||||
if (settings.flash) {
|
||||
return scrollbar.flash();
|
||||
}
|
||||
}
|
||||
return scrollbar.reset();
|
||||
});
|
||||
};
|
||||
$.fn.nanoScroller.Constructor = NanoScroll;
|
||||
});
|
||||
2
WebfrontCore/wwwroot/lib/popper.js/docs/js/jquery.scrollex.min.js
vendored
Normal file
2
WebfrontCore/wwwroot/lib/popper.js/docs/js/jquery.scrollex.min.js
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
/* jquery.scrollex v0.2.1 | (c) n33 | n33.co @n33co | MIT */
|
||||
!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
|
||||
2
WebfrontCore/wwwroot/lib/popper.js/docs/js/jquery.scrolly.min.js
vendored
Normal file
2
WebfrontCore/wwwroot/lib/popper.js/docs/js/jquery.scrolly.min.js
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
/* jquery.scrolly v1.0.0-dev | (c) n33 | n33.co @n33co | MIT */
|
||||
(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);
|
||||
119
WebfrontCore/wwwroot/lib/popper.js/docs/js/main.js
Normal file
119
WebfrontCore/wwwroot/lib/popper.js/docs/js/main.js
Normal file
@ -0,0 +1,119 @@
|
||||
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', 'UA-75790772-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
/*
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @n33co
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
skel
|
||||
.breakpoints({
|
||||
xlarge: '(max-width: 1680px)',
|
||||
large: '(max-width: 1280px)',
|
||||
medium: '(max-width: 980px)',
|
||||
small: '(max-width: 736px)',
|
||||
xsmall: '(max-width: 480px)'
|
||||
});
|
||||
|
||||
$(function() {
|
||||
|
||||
var $window = $(window),
|
||||
$body = $('body'),
|
||||
$wrapper = $('#page-wrapper'),
|
||||
$banner = $('#banner'),
|
||||
$header = $('#header');
|
||||
|
||||
// Disable animations/transitions until the page has loaded.
|
||||
|
||||
$window.on('load', function() {
|
||||
window.setTimeout(function() {
|
||||
$body.removeClass('is-loading');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
// Mobile?
|
||||
if (skel.vars.mobile)
|
||||
$body.addClass('is-mobile');
|
||||
else
|
||||
skel
|
||||
.on('-medium !medium', function() {
|
||||
$body.removeClass('is-mobile');
|
||||
})
|
||||
.on('+medium', function() {
|
||||
$body.addClass('is-mobile');
|
||||
});
|
||||
|
||||
// Fix: Placeholder polyfill.
|
||||
$('form').placeholder();
|
||||
|
||||
// Prioritize "important" elements on medium.
|
||||
skel.on('+medium -medium', function() {
|
||||
$.prioritize(
|
||||
'.important\\28 medium\\29',
|
||||
skel.breakpoint('medium').active
|
||||
);
|
||||
});
|
||||
|
||||
// Scrolly.
|
||||
$('.scrolly')
|
||||
.scrolly({
|
||||
speed: 1500,
|
||||
offset: $header.outerHeight()
|
||||
});
|
||||
|
||||
// Menu.
|
||||
$('#menu')
|
||||
.append('<a href="#menu" class="close"></a>')
|
||||
.appendTo($body)
|
||||
.panel({
|
||||
delay: 500,
|
||||
hideOnClick: true,
|
||||
hideOnSwipe: true,
|
||||
resetScroll: true,
|
||||
resetForms: true,
|
||||
side: 'right',
|
||||
target: $body,
|
||||
visibleClass: 'is-menu-visible'
|
||||
});
|
||||
|
||||
// Header.
|
||||
if (skel.vars.IEVersion < 9)
|
||||
$header.removeClass('alt');
|
||||
|
||||
if ($banner.length > 0
|
||||
&& $header.hasClass('alt')) {
|
||||
|
||||
$window.on('resize', function() { $window.trigger('scroll'); });
|
||||
|
||||
$banner.scrollex({
|
||||
bottom: $header.outerHeight() + 1,
|
||||
terminate: function() { $header.removeClass('alt'); },
|
||||
enter: function() { $header.addClass('alt'); },
|
||||
leave: function() { $header.removeClass('alt'); }
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
||||
if (!iOS) {
|
||||
new Popper(document.querySelector('.menuToggle'), document.getElementById('title-popper'));
|
||||
} else {
|
||||
document.getElementById('title-popper').remove();
|
||||
}
|
||||
|
||||
var learnMore = document.querySelector('#tooltip-learn-more');
|
||||
learnMore && new Tooltip(learnMore, {
|
||||
title: 'You really should 🔥',
|
||||
container: learnMore.parentNode,
|
||||
})
|
||||
})(jQuery);
|
||||
2
WebfrontCore/wwwroot/lib/popper.js/docs/js/skel.min.js
vendored
Normal file
2
WebfrontCore/wwwroot/lib/popper.js/docs/js/skel.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
587
WebfrontCore/wwwroot/lib/popper.js/docs/js/util.js
Normal file
587
WebfrontCore/wwwroot/lib/popper.js/docs/js/util.js
Normal file
@ -0,0 +1,587 @@
|
||||
(function($) {
|
||||
|
||||
/**
|
||||
* Generate an indented list of links from a nav. Meant for use with panel().
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.navList = function() {
|
||||
|
||||
var $this = $(this);
|
||||
$a = $this.find('a'),
|
||||
b = [];
|
||||
|
||||
$a.each(function() {
|
||||
|
||||
var $this = $(this),
|
||||
indent = Math.max(0, $this.parents('li').length - 1),
|
||||
href = $this.attr('href'),
|
||||
target = $this.attr('target');
|
||||
|
||||
b.push(
|
||||
'<a ' +
|
||||
'class="link depth-' + indent + '"' +
|
||||
( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
|
||||
( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
|
||||
'>' +
|
||||
'<span class="indent-' + indent + '"></span>' +
|
||||
$this.text() +
|
||||
'</a>'
|
||||
);
|
||||
|
||||
});
|
||||
|
||||
return b.join('');
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Panel-ify an element.
|
||||
* @param {object} userConfig User config.
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.panel = function(userConfig) {
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).panel(userConfig);
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Vars.
|
||||
var $this = $(this),
|
||||
$body = $('body'),
|
||||
$window = $(window),
|
||||
id = $this.attr('id'),
|
||||
config;
|
||||
|
||||
// Config.
|
||||
config = $.extend({
|
||||
|
||||
// Delay.
|
||||
delay: 0,
|
||||
|
||||
// Hide panel on link click.
|
||||
hideOnClick: false,
|
||||
|
||||
// Hide panel on escape keypress.
|
||||
hideOnEscape: false,
|
||||
|
||||
// Hide panel on swipe.
|
||||
hideOnSwipe: false,
|
||||
|
||||
// Reset scroll position on hide.
|
||||
resetScroll: false,
|
||||
|
||||
// Reset forms on hide.
|
||||
resetForms: false,
|
||||
|
||||
// Side of viewport the panel will appear.
|
||||
side: null,
|
||||
|
||||
// Target element for "class".
|
||||
target: $this,
|
||||
|
||||
// Class to toggle.
|
||||
visibleClass: 'visible'
|
||||
|
||||
}, userConfig);
|
||||
|
||||
// Expand "target" if it's not a jQuery object already.
|
||||
if (typeof config.target != 'jQuery')
|
||||
config.target = $(config.target);
|
||||
|
||||
// Panel.
|
||||
|
||||
// Methods.
|
||||
$this._hide = function(event) {
|
||||
|
||||
// Already hidden? Bail.
|
||||
if (!config.target.hasClass(config.visibleClass))
|
||||
return;
|
||||
|
||||
// If an event was provided, cancel it.
|
||||
if (event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
// Hide.
|
||||
config.target.removeClass(config.visibleClass);
|
||||
|
||||
// Post-hide stuff.
|
||||
window.setTimeout(function() {
|
||||
|
||||
// Reset scroll position.
|
||||
if (config.resetScroll)
|
||||
$this.scrollTop(0);
|
||||
|
||||
// Reset forms.
|
||||
if (config.resetForms)
|
||||
$this.find('form').each(function() {
|
||||
this.reset();
|
||||
});
|
||||
|
||||
}, config.delay);
|
||||
|
||||
};
|
||||
|
||||
// Vendor fixes.
|
||||
$this
|
||||
.css('-ms-overflow-style', '-ms-autohiding-scrollbar')
|
||||
.css('-webkit-overflow-scrolling', 'touch');
|
||||
|
||||
// Hide on click.
|
||||
if (config.hideOnClick) {
|
||||
|
||||
$this.find('a')
|
||||
.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
|
||||
|
||||
$this
|
||||
.on('click', 'a', function(event) {
|
||||
|
||||
var $a = $(this),
|
||||
href = $a.attr('href'),
|
||||
target = $a.attr('target');
|
||||
|
||||
if (!href || href == '#' || href == '' || href == '#' + id)
|
||||
return;
|
||||
|
||||
// Cancel original event.
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
// Hide panel.
|
||||
$this._hide();
|
||||
|
||||
// Redirect to href.
|
||||
window.setTimeout(function() {
|
||||
|
||||
if (target == '_blank')
|
||||
window.open(href);
|
||||
else
|
||||
window.location.href = href;
|
||||
|
||||
}, config.delay + 10);
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Event: Touch stuff.
|
||||
$this.on('touchstart', function(event) {
|
||||
|
||||
$this.touchPosX = event.originalEvent.touches[0].pageX;
|
||||
$this.touchPosY = event.originalEvent.touches[0].pageY;
|
||||
|
||||
})
|
||||
|
||||
$this.on('touchmove', function(event) {
|
||||
|
||||
if ($this.touchPosX === null
|
||||
|| $this.touchPosY === null)
|
||||
return;
|
||||
|
||||
var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
|
||||
diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
|
||||
th = $this.outerHeight(),
|
||||
ts = ($this.get(0).scrollHeight - $this.scrollTop());
|
||||
|
||||
// Hide on swipe?
|
||||
if (config.hideOnSwipe) {
|
||||
|
||||
var result = false,
|
||||
boundary = 20,
|
||||
delta = 50;
|
||||
|
||||
switch (config.side) {
|
||||
|
||||
case 'left':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
|
||||
break;
|
||||
|
||||
case 'right':
|
||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
|
||||
break;
|
||||
|
||||
case 'top':
|
||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
|
||||
break;
|
||||
|
||||
case 'bottom':
|
||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
if (result) {
|
||||
|
||||
$this.touchPosX = null;
|
||||
$this.touchPosY = null;
|
||||
$this._hide();
|
||||
|
||||
return false;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Prevent vertical scrolling past the top or bottom.
|
||||
if (($this.scrollTop() < 0 && diffY < 0)
|
||||
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// Event: Prevent certain events inside the panel from bubbling.
|
||||
$this.on('click touchend touchstart touchmove', function(event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
// Event: Hide panel if a child anchor tag pointing to its ID is clicked.
|
||||
$this.on('click', 'a[href="#' + id + '"]', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
config.target.removeClass(config.visibleClass);
|
||||
|
||||
});
|
||||
|
||||
// Body.
|
||||
|
||||
// Event: Hide panel on body click/tap.
|
||||
$body.on('click touchend', function(event) {
|
||||
$this._hide(event);
|
||||
});
|
||||
|
||||
// Event: Toggle.
|
||||
$body.on('click', 'a[href="#' + id + '"]', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
|
||||
config.target.toggleClass(config.visibleClass);
|
||||
|
||||
});
|
||||
|
||||
// Window.
|
||||
|
||||
// Event: Hide on ESC.
|
||||
if (config.hideOnEscape)
|
||||
$window.on('keydown', function(event) {
|
||||
|
||||
if (event.keyCode == 27)
|
||||
$this._hide(event);
|
||||
|
||||
});
|
||||
|
||||
return $this;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Apply "placeholder" attribute polyfill to one or more forms.
|
||||
* @return {jQuery} jQuery object.
|
||||
*/
|
||||
$.fn.placeholder = function() {
|
||||
|
||||
// Browser natively supports placeholders? Bail.
|
||||
if (typeof (document.createElement('input')).placeholder != 'undefined')
|
||||
return $(this);
|
||||
|
||||
// No elements?
|
||||
if (this.length == 0)
|
||||
return $this;
|
||||
|
||||
// Multiple elements?
|
||||
if (this.length > 1) {
|
||||
|
||||
for (var i=0; i < this.length; i++)
|
||||
$(this[i]).placeholder();
|
||||
|
||||
return $this;
|
||||
|
||||
}
|
||||
|
||||
// Vars.
|
||||
var $this = $(this);
|
||||
|
||||
// Text, TextArea.
|
||||
$this.find('input[type=text],textarea')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.val() == ''
|
||||
|| i.val() == i.attr('placeholder'))
|
||||
i
|
||||
.addClass('polyfill-placeholder')
|
||||
.val(i.attr('placeholder'));
|
||||
|
||||
})
|
||||
.on('blur', function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
return;
|
||||
|
||||
if (i.val() == '')
|
||||
i
|
||||
.addClass('polyfill-placeholder')
|
||||
.val(i.attr('placeholder'));
|
||||
|
||||
})
|
||||
.on('focus', function() {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
return;
|
||||
|
||||
if (i.val() == i.attr('placeholder'))
|
||||
i
|
||||
.removeClass('polyfill-placeholder')
|
||||
.val('');
|
||||
|
||||
});
|
||||
|
||||
// Password.
|
||||
$this.find('input[type=password]')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this);
|
||||
var x = $(
|
||||
$('<div>')
|
||||
.append(i.clone())
|
||||
.remove()
|
||||
.html()
|
||||
.replace(/type="password"/i, 'type="text"')
|
||||
.replace(/type=password/i, 'type=text')
|
||||
);
|
||||
|
||||
if (i.attr('id') != '')
|
||||
x.attr('id', i.attr('id') + '-polyfill-field');
|
||||
|
||||
if (i.attr('name') != '')
|
||||
x.attr('name', i.attr('name') + '-polyfill-field');
|
||||
|
||||
x.addClass('polyfill-placeholder')
|
||||
.val(x.attr('placeholder')).insertAfter(i);
|
||||
|
||||
if (i.val() == '')
|
||||
i.hide();
|
||||
else
|
||||
x.hide();
|
||||
|
||||
i
|
||||
.on('blur', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
||||
|
||||
if (i.val() == '') {
|
||||
|
||||
i.hide();
|
||||
x.show();
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
x
|
||||
.on('focus', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
|
||||
|
||||
x.hide();
|
||||
|
||||
i
|
||||
.show()
|
||||
.focus();
|
||||
|
||||
})
|
||||
.on('keypress', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
x.val('');
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// Events.
|
||||
$this
|
||||
.on('submit', function() {
|
||||
|
||||
$this.find('input[type=text],input[type=password],textarea')
|
||||
.each(function(event) {
|
||||
|
||||
var i = $(this);
|
||||
|
||||
if (i.attr('name').match(/-polyfill-field$/))
|
||||
i.attr('name', '');
|
||||
|
||||
if (i.val() == i.attr('placeholder')) {
|
||||
|
||||
i.removeClass('polyfill-placeholder');
|
||||
i.val('');
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
.on('reset', function(event) {
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
$this.find('select')
|
||||
.val($('option:first').val());
|
||||
|
||||
$this.find('input,textarea')
|
||||
.each(function() {
|
||||
|
||||
var i = $(this),
|
||||
x;
|
||||
|
||||
i.removeClass('polyfill-placeholder');
|
||||
|
||||
switch (this.type) {
|
||||
|
||||
case 'submit':
|
||||
case 'reset':
|
||||
break;
|
||||
|
||||
case 'password':
|
||||
i.val(i.attr('defaultValue'));
|
||||
|
||||
x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
||||
|
||||
if (i.val() == '') {
|
||||
i.hide();
|
||||
x.show();
|
||||
}
|
||||
else {
|
||||
i.show();
|
||||
x.hide();
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
case 'checkbox':
|
||||
case 'radio':
|
||||
i.attr('checked', i.attr('defaultValue'));
|
||||
break;
|
||||
|
||||
case 'text':
|
||||
case 'textarea':
|
||||
i.val(i.attr('defaultValue'));
|
||||
|
||||
if (i.val() == '') {
|
||||
i.addClass('polyfill-placeholder');
|
||||
i.val(i.attr('placeholder'));
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
default:
|
||||
i.val(i.attr('defaultValue'));
|
||||
break;
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
return $this;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Moves elements to/from the first positions of their respective parents.
|
||||
* @param {jQuery} $elements Elements (or selector) to move.
|
||||
* @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
|
||||
*/
|
||||
$.prioritize = function($elements, condition) {
|
||||
|
||||
var key = '__prioritize';
|
||||
|
||||
// Expand $elements if it's not already a jQuery object.
|
||||
if (typeof $elements != 'jQuery')
|
||||
$elements = $($elements);
|
||||
|
||||
// Step through elements.
|
||||
$elements.each(function() {
|
||||
|
||||
var $e = $(this), $p,
|
||||
$parent = $e.parent();
|
||||
|
||||
// No parent? Bail.
|
||||
if ($parent.length == 0)
|
||||
return;
|
||||
|
||||
// Not moved? Move it.
|
||||
if (!$e.data(key)) {
|
||||
|
||||
// Condition is false? Bail.
|
||||
if (!condition)
|
||||
return;
|
||||
|
||||
// Get placeholder (which will serve as our point of reference for when this element needs to move back).
|
||||
$p = $e.prev();
|
||||
|
||||
// Couldn't find anything? Means this element's already at the top, so bail.
|
||||
if ($p.length == 0)
|
||||
return;
|
||||
|
||||
// Move element to top of parent.
|
||||
$e.prependTo($parent);
|
||||
|
||||
// Mark element as moved.
|
||||
$e.data(key, $p);
|
||||
|
||||
}
|
||||
|
||||
// Moved already?
|
||||
else {
|
||||
|
||||
// Condition is true? Bail.
|
||||
if (condition)
|
||||
return;
|
||||
|
||||
$p = $e.data(key);
|
||||
|
||||
// Move element back to its original location (using our placeholder).
|
||||
$e.insertAfter($p);
|
||||
|
||||
// Unmark element as moved.
|
||||
$e.removeData(key);
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
@ -0,0 +1,14 @@
|
||||
---
|
||||
layout: page
|
||||
title: Popper.js Documentation
|
||||
description: Learn how to create awesome poppers
|
||||
---
|
||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=fezvrastagithubiopopperjs" id="_carbonads_js">
|
||||
</script>
|
||||
|
||||
{% capture documentation %}
|
||||
{% include popper-documentation.md %}
|
||||
{% endcapture %}
|
||||
{{
|
||||
documentation | markdownify
|
||||
}}
|
||||
@ -0,0 +1,14 @@
|
||||
---
|
||||
layout: page
|
||||
title: Tooltip.js Documentation
|
||||
description: Learn how to create awesome tooltips
|
||||
---
|
||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=fezvrastagithubiopopperjs" id="_carbonads_js">
|
||||
</script>
|
||||
|
||||
{% capture documentation %}
|
||||
{% include tooltip-documentation.md %}
|
||||
{% endcapture %}
|
||||
{{
|
||||
documentation | markdownify
|
||||
}}
|
||||
@ -0,0 +1,58 @@
|
||||
---
|
||||
layout: page-nowrap
|
||||
title: Tooltip.js
|
||||
description: Dead simple tooltips, powered by Popper.js
|
||||
---
|
||||
|
||||
|
||||
<section class="wrapper style5">
|
||||
<div class="inner">
|
||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=fezvrastagithubiopopperjs" id="_carbonads_js">
|
||||
</script>
|
||||
|
||||
<h2>Tooltip.js</h2>
|
||||
<p>
|
||||
Since Popper.js is an engine, we wanted to provide a library that shows you how
|
||||
you can use it in the real world.
|
||||
</p>
|
||||
<p>
|
||||
Tooltip.js can create, show, hide and toggle tooltips. Its API is almost identical
|
||||
to the one used by Bootstrap for their tooltips, if you know Bootstrap, you already
|
||||
know Tooltip.js!
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="examples" class="wrapper style2 alt">
|
||||
<section class="spotlight half-height">
|
||||
<div class="example">
|
||||
{% include example10t.html %}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% include example10t-code.html %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="spotlight half-height">
|
||||
<div class="example">
|
||||
{% include example20t.html %}
|
||||
</div>
|
||||
<div class="content">
|
||||
{% include example20t-code.html %}
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section id="cta" class="wrapper style5">
|
||||
<div class="inner">
|
||||
<header>
|
||||
<h2>Ready to start?</h2>
|
||||
<p>Visit our GitHub page to know how to get Tooltip.js and to learn more about it.</p>
|
||||
</header>
|
||||
<ul class="actions vertical">
|
||||
<li><a href="https://github.com/FezVrasta/popper.js" class="button fit special">GitHub</a></li>
|
||||
<li><a href="tooltip-documentation.html" class="button fit">Documentation</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user