├── .gitattributes
├── CHANGELOG.md
├── CODE_OF_CONDUCT.md
├── LICENSE.TXT
├── README.md
├── bower.json
├── package.json
├── source
├── LICENSE.TXT
├── _jsglyph.sass
├── _themes.sass
├── _themes_mdl_styles.sass
├── fonts
│ ├── jsglyph.eot
│ ├── jsglyph.svg
│ ├── jsglyph.ttf
│ └── jsglyph.woff
├── jquery.jspanel-compiled.js
├── jquery.jspanel-compiled.min.js
├── jquery.jspanel.css
├── jquery.jspanel.js
├── jquery.jspanel.min.css
├── jquery.jspanel.min.js
└── jquery.jspanel.sass
├── template
├── bootstrap3.html
├── bootstrap4.html
├── index.html
└── index.ui.html
└── vendor
├── jquery-2.2.4.min.js
├── jquery-3.2.1.min.js
├── jquery-migrate-3.0.0.min.js
├── jquery-ui-1.12.1.complete
├── AUTHORS.txt
├── LICENSE.txt
├── external
│ └── jquery
│ │ └── jquery.js
├── images
│ ├── ui-bg_glass_55_fbf9ee_1x400.png
│ ├── ui-bg_glass_65_ffffff_1x400.png
│ ├── ui-bg_glass_75_dadada_1x400.png
│ ├── ui-bg_glass_75_e6e6e6_1x400.png
│ ├── ui-bg_glass_95_fef1ec_1x400.png
│ ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│ ├── ui-icons_222222_256x240.png
│ ├── ui-icons_2e83ff_256x240.png
│ ├── ui-icons_454545_256x240.png
│ ├── ui-icons_888888_256x240.png
│ └── ui-icons_cd0a0a_256x240.png
├── index.html
├── jquery-ui.css
├── jquery-ui.js
├── jquery-ui.min.css
├── jquery-ui.min.js
├── jquery-ui.structure.css
├── jquery-ui.structure.min.css
├── jquery-ui.theme.css
├── jquery-ui.theme.min.css
└── package.json
├── jquery-ui-1.12.1.custom-no-theme
├── AUTHORS.txt
├── LICENSE.txt
├── external
│ └── jquery
│ │ └── jquery.js
├── index.html
├── jquery-ui.css
├── jquery-ui.js
├── jquery-ui.min.css
├── jquery-ui.min.js
├── jquery-ui.structure.css
├── jquery-ui.structure.min.css
└── package.json
├── jquery-ui-1.12.1.custom
├── AUTHORS.txt
├── LICENSE.txt
├── external
│ └── jquery
│ │ └── jquery.js
├── images
│ ├── ui-bg_glass_55_fbf9ee_1x400.png
│ ├── ui-bg_glass_65_ffffff_1x400.png
│ ├── ui-bg_glass_75_dadada_1x400.png
│ ├── ui-bg_glass_75_e6e6e6_1x400.png
│ ├── ui-bg_glass_95_fef1ec_1x400.png
│ ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│ ├── ui-icons_222222_256x240.png
│ ├── ui-icons_2e83ff_256x240.png
│ ├── ui-icons_454545_256x240.png
│ ├── ui-icons_888888_256x240.png
│ └── ui-icons_cd0a0a_256x240.png
├── index.html
├── jquery-ui.css
├── jquery-ui.js
├── jquery-ui.min.css
├── jquery-ui.min.js
├── jquery-ui.structure.css
├── jquery-ui.structure.min.css
├── jquery-ui.theme.css
├── jquery-ui.theme.min.css
└── package.json
└── jquery.ui.touch-punch.min.js
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 |
4 | # Custom for Visual Studio
5 | *.cs diff=csharp
6 |
7 | # Standard to msysgit
8 | *.doc diff=astextplain
9 | *.DOC diff=astextplain
10 | *.docx diff=astextplain
11 | *.DOCX diff=astextplain
12 | *.dot diff=astextplain
13 | *.DOT diff=astextplain
14 | *.pdf diff=astextplain
15 | *.PDF diff=astextplain
16 | *.rtf diff=astextplain
17 | *.RTF diff=astextplain
18 |
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | # Contributor Covenant Code of Conduct
2 |
3 | ## Our Pledge
4 |
5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
6 |
7 | ## Our Standards
8 |
9 | Examples of behavior that contributes to creating a positive environment include:
10 |
11 | * Using welcoming and inclusive language
12 | * Being respectful of differing viewpoints and experiences
13 | * Gracefully accepting constructive criticism
14 | * Focusing on what is best for the community
15 | * Showing empathy towards other community members
16 |
17 | Examples of unacceptable behavior by participants include:
18 |
19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances
20 | * Trolling, insulting/derogatory comments, and personal or political attacks
21 | * Public or private harassment
22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission
23 | * Other conduct which could reasonably be considered inappropriate in a professional setting
24 |
25 | ## Our Responsibilities
26 |
27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
28 |
29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
30 |
31 | ## Scope
32 |
33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
34 |
35 | ## Enforcement
36 |
37 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at flych53g@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
38 |
39 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
40 |
41 | ## Attribution
42 |
43 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
44 |
45 | [homepage]: http://contributor-covenant.org
46 | [version]: http://contributor-covenant.org/version/1/4/
47 |
--------------------------------------------------------------------------------
/LICENSE.TXT:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 Stefan Sträßer, http://stefanstraesser.eu/
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 |
23 | Hiermit wird unentgeltlich jeder Person, die eine Kopie der Software und der
24 | zugehörigen Dokumentationen (die "Software") erhält, die Erlaubnis erteilt,
25 | sie uneingeschränkt zu benutzen, inklusive und ohne Ausnahme dem Recht, sie
26 | zu verwenden, kopieren, ändern, fusionieren, verlegen, verbreiten, unterlizenzieren
27 | und/oder zu verkaufen, und Personen, die diese Software erhalten, diese Rechte zu
28 | geben, unter den folgenden Bedingungen:
29 |
30 | Der obige Urheberrechtsvermerk und dieser Erlaubnisvermerk sind in allen Kopien
31 | oder Teilkopien der Software beizulegen.
32 |
33 | DIE SOFTWARE WIRD OHNE JEDE AUSDRÜCKLICHE ODER IMPLIZIERTE GARANTIE BEREITGESTELLT,
34 | EINSCHLIESSLICH DER GARANTIE ZUR BENUTZUNG FÜR DEN VORGESEHENEN ODER EINEM BESTIMMTEN
35 | ZWECK SOWIE JEGLICHER RECHTSVERLETZUNG, JEDOCH NICHT DARAUF BESCHRÄNKT. IN KEINEM
36 | FALL SIND DIE AUTOREN ODER COPYRIGHTINHABER FÜR JEGLICHEN SCHADEN ODER SONSTIGE
37 | ANSPRÜCHE HAFTBAR ZU MACHEN, OB INFOLGE DER ERFÜLLUNG EINES VERTRAGES, EINES DELIKTES
38 | ODER ANDERS IM ZUSAMMENHANG MIT DER SOFTWARE ODER SONSTIGER VERWENDUNG DER SOFTWARE
39 | ENTSTANDEN.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |  [](https://badge.fury.io/js/jspanel3) [](https://www.npmjs.com/package/jspanel3) [](https://gitter.im/jsPanel/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
2 |
3 | ## [jsPanel 3.11.3 released 2019-11-26](#)
4 |
5 |
6 | **A jQuery plugin to create highly configurable multifunctional floating panels.**
7 |
8 | **jsPanels** can be used as a floating, **draggable and resizable panel**, **modal**, **tooltip** or **hint/notifier**.
9 |
10 | ---
11 | ## Don't miss jsPanel version 4
12 | + [GitHub](https://github.com/Flyer53/jsPanel4)
13 | + [npm](https://www.npmjs.com/package/jspanel4)
14 | ---
15 |
16 | ### jsPanel homepage: [http://jspanel.de](http://jspanel.de/)
17 | ### API and examples: [http://jspanel.de/api](http://jspanel.de/api)
18 |
19 | ### npm
20 | npm install jspanel3
21 | ### bower
22 | bower install jspanel3
23 |
24 | #### A few standard example jsPanels
25 |
26 |
27 | #### modal jsPanel
28 |
29 |
30 | #### stacked modal jsPanels - [short demo video on youtube](https://youtu.be/cLZ7akOrm_U)
31 |
32 |
33 | #### jsPanels as hints/notifiers - [short demo video on youtube](https://youtu.be/iUZkVJrq2ys)
34 |
35 |
36 |
37 |
38 | #### jsPanels as tooltip - [short demo video on youtube](https://youtu.be/q4ekm8k2W5o)
39 |
40 |
41 | #### some more toolbar examples
42 |
43 |
44 | ## [Getting started]()
45 |
46 | **If you used jsPanel 2.x already please check the API docs for the migration infos on each jsPanel 3.x option/method/property since a few things changed significantly in jsPanel 3.x.**
47 |
48 | ### [Dependencies]()
49 | + **jQuery 2.x** or **3.x**
50 | + **HTML5/CSS3 compatible browser** like FF, Chrome, EDGE, Brave and IE11. IE10 and other older browsers are not supported by jsPanel 3.
51 | + As of version 3.5.0 jQuery ui and jQuery ui touch punch are only required if you still want to use the jQuery ui draggable/resizable interactions
52 |
53 | ### [Get the files]()
54 | Download and extract the jsPanel package to a folder of your choice. You find at least the two folders **source** and **vendor**.
55 |
56 | The **source** folder contains all the necessary jsPanel specific files (.js, .css and font). Copy this folder to your project and rename it as you like if necessary.
57 |
58 | The **vendor** folder contains the dependencies jsPanel relies on. Whether you use these files, load them from a CDN or download the desired versions yourself doesn't matter.
59 |
60 | ### [Include the files]()
61 | The following example shows a complete html file with the minimium setup:
62 |
63 | ```html
64 |
65 |
66 |
67 |
68 |
69 |
70 | jsPanel - a jQuery Plugin
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 | ```
90 |
91 | ### [And then ...]()
92 | After including all the necessary files in your project you can create a jsPanel like ...
93 |
94 | ```javascript
95 | $.jsPanel( options );
96 |
97 | // or
98 | var myPanel = $.jsPanel( options );
99 | ```
100 | ... where **options** is an object passing the configuration options to the function.
101 |
102 | ##### Example:
103 |
104 | ```javascript
105 | $.jsPanel({
106 | position: {
107 | my: "left-top",
108 | at: "left-top"
109 | },
110 | contentSize: {
111 | width: 600,
112 | height: 350
113 | },
114 | contentAjax: {
115 | url: // some url,
116 | done: function (data, textStatus, jqXHR, panel) {
117 | // the keyword "this" inside the function refers to the panel
118 | },
119 | fail: function (jqXHR, textStatus, errorThrown, panel) {
120 | //the keyword "this" inside the function refers to the panel
121 | }
122 | },
123 | headerTitle: "my example jsPanel",
124 | theme: "rebeccapurple",
125 | callback: function (panel) {
126 | // do whatever you like
127 | // the keyword "this" inside the callback function refers to the panel
128 | }
129 | });
130 | ```
131 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "jspanel3",
3 | "version": "v3.11.3",
4 | "description": "A jQuery Plugin to create highly configurable multifunctional floating panels for use in backend solutions and other web applications. Also usable as modal panel, tooltip or hint. With built in support for bootstrap, right-to-left text direction and more ...",
5 | "keywords": [
6 | "jQuery",
7 | "jquery-plugin",
8 | "plugin",
9 | "jsPanel",
10 | "hint",
11 | "layout",
12 | "popup",
13 | "ui",
14 | "backend",
15 | "floating panel",
16 | "modal",
17 | "tooltip",
18 | "notifier",
19 | "bootstrap",
20 | "panel"
21 | ],
22 | "main": [
23 | "source/jquery.jspanel-compiled.js",
24 | "source/jquery.jspanel.css"
25 | ],
26 | "repository": {
27 | "type": "git",
28 | "url": "https://github.com/flyer53/jspanel3"
29 | },
30 | "ignore": [
31 | "**/*.txt"
32 | ],
33 | "dependencies": {
34 | "jquery": ">=2.x"
35 | },
36 | "authors": [
37 | { "name": "Stefan Straesser", "email": "info@jspanel.de", "homepage": "http://jspanel.de/" }
38 | ],
39 | "license": "MIT",
40 | "homepage": "http://jspanel.de/"
41 | }
42 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "jspanel3",
3 | "version": "3.11.3",
4 | "description": "A jQuery Plugin to create highly configurable multifunctional floating panels",
5 | "dependencies": {
6 | "jquery": ">=2.x"
7 | },
8 | "repository": {
9 | "type": "git",
10 | "url": "git+https://github.com/Flyer53/jsPanel3.git"
11 | },
12 | "keywords": [
13 | "jquery-plugin",
14 | "jsPanel",
15 | "panel",
16 | "ui",
17 | "layout",
18 | "popup",
19 | "widget",
20 | "window",
21 | "modal",
22 | "tooltip",
23 | "hint",
24 | "notifier",
25 | "bootstrap"
26 | ],
27 | "author": "Stefan Straesser (http://jspanel.de/)",
28 | "homepage": "http://jspanel.de",
29 | "license": "MIT",
30 | "bugs": {
31 | "url": "https://github.com/Flyer53/jsPanel3/issues"
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/source/LICENSE.TXT:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 Stefan Sträßer, http://stefanstraesser.eu/
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 |
23 | Hiermit wird unentgeltlich jeder Person, die eine Kopie der Software und der
24 | zugehörigen Dokumentationen (die "Software") erhält, die Erlaubnis erteilt,
25 | sie uneingeschränkt zu benutzen, inklusive und ohne Ausnahme dem Recht, sie
26 | zu verwenden, kopieren, ändern, fusionieren, verlegen, verbreiten, unterlizenzieren
27 | und/oder zu verkaufen, und Personen, die diese Software erhalten, diese Rechte zu
28 | geben, unter den folgenden Bedingungen:
29 |
30 | Der obige Urheberrechtsvermerk und dieser Erlaubnisvermerk sind in allen Kopien
31 | oder Teilkopien der Software beizulegen.
32 |
33 | DIE SOFTWARE WIRD OHNE JEDE AUSDRÜCKLICHE ODER IMPLIZIERTE GARANTIE BEREITGESTELLT,
34 | EINSCHLIESSLICH DER GARANTIE ZUR BENUTZUNG FÜR DEN VORGESEHENEN ODER EINEM BESTIMMTEN
35 | ZWECK SOWIE JEGLICHER RECHTSVERLETZUNG, JEDOCH NICHT DARAUF BESCHRÄNKT. IN KEINEM
36 | FALL SIND DIE AUTOREN ODER COPYRIGHTINHABER FÜR JEGLICHEN SCHADEN ODER SONSTIGE
37 | ANSPRÜCHE HAFTBAR ZU MACHEN, OB INFOLGE DER ERFÜLLUNG EINES VERTRAGES, EINES DELIKTES
38 | ODER ANDERS IM ZUSAMMENHANG MIT DER SOFTWARE ODER SONSTIGER VERWENDUNG DER SOFTWARE
39 | ENTSTANDEN.
--------------------------------------------------------------------------------
/source/_jsglyph.sass:
--------------------------------------------------------------------------------
1 | @font-face
2 | font-family: 'jsglyph'
3 | src: url('fonts/jsglyph.eot')
4 | src: url('fonts/jsglyph.eot?#iefix') format('embedded-opentype'),url('fonts/jsglyph.ttf') format('truetype'), url('fonts/jsglyph.woff') format('woff'), url('fonts/jsglyph.svg#jsglyph') format('svg')
5 |
6 | .jsglyph
7 | /* use !important to prevent issues with browser extensions that change fonts */
8 | font-family: 'jsglyph' !important
9 | speak: none
10 | font-style: normal
11 | font-weight: normal
12 | font-variant: normal
13 | text-transform: none
14 | line-height: 1
15 |
16 | /* Better Font Rendering =========== */
17 | -webkit-font-smoothing: antialiased
18 | -moz-osx-font-smoothing: grayscale
19 |
20 | .jsglyph-chevron-down::before
21 | content: "\e900"
22 |
23 | .jsglyph-chevron-up::before
24 | content: "\e901"
25 |
26 | .jsglyph-close::before
27 | content: "\e902"
28 |
29 | .jsglyph-maximize::before
30 | content: "\e903"
31 |
32 | .jsglyph-minimize::before
33 | content: "\e904"
34 |
35 | .jsglyph-normalize::before
36 | content: "\e905"
37 |
--------------------------------------------------------------------------------
/source/_themes.sass:
--------------------------------------------------------------------------------
1 | /* _themes_mdl.sass: 2017-02-14 08:56 */
2 |
3 | /* default ---------------------------------------------------------------------------------------------------------- */
4 | .jsPanel-theme-default
5 | background-color: $mdl-grey100
6 | border-color: $mdl-grey100
7 |
8 | .jsPanel-theme-default > .jsPanel-hdr
9 | *
10 | color: $black
11 | .jsPanel-hdr-toolbar
12 | border-top: 1px solid $mdl-grey400
13 |
14 | .jsPanel-theme-default > .jsPanel-content
15 | border-top: 1px solid $mdl-grey400
16 |
17 | .jsPanel-theme-default > .jsPanel-content.jsPanel-content-filled
18 | background-color: $mdl-grey100
19 | border-top: 1px solid $mdl-grey400
20 |
21 | .jsPanel-theme-default > .jsPanel-content.jsPanel-content-filledlight
22 | background-color: $mdl-grey50
23 |
24 | /* primary ---------------------------------------------------------------------------------------------------------- */
25 | .jsPanel-theme-primary
26 | background-color: $mdl-indigo500
27 | border-color: $mdl-indigo500
28 |
29 | .jsPanel-theme-primary > .jsPanel-hdr
30 | *
31 | color: $white
32 | .jsPanel-hdr-toolbar
33 | border-top: 1px solid $mdl-indigo400
34 |
35 | .jsPanel-theme-primary > .jsPanel-content
36 | border-top: 1px solid $mdl-indigo400
37 |
38 | .jsPanel-theme-primary > .jsPanel-content.jsPanel-content-filled
39 | background-color: $mdl-indigo500
40 | border-top: 1px solid $mdl-indigo400
41 | color: $white
42 |
43 | .jsPanel-theme-primary > .jsPanel-content.jsPanel-content-filledlight
44 | background-color: $mdl-indigo100
45 | color: $black
46 |
47 | /* info ------------------------------------------------------------------------------------------------------------- */
48 | .jsPanel-theme-info
49 | background-color: $mdl-lightblue500
50 | border-color: $mdl-lightblue500
51 |
52 | .jsPanel-theme-info > .jsPanel-hdr
53 | *
54 | color: $white
55 | .jsPanel-hdr-toolbar
56 | border-top: 1px solid $mdl-lightblue400
57 |
58 | .jsPanel-theme-info > .jsPanel-content
59 | border-top: 1px solid $mdl-lightblue400
60 |
61 | .jsPanel-theme-info > .jsPanel-content.jsPanel-content-filled
62 | background-color: $mdl-lightblue500
63 | border-top: 1px solid $mdl-lightblue400
64 | color: $white
65 |
66 | .jsPanel-theme-info > .jsPanel-content.jsPanel-content-filledlight
67 | background-color: $mdl-lightblue100
68 | color: $black
69 |
70 | /* success ---------------------------------------------------------------------------------------------------------- */
71 | .jsPanel-theme-success
72 | background-color: $mdl-green600
73 | border-color: $mdl-green600
74 |
75 | .jsPanel-theme-success > .jsPanel-hdr
76 | *
77 | color: $white
78 | .jsPanel-hdr-toolbar
79 | border-top: 1px solid $mdl-green400
80 |
81 | .jsPanel-theme-success > .jsPanel-content.jsPanel-content-filled
82 | background-color: $mdl-green600
83 | border-top: 1px solid $mdl-green400
84 | color: $white
85 |
86 | .jsPanel-theme-success > .jsPanel-content.jsPanel-content-filledlight
87 | background-color: $mdl-green100
88 | color: $black
89 |
90 | /* warning ---------------------------------------------------------------------------------------------------------- */
91 | .jsPanel-theme-warning
92 | background-color: $mdl-orange600
93 | border-color: $mdl-orange600
94 |
95 | .jsPanel-theme-warning > .jsPanel-hdr
96 | *
97 | color: $black
98 | .jsPanel-hdr-toolbar
99 | border-top: 1px solid $mdl-orange400
100 |
101 | .jsPanel-theme-warning > .jsPanel-content.jsPanel-content-filled
102 | background-color: $mdl-orange600
103 | border-top: 1px solid $mdl-orange400
104 | color: $black
105 |
106 | .jsPanel-theme-warning > .jsPanel-content.jsPanel-content-filledlight
107 | background-color: $mdl-orange100
108 | color: $black
109 |
110 |
111 | /* danger ----------------------------------------------------------------------------------------------------------- */
112 | .jsPanel-theme-danger
113 | background-color: $mdl-deeporange600
114 | border-color: $mdl-deeporange600
115 |
116 | .jsPanel-theme-danger > .jsPanel-hdr
117 | *
118 | color: $white
119 | .jsPanel-hdr-toolbar
120 | border-top: 1px solid $mdl-deeporange400
121 |
122 | .jsPanel-theme-danger > .jsPanel-content.jsPanel-content-filled
123 | background-color: $mdl-deeporange600
124 | border-top: 1px solid $mdl-deeporange400
125 | color: $white
126 |
127 | .jsPanel-theme-danger > .jsPanel-content.jsPanel-content-filledlight
128 | background-color: $mdl-deeporange100
129 | color: $black
130 |
131 |
132 | /* custom theme example myblue -------------------------------------------------------------------------------------- */
133 | .jsPanel-theme-myblue
134 | background-color: $mdl-blue800
135 | border-color: $mdl-blue800
136 |
137 | .jsPanel-theme-myblue > .jsPanel-hdr
138 | *
139 | color: $mdl-yellowA200
140 | .jsPanel-hdr-toolbar
141 | border-top: 1px solid $mdl-yellowA200
142 |
143 | .jsPanel-theme-myblue > .jsPanel-content
144 | background-color: $mdl-bluegrey50
145 | border-top: 1px solid $mdl-yellowA200
146 | color: $black
147 |
148 | .jsPanel-theme-myblue > .jsPanel-content.jsPanel-content-filled
149 | background-color: $mdl-blue400
150 | border-top: 1px solid $mdl-yellowA200
151 | color: $mdl-yellowA200
152 |
153 | .jsPanel-theme-myblue > .jsPanel-content.jsPanel-content-filledlight
154 | background-color: $mdl-blue100
155 | border-top: 1px solid $mdl-yellowA200
156 | color: $mdl-orange900
157 |
--------------------------------------------------------------------------------
/source/_themes_mdl_styles.sass:
--------------------------------------------------------------------------------
1 | // styles bowored from Google MDL
2 |
3 | // shadows ----------------------------------------------------------------------
4 | $box-shadow1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
5 | $box-shadow2: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)
6 | $box-shadow3: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
7 | $box-shadow4: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
8 | $box-shadow5: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)
9 |
10 | // colors -----------------------------------------------------------------------
11 | $black: #000000
12 | $white: #ffffff
13 |
14 | // RED --------------------------------------
15 | $mdl-red900: #b71c1c
16 | $mdl-red800: #c62828
17 | $mdl-red700: #d32f2f
18 | $mdl-red600: #e53935
19 | $mdl-red500: #f44336
20 | $mdl-red400: #ef5350
21 | $mdl-red300: #e57373
22 | $mdl-red200: #ef9a9a
23 | $mdl-red100: #ffcdd2
24 | $mdl-red50: #ffebee
25 | $mdl-redA700: #d50000
26 | $mdl-redA400: #ff1744
27 | $mdl-redA200: #ff5252
28 | $mdl-redA100: #ff8a80
29 |
30 | // PINK -------------------------------------
31 | $mdl-pink900: #880e4f
32 | $mdl-pink800: #ad1457
33 | $mdl-pink700: #c2185b
34 | $mdl-pink600: #d81b60
35 | $mdl-pink500: #e91e63
36 | $mdl-pink400: #ec407a
37 | $mdl-pink300: #f06292
38 | $mdl-pink200: #f48fb1
39 | $mdl-pink100: #f8bbd0
40 | $mdl-pink50: #fce4ec
41 | $mdl-pinkA700: #c51162
42 | $mdl-pinkA400: #f50057
43 | $mdl-pinkA200: #ff4081
44 | $mdl-pinkA100: #ff80ab
45 |
46 | // PURPLE -----------------------------------
47 | $mdl-purple900: #4a148c
48 | $mdl-purple800: #6a1b9a
49 | $mdl-purple700: #7b1fa2
50 | $mdl-purple600: #8e24aa
51 | $mdl-purple500: #9c27b0
52 | $mdl-purple400: #ab47bc
53 | $mdl-purple300: #ba68c8
54 | $mdl-purple200: #ce93d8
55 | $mdl-purple100: #e1bee7
56 | $mdl-purple50: #f3e5f5
57 | $mdl-purpleA700: #aa00ff
58 | $mdl-purpleA400: #d500f9
59 | $mdl-purpleA200: #e040fb
60 | $mdl-purpleA100: #ea80fc
61 |
62 | // DEEPPURPLE -----------------------------------
63 | $mdl-deeppurple900: #311b92
64 | $mdl-deeppurple800: #4527a0
65 | $mdl-deeppurple700: #512da8
66 | $mdl-deeppurple600: #5e35b1
67 | $mdl-deeppurple500: #673ab7
68 | $mdl-deeppurple400: #7e57c2
69 | $mdl-deeppurple300: #9575cd
70 | $mdl-deeppurple200: #b39ddb
71 | $mdl-deeppurple100: #d1c4e9
72 | $mdl-deeppurple50: #ede7f6
73 | $mdl-deeppurpleA700: #6200ea
74 | $mdl-deeppurpleA400: #651fff
75 | $mdl-deeppurpleA200: #7c4dff
76 | $mdl-deeppurpleA100: #b388ff
77 |
78 | // INDIGO -----------------------------------
79 | $mdl-indigo900: #1a237e
80 | $mdl-indigo800: #283593
81 | $mdl-indigo700: #303f9f
82 | $mdl-indigo600: #3949ab
83 | $mdl-indigo500: #3f51b5
84 | $mdl-indigo400: #5c6bc0
85 | $mdl-indigo300: #7986cb
86 | $mdl-indigo200: #9fa8da
87 | $mdl-indigo100: #c5cae9
88 | $mdl-indigo50: #e8eaf6
89 | $mdl-indigoA700: #304ffe
90 | $mdl-indigoA400: #3d5afe
91 | $mdl-indigoA200: #536dfe
92 | $mdl-indigoA100: #8c9eff
93 |
94 | // BLUE -----------------------------------
95 | $mdl-blue900: #0d47a1
96 | $mdl-blue800: #1565c0
97 | $mdl-blue700: #1976d2
98 | $mdl-blue600: #1e88e5
99 | $mdl-blue500: #2196f3
100 | $mdl-blue400: #42a5f5
101 | $mdl-blue300: #64b5f6
102 | $mdl-blue200: #90caf9
103 | $mdl-blue100: #bbdefb
104 | $mdl-blue50: #e3f2fd
105 | $mdl-blueA700: #2962ff
106 | $mdl-blueA400: #2979ff
107 | $mdl-blueA200: #448aff
108 | $mdl-blueA100: #82b1ff
109 |
110 | // LIGHTBLUE -----------------------------------
111 | $mdl-lightblue900: #01579b
112 | $mdl-lightblue800: #0277bd
113 | $mdl-lightblue700: #0288d1
114 | $mdl-lightblue600: #039be5
115 | $mdl-lightblue500: #03a9f4
116 | $mdl-lightblue400: #29b6f6
117 | $mdl-lightblue300: #4fc3f7
118 | $mdl-lightblue200: #81d4fa
119 | $mdl-lightblue100: #b3e5fc
120 | $mdl-lightblue50: #e1f5fe
121 | $mdl-lightblueA700: #0091ea
122 | $mdl-lightblueA400: #00b0ff
123 | $mdl-lightblueA200: #40c4ff
124 | $mdl-lightblueA100: #80d8ff
125 |
126 | // CYAN -----------------------------------
127 | $mdl-cyan900: #006064
128 | $mdl-cyan800: #00838f
129 | $mdl-cyan700: #0097a7
130 | $mdl-cyan600: #00acc1
131 | $mdl-cyan500: #00bcd4
132 | $mdl-cyan400: #26c6da
133 | $mdl-cyan300: #4dd0e1
134 | $mdl-cyan200: #80deea
135 | $mdl-cyan100: #b2ebf2
136 | $mdl-cyan50: #e0f7fa
137 | $mdl-cyanA700: #00b8d4
138 | $mdl-cyanA400: #00e5ff
139 | $mdl-cyanA200: #18ffff
140 | $mdl-cyanA100: #84ffff
141 |
142 | // TEAL -----------------------------------
143 | $mdl-teal900: #004d40
144 | $mdl-teal800: #00695c
145 | $mdl-teal700: #00796b
146 | $mdl-teal600: #00897b
147 | $mdl-teal500: #009688
148 | $mdl-teal400: #26a69a
149 | $mdl-teal400: #4db6ac
150 | $mdl-teal200: #80cbc4
151 | $mdl-teal100: #b2dfdb
152 | $mdl-teal50: #e0f2f1
153 | $mdl-tealA700: #00bfa5
154 | $mdl-tealA400: #1de9b6
155 | $mdl-tealA200: #64ffda
156 | $mdl-tealA100: #a7ffeb
157 |
158 | // GREEN -----------------------------------
159 | $mdl-green900: #1b5e20
160 | $mdl-green800: #2e7d32
161 | $mdl-green700: #388e3c
162 | $mdl-green600: #43a047
163 | $mdl-green500: #4caf50
164 | $mdl-green400: #66bb6a
165 | $mdl-green300: #81c784
166 | $mdl-green200: #a5d6a7
167 | $mdl-green100: #c8e6c9
168 | $mdl-green50: #e8f5e9
169 | $mdl-greenA700: #00c853
170 | $mdl-greenA400: #00e676
171 | $mdl-greenA200: #69f0ae
172 | $mdl-greenA100: #b9f6ca
173 |
174 | // LIGHTGREEN -----------------------------------
175 | $mdl-lightgreen900: #33691e
176 | $mdl-lightgreen800: #558b2f
177 | $mdl-lightgreen700: #689f38
178 | $mdl-lightgreen600: #7cb342
179 | $mdl-lightgreen500: #8bc34a
180 | $mdl-lightgreen400: #9ccc65
181 | $mdl-lightgreen400: #aed581
182 | $mdl-lightgreen200: #c5e1a5
183 | $mdl-lightgreen100: #dcedc8
184 | $mdl-lightgreen50: #f1f8e9
185 | $mdl-lightgreenA700: #64dd17
186 | $mdl-lightgreenA400: #76ff03
187 | $mdl-lightgreenA200: #b2ff59
188 | $mdl-lightgreenA100: #ccff90
189 |
190 | // LIME -----------------------------------
191 | $mdl-lime900: #827717
192 | $mdl-lime800: #9e9d24
193 | $mdl-lime700: #afb42b
194 | $mdl-lime600: #c0ca33
195 | $mdl-lime500: #cddc39
196 | $mdl-lime400: #d4e157
197 | $mdl-lime400: #dce775
198 | $mdl-lime200: #e6ee9c
199 | $mdl-lime100: #f0f4c3
200 | $mdl-lime50: #f9fbe7
201 | $mdl-limeA700: #aeea00
202 | $mdl-limeA400: #c6ff00
203 | $mdl-limeA200: #eeff41
204 | $mdl-limeA100: #f4ff81
205 |
206 | // YELLOW -----------------------------------
207 | $mdl-yellow900: #f57f17
208 | $mdl-yellow800: #f9a825
209 | $mdl-yellow700: #fbc02d
210 | $mdl-yellow600: #fdd835
211 | $mdl-yellow500: #ffeb3b
212 | $mdl-yellow400: #ffee58
213 | $mdl-yellow400: #fff176
214 | $mdl-yellow200: #fff59d
215 | $mdl-yellow100: #fff9c4
216 | $mdl-yellow50: #fffde7
217 | $mdl-yellowA700: #ffd600
218 | $mdl-yellowA400: #ffea00
219 | $mdl-yellowA200: #ffff00
220 | $mdl-yellowA100: #ffff8d
221 |
222 | // AMBER -----------------------------------
223 | $mdl-amber900: #ff6f00
224 | $mdl-amber800: #ff8f00
225 | $mdl-amber700: #ffa000
226 | $mdl-amber600: #ffb300
227 | $mdl-amber500: #ffc107
228 | $mdl-amber400: #ffca28
229 | $mdl-amber400: #ffd54f
230 | $mdl-amber200: #ffe082
231 | $mdl-amber100: #ffecb3
232 | $mdl-amber50: #fff8e1
233 | $mdl-amberA700: #ffab00
234 | $mdl-amberA400: #ffc400
235 | $mdl-amberA200: #ffd740
236 | $mdl-amberA100: #ffe57f
237 |
238 | // ORANGE -----------------------------------
239 | $mdl-orange900: #e65100
240 | $mdl-orange800: #ef6c00
241 | $mdl-orange700: #f57c00
242 | $mdl-orange600: #fb8c00
243 | $mdl-orange500: #ff9800
244 | $mdl-orange400: #ffa726
245 | $mdl-orange400: #ffb74d
246 | $mdl-orange200: #ffcc80
247 | $mdl-orange100: #ffe0b2
248 | $mdl-orange50: #fff3e0
249 | $mdl-orangeA700: #ff6d00
250 | $mdl-orangeA400: #ff9100
251 | $mdl-orangeA200: #ffab40
252 | $mdl-orangeA100: #ffd180
253 |
254 | // DEEPORANGE -----------------------------------
255 | $mdl-deeporange900: #bf360c
256 | $mdl-deeporange800: #d84315
257 | $mdl-deeporange700: #e64a19
258 | $mdl-deeporange600: #f4511e
259 | $mdl-deeporange500: #ff5722
260 | $mdl-deeporange400: #ff7043
261 | $mdl-deeporange300: #ff8a65
262 | $mdl-deeporange200: #ffab91
263 | $mdl-deeporange100: #ffccbc
264 | $mdl-deeporange50: #fbe9e7
265 | $mdl-deeporangeA700: #dd2c00
266 | $mdl-deeporangeA400: #ff3d00
267 | $mdl-deeporangeA200: #ff6e40
268 | $mdl-deeporangeA100: #ff9e80
269 |
270 | // BROWN -----------------------------------
271 | $mdl-brown900: #3e2723
272 | $mdl-brown800: #4e342e
273 | $mdl-brown700: #5d4037
274 | $mdl-brown600: #6d4c41
275 | $mdl-brown500: #795548
276 | $mdl-brown400: #8d6e63
277 | $mdl-brown400: #a1887f
278 | $mdl-brown200: #bcaaa4
279 | $mdl-brown100: #d7ccc8
280 | $mdl-brown50: #efebe9
281 |
282 | // GREY -----------------------------------
283 | $mdl-grey900: #212121
284 | $mdl-grey800: #424242
285 | $mdl-grey700: #616161
286 | $mdl-grey600: #757575
287 | $mdl-grey500: #9e9e9e
288 | $mdl-grey400: #bdbdbd
289 | $mdl-grey400: #e0e0e0
290 | $mdl-grey200: #eeeeee
291 | $mdl-grey100: #f5f5f5
292 | $mdl-grey50: #fafafa
293 |
294 | // BLUEGREY -----------------------------------
295 | $mdl-bluegrey900: #263238
296 | $mdl-bluegrey800: #37474f
297 | $mdl-bluegrey700: #455a64
298 | $mdl-bluegrey600: #546e7a
299 | $mdl-bluegrey500: #607d8b
300 | $mdl-bluegrey400: #78909c
301 | $mdl-bluegrey400: #90a4ae
302 | $mdl-bluegrey200: #b0bec5
303 | $mdl-bluegrey100: #cfd8dc
304 | $mdl-bluegrey50: #eceff1
305 |
--------------------------------------------------------------------------------
/source/fonts/jsglyph.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Flyer53/jsPanel3/015fddb4615ff94c179d272e11927bdc96ecdb06/source/fonts/jsglyph.eot
--------------------------------------------------------------------------------
/source/fonts/jsglyph.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/source/fonts/jsglyph.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Flyer53/jsPanel3/015fddb4615ff94c179d272e11927bdc96ecdb06/source/fonts/jsglyph.ttf
--------------------------------------------------------------------------------
/source/fonts/jsglyph.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Flyer53/jsPanel3/015fddb4615ff94c179d272e11927bdc96ecdb06/source/fonts/jsglyph.woff
--------------------------------------------------------------------------------
/source/jquery.jspanel.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@font-face{font-family:"jsglyph";src:url("fonts/jsglyph.eot");src:url("fonts/jsglyph.eot?#iefix") format("embedded-opentype"),url("fonts/jsglyph.ttf") format("truetype"),url("fonts/jsglyph.woff") format("woff"),url("fonts/jsglyph.svg#jsglyph") format("svg")}.jsglyph{font-family:"jsglyph" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jsglyph-chevron-down::before{content:""}.jsglyph-chevron-up::before{content:""}.jsglyph-close::before{content:""}.jsglyph-maximize::before{content:""}.jsglyph-minimize::before{content:""}.jsglyph-normalize::before{content:""}.jsPanel{border:0;box-sizing:border-box;vertical-align:baseline;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);opacity:0;overflow:visible;position:absolute;border-radius:3px;z-index:100}.jsPanel .jsPanel-hdr{border:0;box-sizing:border-box;vertical-align:baseline;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;border-top-left-radius:3px;border-top-right-radius:3px;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.jsPanel .jsPanel-content{border:0;box-sizing:border-box;vertical-align:baseline;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;background:#fff;color:#000;font-size:12px;position:relative;overflow:hidden}.jsPanel .jsPanel-content pre{color:inherit}.jsPanel .jsPanel-ftr{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:1px solid #e0e0e0;cursor:move;display:none;box-sizing:border-box;font-size:12px;height:auto;background:#f5f5f5;font-weight:normal;color:black;overflow:hidden}.jsPanel .jsPanel-ftr.active{display:-webkit-box;display:-ms-flexbox;display:flex}.jsPanel .jsPanel-ftr.active>*{margin:8px}.jsPanel .jsPanel-ftr.panel-footer{padding:0}.jsPanel-headerbar,.jsPanel-hdr-toolbar{font-size:18px}.jsPanel-headerbar{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;min-height:38px}.jsPanel-headerbar .jsPanel-headerlogo{cursor:move}.jsPanel-headerbar img{vertical-align:middle;max-height:38px}.jsPanel-titlebar{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;cursor:move;min-height:32px;overflow:hidden}.jsPanel-titlebar h3{color:#000;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-variant:small-caps;font-weight:normal;margin:10px 5px 10px 8px}.jsPanel-titlebar h3 small{font-size:75%;color:inherit}.jsPanel-titlebar.jsPanel-rtl h3{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.jsPanel-controlbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.jsPanel-controlbar div span:hover{opacity:.6}.jsPanel-controlbar .jsPanel-btn{padding:0 3px;cursor:pointer}.jsPanel-controlbar .jsPanel-btn span{vertical-align:middle}.jsPanel-controlbar .jsPanel-btn-normalize{display:none}.jsPanel-controlbar .jsPanel-btn-smallifyrev{display:none}.jsPanel-hdr-toolbar{display:none;width:auto;height:auto;font-size:16px}.jsPanel-hdr-toolbar.active{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.jsPanel-hdr-toolbar.active>*{margin:6px 8px}.jsPanel-headerbar.jsPanel-rtl,.jsPanel-controlbar.jsPanel-rtl,.jsPanel-hdr-toolbar.jsPanel-rtl{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.jsPanel-hdr-toolbar.active.jsPanel-rtl{padding:7px 0 10px 0}.jsPanel-ftr.jsPanel-rtl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.jsPanel-connector{pointer-events:none}.jsPanel-connector-top{width:0;height:0;border:12px solid transparent;position:absolute;border-top-width:10px;left:calc(50% - 12px);bottom:-22px}.jsPanel-connector-topleft{width:0;height:0;border:12px solid transparent;position:absolute;border-top-width:10px;left:2px;bottom:-22px}.jsPanel-connector-topright{width:0;height:0;border:12px solid transparent;position:absolute;border-top-width:10px;left:calc(100% - 26px);bottom:-22px}.jsPanel-connector-right{width:0;height:0;border:12px solid transparent;position:absolute;border-right-width:10px;left:-22px;top:calc(50% - 12px)}.jsPanel-connector-righttop{width:0;height:0;border:12px solid transparent;position:absolute;border-right-width:10px;left:-22px;top:2px}.jsPanel-connector-rightbottom{width:0;height:0;border:12px solid transparent;position:absolute;border-right-width:10px;left:-22px;top:calc(100% - 26px)}.jsPanel-connector-bottom{width:0;height:0;border:12px solid transparent;position:absolute;border-bottom-width:10px;left:calc(50% - 12px);top:-22px}.jsPanel-connector-bottomleft{width:0;height:0;border:12px solid transparent;position:absolute;border-bottom-width:10px;left:2px;top:-22px}.jsPanel-connector-bottomright{width:0;height:0;border:12px solid transparent;position:absolute;border-bottom-width:10px;left:calc(100% - 26px);top:-22px}.jsPanel-connector-left{width:0;height:0;border:12px solid transparent;position:absolute;border-left-width:10px;left:100%;top:calc(50% - 12px)}.jsPanel-connector-lefttop{width:0;height:0;border:12px solid transparent;position:absolute;border-left-width:10px;left:100%;top:2px}.jsPanel-connector-leftbottom{width:0;height:0;border:12px solid transparent;position:absolute;border-left-width:10px;left:100%;top:calc(100% - 26px)}.jsPanel-connector-lefttopcorner{position:absolute;width:12px;height:12px;border:0;border-radius:50%;left:calc(100% - 6px);top:calc(100% - 6px)}.jsPanel-connector-righttopcorner{position:absolute;width:12px;height:12px;border:0;border-radius:50%;left:-6px;top:calc(100% - 6px)}.jsPanel-connector-rightbottomcorner{position:absolute;width:12px;height:12px;border:0;border-radius:50%;left:-6px;top:-6px}.jsPanel-connector-leftbottomcorner{position:absolute;width:12px;height:12px;border:0;border-radius:50%;left:calc(100% - 6px);top:-6px}#jsPanel-replacement-container,.jsPanel-minimized-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap-reverse;flex-flow:row wrap-reverse;background:transparent none repeat scroll 0 0;bottom:0;height:auto;left:0;position:fixed;width:auto;z-index:9998}#jsPanel-replacement-container .jsPanel-replacement,.jsPanel-minimized-box .jsPanel-replacement{width:200px;height:40px;margin:1px 1px 0 0;z-index:9999}#jsPanel-replacement-container .jsPanel-replacement .jsPanel-hdr,.jsPanel-minimized-box .jsPanel-replacement .jsPanel-hdr{padding:0}#jsPanel-replacement-container .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo,.jsPanel-minimized-box .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo{cursor:move;max-width:50%;overflow:hidden}#jsPanel-replacement-container .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo img,.jsPanel-minimized-box .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo img{max-width:100px;max-height:38px}#jsPanel-replacement-container .jsPanel-replacement .jsPanel-titlebar,.jsPanel-minimized-box .jsPanel-replacement .jsPanel-titlebar{-webkit-box-flex:1;-ms-flex:1 1 60%;flex:1 1 0;cursor:default}#jsPanel-replacement-container .jsPanel-replacement .jsPanel-btn.jsPanel-btn-normalize,.jsPanel-minimized-box .jsPanel-replacement .jsPanel-btn.jsPanel-btn-normalize{display:block}.jsPanel-minimized-box{position:absolute;width:auto}.jsPanel-modal .jsPanel-hdr,.jsPanel-modal .jsPanel-ftr{cursor:default}.jsPanel-hint .jsPanel-hdr,.jsPanel-hint .jsPanel-ftr{cursor:default}.jsPanel-tooltip{overflow:visible}.jsPanel-tooltip .jsPanel-hdr,.jsPanel-tooltip .jsPanel-ftr{cursor:default}.flexOne{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.jsPanel-resizeit-handle{display:block;font-size:.1px;position:absolute}.jsPanel-resizeit-handle.jsPanel-resizeit-n{cursor:n-resize;height:10px;left:0;top:-5px;width:100%}.jsPanel-resizeit-handle.jsPanel-resizeit-e{cursor:e-resize;height:100%;right:-5px;top:0;width:10px}.jsPanel-resizeit-handle.jsPanel-resizeit-s{bottom:-5px;cursor:s-resize;height:10px;left:0;width:100%}.jsPanel-resizeit-handle.jsPanel-resizeit-w{cursor:w-resize;height:100%;left:-5px;top:0;width:10px}.jsPanel-resizeit-handle.jsPanel-resizeit-ne{cursor:ne-resize;height:12px;right:-6px;top:-6px;width:12px}.jsPanel-resizeit-handle.jsPanel-resizeit-se{bottom:1px;cursor:se-resize;height:12px;right:1px;width:12px}.jsPanel-resizeit-handle.jsPanel-resizeit-sw{bottom:-6px;cursor:sw-resize;height:12px;left:-6px;width:12px}.jsPanel-resizeit-handle.jsPanel-resizeit-nw{cursor:nw-resize;height:12px;left:-6px;top:-6px;width:12px}.jsPanel.panel-default,.jsPanel.panel-primary,.jsPanel.panel-info,.jsPanel.panel-success,.jsPanel.panel-warning,.jsPanel.panel-danger,.jsPanel.card.card-inverse{box-shadow:0 0 6px rgba(0,33,50,0.1),0 7px 25px rgba(17,38,60,0.4)}.jsPanel.panel{margin:0}.jsPanel-hdr.panel-heading{border-bottom:0;padding:0}.jsPanel-title.panel-title .small,.jsPanel-title.panel-title small{font-size:75%}.jsPanel.card.card-inverse{box-shadow:0 0 6px rgba(0,33,50,0.1),0 7px 25px rgba(17,38,60,0.4)}.card-default{background:#f5f5f5}.card-primary>.jsPanel-content.jsPanel-content-filled,.card-success>.jsPanel-content.jsPanel-content-filled,.card-info>.jsPanel-content.jsPanel-content-filled,.card-warning>.jsPanel-content.jsPanel-content-filled,.card-danger>.jsPanel-content.jsPanel-content-filled{background:transparent;color:#f5f5f5}.card-default>.jsPanel-content.jsPanel-content-filled{background:transparent;color:#000}@keyframes jsPanelFadeIn{from{opacity:0}to{opacity:1}}.jsPanelFadeIn{opacity:0;animation:jsPanelFadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:600ms}@keyframes modalBackdropFadeIn{from{opacity:0}to{opacity:.65}}.jsPanel-modal-backdrop{animation:modalBackdropFadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:750ms;background:black;position:fixed;top:0;left:0;width:100%;height:100%}@keyframes modalBackdropFadeOut{from{opacity:.65}to{opacity:0}}.jsPanel-modal-backdrop-out{animation:modalBackdropFadeOut ease-in 1;animation-fill-mode:forwards;animation-duration:400ms}.jsPanel-modal-backdrop-multi{background:rgba(0,0,0,0.15)}.jsPanel-theme-default{background-color:#f5f5f5;border-color:#f5f5f5}.jsPanel-theme-default>.jsPanel-hdr *{color:#000}.jsPanel-theme-default>.jsPanel-hdr .jsPanel-hdr-toolbar{border-top:1px solid #e0e0e0}.jsPanel-theme-default>.jsPanel-content{border-top:1px solid #e0e0e0}.jsPanel-theme-default>.jsPanel-content.jsPanel-content-filled{background-color:#f5f5f5;border-top:1px solid #e0e0e0}.jsPanel-theme-default>.jsPanel-content.jsPanel-content-filledlight{background-color:#fafafa}.jsPanel-theme-primary{background-color:#3f51b5;border-color:#3f51b5}.jsPanel-theme-primary>.jsPanel-hdr *{color:#fff}.jsPanel-theme-primary>.jsPanel-hdr .jsPanel-hdr-toolbar{border-top:1px solid #5c6bc0}.jsPanel-theme-primary>.jsPanel-content{border-top:1px solid #5c6bc0}.jsPanel-theme-primary>.jsPanel-content.jsPanel-content-filled{background-color:#3f51b5;border-top:1px solid #5c6bc0;color:#fff}.jsPanel-theme-primary>.jsPanel-content.jsPanel-content-filledlight{background-color:#c5cae9;color:#000}.jsPanel-theme-info{background-color:#03a9f4;border-color:#03a9f4}.jsPanel-theme-info>.jsPanel-hdr *{color:#fff}.jsPanel-theme-info>.jsPanel-hdr .jsPanel-hdr-toolbar{border-top:1px solid #29b6f6}.jsPanel-theme-info>.jsPanel-content{border-top:1px solid #29b6f6}.jsPanel-theme-info>.jsPanel-content.jsPanel-content-filled{background-color:#03a9f4;border-top:1px solid #29b6f6;color:#fff}.jsPanel-theme-info>.jsPanel-content.jsPanel-content-filledlight{background-color:#b3e5fc;color:#000}.jsPanel-theme-success{background-color:#43a047;border-color:#43a047}.jsPanel-theme-success>.jsPanel-hdr *{color:#fff}.jsPanel-theme-success>.jsPanel-hdr .jsPanel-hdr-toolbar{border-top:1px solid #66bb6a}.jsPanel-theme-success>.jsPanel-content.jsPanel-content-filled{background-color:#43a047;border-top:1px solid #66bb6a;color:#fff}.jsPanel-theme-success>.jsPanel-content.jsPanel-content-filledlight{background-color:#c8e6c9;color:#000}.jsPanel-theme-warning{background-color:#fb8c00;border-color:#fb8c00}.jsPanel-theme-warning>.jsPanel-hdr *{color:#000}.jsPanel-theme-warning>.jsPanel-hdr .jsPanel-hdr-toolbar{border-top:1px solid #ffb74d}.jsPanel-theme-warning>.jsPanel-content.jsPanel-content-filled{background-color:#fb8c00;border-top:1px solid #ffb74d;color:#000}.jsPanel-theme-warning>.jsPanel-content.jsPanel-content-filledlight{background-color:#ffe0b2;color:#000}.jsPanel-theme-danger{background-color:#f4511e;border-color:#f4511e}.jsPanel-theme-danger>.jsPanel-hdr *{color:#fff}.jsPanel-theme-danger>.jsPanel-hdr .jsPanel-hdr-toolbar{border-top:1px solid #ff7043}.jsPanel-theme-danger>.jsPanel-content.jsPanel-content-filled{background-color:#f4511e;border-top:1px solid #ff7043;color:#fff}.jsPanel-theme-danger>.jsPanel-content.jsPanel-content-filledlight{background-color:#ffccbc;color:#000}.jsPanel-theme-myblue{background-color:#1565c0;border-color:#1565c0}.jsPanel-theme-myblue>.jsPanel-hdr *{color:#ff0}.jsPanel-theme-myblue>.jsPanel-hdr .jsPanel-hdr-toolbar{border-top:1px solid #ff0}.jsPanel-theme-myblue>.jsPanel-content{background-color:#eceff1;border-top:1px solid #ff0;color:#000}.jsPanel-theme-myblue>.jsPanel-content.jsPanel-content-filled{background-color:#42a5f5;border-top:1px solid #ff0;color:#ff0}.jsPanel-theme-myblue>.jsPanel-content.jsPanel-content-filledlight{background-color:#bbdefb;border-top:1px solid #ff0;color:#e65100}.jsPanel-content.jsPanel-content-noheader{border-top-left-radius:3px;border-top-right-radius:3px;border:none !important}.jsPanel-content.jsPanel-content-nofooter{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
--------------------------------------------------------------------------------
/source/jquery.jspanel.sass:
--------------------------------------------------------------------------------
1 | @charset "UTF-8"
2 | /* jspanel.sass: 2018-09-12 08:35 */
3 | // http://stackoverflow.com/questions/30421570/sass-unicode-escape-is-not-preserved-in-css-file
4 | @function unicode($str)
5 | @return unquote("\"")+unquote(str-insert($str, "\\", 1))+unquote("\"")
6 |
7 | @import 'themes_mdl_styles'
8 | @import 'jsglyph'
9 | // themes are imported at the bottom of the file
10 |
11 | =basic-mixin
12 | border: 0
13 | box-sizing: border-box
14 | vertical-align: baseline
15 | font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
16 | font-weight: normal
17 |
18 | =flex-mixin
19 | display: -webkit-box
20 | display: -ms-flexbox
21 | display: flex
22 |
23 | =footer-mixin
24 | -webkit-box-orient: horizontal
25 | -webkit-box-direction: normal
26 | -ms-flex-direction: row
27 | flex-direction: row
28 | -webkit-box-pack: end
29 | -ms-flex-pack: end
30 | justify-content: flex-end
31 | -ms-flex-wrap: nowrap
32 | flex-wrap: nowrap
33 | -webkit-box-align: center
34 | -ms-flex-align: center
35 | -ms-grid-row-align: center
36 | align-items: center
37 |
38 | =header-mixin
39 | box-sizing: border-box
40 | +flex-mixin
41 | -webkit-box-orient: horizontal
42 | -webkit-box-direction: normal
43 | -ms-flex-direction: row
44 | flex-direction: row
45 | -ms-flex-wrap: nowrap
46 | flex-wrap: nowrap
47 | -webkit-box-align: center
48 | -ms-flex-align: center
49 | -ms-grid-row-align: center
50 | align-items: center
51 |
52 | =connector-mixin-1
53 | width: 0
54 | height: 0
55 | border: 12px solid transparent
56 | position: absolute
57 |
58 | =connector-mixin-2
59 | position: absolute
60 | width: 12px
61 | height: 12px
62 | border: none
63 | border-radius: 50%
64 |
65 |
66 | .jsPanel
67 | +basic-mixin
68 | box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
69 | opacity: 0
70 | overflow: visible
71 | position: absolute
72 | border-radius: 3px
73 | z-index: 100
74 |
75 | .jsPanel-hdr
76 | +basic-mixin
77 | border-top-left-radius: 3px
78 | border-top-right-radius: 3px
79 | font-size: 18px
80 | display: -webkit-box
81 | display: -ms-flexbox
82 | display: flex
83 | -webkit-box-orient: vertical
84 | -webkit-box-direction: normal
85 | -ms-flex-direction: column
86 | flex-direction: column
87 | overflow: hidden
88 |
89 | .jsPanel-content
90 | +basic-mixin
91 | background: #ffffff
92 | color: #000000
93 | font-size: 12px
94 | position: relative
95 | overflow: hidden
96 |
97 | pre
98 | color: inherit /* this is just to override the bootstrap setting */
99 |
100 | .jsPanel-ftr
101 | +footer-mixin
102 | border-bottom-left-radius: 3px
103 | border-bottom-right-radius: 3px
104 | border-top: 1px solid #e0e0e0
105 | cursor: move
106 | display: none
107 | box-sizing: border-box
108 | font-size: 12px
109 | height: auto
110 | background: #f5f5f5
111 | font-weight: normal
112 | color: black
113 | overflow: hidden
114 |
115 | .jsPanel-ftr.active
116 | +flex-mixin
117 |
118 | > *
119 | margin: 8px
120 |
121 | .jsPanel-ftr.panel-footer
122 | padding: 0
123 |
124 | .jsPanel-headerbar, .jsPanel-hdr-toolbar
125 | font-size: 18px
126 |
127 | .jsPanel-headerbar
128 | +header-mixin
129 | min-height: 38px
130 |
131 | .jsPanel-headerlogo
132 | cursor: move
133 |
134 | img
135 | vertical-align: middle
136 | max-height: 38px
137 |
138 |
139 | .jsPanel-titlebar
140 | -webkit-box-flex: 1
141 | -ms-flex: 1 1 0px
142 | flex: 1 1 0px
143 | cursor: move
144 | min-height: 32px
145 | overflow: hidden
146 |
147 | h3
148 | color: #000000
149 | font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
150 | white-space: nowrap
151 | overflow: hidden
152 | text-overflow: ellipsis
153 | font-size: 16px
154 | font-variant: small-caps
155 | font-weight: normal
156 | margin: 10px 5px 10px 8px
157 |
158 | small
159 | font-size: 75%
160 | color: inherit
161 |
162 | .jsPanel-titlebar.jsPanel-rtl
163 | h3
164 | -webkit-box-flex: 1
165 | -ms-flex: 1 0 auto
166 | flex: 1 0 auto
167 |
168 | .jsPanel-controlbar
169 | +flex-mixin
170 | -webkit-box-align: center
171 | -ms-flex-align: center
172 | -ms-grid-row-align: center
173 | align-items: center
174 |
175 | div
176 | span:hover
177 | opacity: .6
178 |
179 | .jsPanel-btn
180 | padding: 0 3px
181 | cursor: pointer
182 |
183 | span
184 | vertical-align: middle
185 |
186 | .jsPanel-btn-normalize
187 | display: none
188 |
189 | .jsPanel-btn-smallifyrev
190 | display: none
191 |
192 | .jsPanel-hdr-toolbar
193 | display: none
194 | width: auto
195 | height: auto
196 | font-size: 16px
197 |
198 | .jsPanel-hdr-toolbar.active
199 | +header-mixin
200 |
201 | > *
202 | margin: 6px 8px
203 |
204 |
205 |
206 | /* styles for panels using option.rtl */
207 | .jsPanel-headerbar.jsPanel-rtl, .jsPanel-controlbar.jsPanel-rtl, .jsPanel-hdr-toolbar.jsPanel-rtl
208 | -webkit-box-orient: horizontal
209 | -webkit-box-direction: reverse
210 | -ms-flex-direction: row-reverse
211 | flex-direction: row-reverse
212 |
213 | .jsPanel-hdr-toolbar.active.jsPanel-rtl
214 | padding: 7px 0 10px 0
215 |
216 | .jsPanel-ftr.jsPanel-rtl
217 | -webkit-box-orient: horizontal
218 | -webkit-box-direction: normal
219 | -ms-flex-direction: row
220 | flex-direction: row
221 |
222 |
223 |
224 | /* css for tooltip connectors */
225 | .jsPanel-connector
226 | pointer-events: none
227 | /* naming of connectors reflects position of tooltip and not pos of connector */
228 | .jsPanel-connector-top
229 | +connector-mixin-1
230 | border-top-width: 10px
231 | left: calc(50% - 12px)
232 | bottom: -22px
233 |
234 | .jsPanel-connector-topleft
235 | +connector-mixin-1
236 | border-top-width: 10px
237 | left: 2px
238 | bottom: -22px
239 |
240 | .jsPanel-connector-topright
241 | +connector-mixin-1
242 | border-top-width: 10px
243 | left: calc(100% - 26px)
244 | bottom: -22px
245 |
246 | .jsPanel-connector-right
247 | +connector-mixin-1
248 | border-right-width: 10px
249 | left: -22px
250 | top: calc(50% - 12px)
251 |
252 | .jsPanel-connector-righttop
253 | +connector-mixin-1
254 | border-right-width: 10px
255 | left: -22px
256 | top: 2px
257 |
258 | .jsPanel-connector-rightbottom
259 | +connector-mixin-1
260 | border-right-width: 10px
261 | left: -22px
262 | top: calc(100% - 26px)
263 |
264 | .jsPanel-connector-bottom
265 | +connector-mixin-1
266 | border-bottom-width: 10px
267 | left: calc(50% - 12px)
268 | top: -22px
269 |
270 | .jsPanel-connector-bottomleft
271 | +connector-mixin-1
272 | border-bottom-width: 10px
273 | left: 2px
274 | top: -22px
275 |
276 | .jsPanel-connector-bottomright
277 | +connector-mixin-1
278 | border-bottom-width: 10px
279 | left: calc(100% - 26px)
280 | top: -22px
281 |
282 | .jsPanel-connector-left
283 | +connector-mixin-1
284 | border-left-width: 10px
285 | left: 100%
286 | top: calc(50% - 12px)
287 |
288 | .jsPanel-connector-lefttop
289 | +connector-mixin-1
290 | border-left-width: 10px
291 | left: 100%
292 | top: 2px
293 |
294 | .jsPanel-connector-leftbottom
295 | +connector-mixin-1
296 | border-left-width: 10px
297 | left: 100%
298 | top: calc(100% - 26px)
299 |
300 | /* naming of connectors reflects position of tooltip and not pos of connector */
301 | .jsPanel-connector-lefttopcorner
302 | +connector-mixin-2
303 | left: calc(100% - 6px)
304 | top: calc(100% - 6px)
305 |
306 | .jsPanel-connector-righttopcorner
307 | +connector-mixin-2
308 | left: -6px
309 | top: calc(100% - 6px)
310 |
311 | .jsPanel-connector-rightbottomcorner
312 | +connector-mixin-2
313 | left: -6px
314 | top: -6px
315 |
316 | .jsPanel-connector-leftbottomcorner
317 | +connector-mixin-2
318 | left: calc(100% - 6px)
319 | top: -6px
320 |
321 |
322 |
323 | /* container that takes the minified jsPanels */
324 | #jsPanel-replacement-container, .jsPanel-minimized-box
325 | +flex-mixin
326 | -ms-flex-flow: row wrap-reverse
327 | flex-flow: row wrap-reverse
328 | background: transparent none repeat scroll 0 0
329 | bottom: 0
330 | height: auto
331 | left: 0
332 | position: fixed
333 | width: auto
334 | z-index: 9998
335 |
336 | .jsPanel-replacement
337 | width: 200px
338 | height: 40px
339 | margin: 1px 1px 0 0
340 | z-index: 9999
341 |
342 | .jsPanel-hdr
343 | padding: 0
344 |
345 | .jsPanel-headerlogo
346 | cursor: move
347 | max-width: 50%
348 | overflow: hidden
349 |
350 | img
351 | max-width: 100px
352 | max-height: 38px
353 |
354 | .jsPanel-titlebar
355 | -webkit-box-flex: 1
356 | -ms-flex: 1 1 60%
357 | flex: 1 1 0
358 | cursor: default
359 |
360 | .jsPanel-btn.jsPanel-btn-normalize
361 | display: block
362 |
363 | .jsPanel-minimized-box
364 | position: absolute
365 | width: auto
366 |
367 |
368 |
369 | /* css for the modal backdrop ------------------------------- */
370 | .jsPanel-modal
371 | .jsPanel-hdr, .jsPanel-ftr
372 | cursor: default
373 |
374 | /* css for the hints --------------------------------------- */
375 | .jsPanel-hint
376 | .jsPanel-hdr, .jsPanel-ftr
377 | cursor: default
378 |
379 | /* css for the tooltips --------------------------------------- */
380 | .jsPanel-tooltip
381 | overflow: visible
382 |
383 | .jsPanel-hdr, .jsPanel-ftr
384 | cursor: default
385 |
386 |
387 |
388 | /* helper classes to make .jsPanel-content a flex box */
389 | .flexOne
390 | display: -webkit-box
391 | display: -ms-flexbox
392 | display: flex
393 | -ms-flex-flow: row wrap
394 | flex-flow: row wrap
395 |
396 |
397 | /* css for resizeit handles ------------------------- */
398 | .jsPanel-resizeit-handle
399 | display: block
400 | font-size: 0.1px
401 | position: absolute
402 |
403 | .jsPanel-resizeit-handle.jsPanel-resizeit-n
404 | cursor: n-resize
405 | height: 10px
406 | left: 0
407 | top: -5px
408 | width: 100%
409 |
410 | .jsPanel-resizeit-handle.jsPanel-resizeit-e
411 | cursor: e-resize
412 | height: 100%
413 | right: -5px
414 | top: 0
415 | width: 10px
416 |
417 | .jsPanel-resizeit-handle.jsPanel-resizeit-s
418 | bottom: -5px
419 | cursor: s-resize
420 | height: 10px
421 | left: 0
422 | width: 100%
423 |
424 | .jsPanel-resizeit-handle.jsPanel-resizeit-w
425 | cursor: w-resize
426 | height: 100%
427 | left: -5px
428 | top: 0
429 | width: 10px
430 |
431 | .jsPanel-resizeit-handle.jsPanel-resizeit-ne
432 | cursor: ne-resize
433 | height: 12px
434 | right: -6px
435 | top: -6px
436 | width: 12px
437 |
438 | .jsPanel-resizeit-handle.jsPanel-resizeit-se
439 | bottom: 1px
440 | cursor: se-resize
441 | height: 12px
442 | right: 1px
443 | width: 12px
444 |
445 | .jsPanel-resizeit-handle.jsPanel-resizeit-sw
446 | bottom: -6px
447 | cursor: sw-resize
448 | height: 12px
449 | left: -6px
450 | width: 12px
451 |
452 | .jsPanel-resizeit-handle.jsPanel-resizeit-nw
453 | cursor: nw-resize
454 | height: 12px
455 | left: -6px
456 | top: -6px
457 | width: 12px
458 |
459 |
460 |
461 |
462 | /* bootstrap adjustments */
463 | .jsPanel.panel-default, .jsPanel.panel-primary, .jsPanel.panel-info, .jsPanel.panel-success, .jsPanel.panel-warning, .jsPanel.panel-danger, .jsPanel.card.card-inverse
464 | box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4)
465 |
466 | .jsPanel.panel
467 | margin: 0
468 |
469 | .jsPanel-hdr.panel-heading
470 | border-bottom: none
471 | padding: 0
472 |
473 | //.jsPanel-hdr.panel-heading
474 | // .jsPanel-headerbar
475 | // .jsPanel-controlbar
476 | // div:hover
477 | // /*does not work in IE/EDGE*/
478 | // -webkit-filter: invert(100%)
479 | // filter: invert(100%)
480 |
481 | .jsPanel-title.panel-title .small, .jsPanel-title.panel-title small
482 | font-size: 75%
483 |
484 |
485 | /* bootstrap 4 adjustments */
486 | .jsPanel.card.card-inverse
487 | box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4)
488 |
489 | .card-default
490 | background: #f5f5f5
491 |
492 | .card-primary > .jsPanel-content.jsPanel-content-filled,
493 | .card-success > .jsPanel-content.jsPanel-content-filled,
494 | .card-info > .jsPanel-content.jsPanel-content-filled,
495 | .card-warning > .jsPanel-content.jsPanel-content-filled,
496 | .card-danger > .jsPanel-content.jsPanel-content-filled
497 | background: transparent
498 | color: #f5f5f5
499 |
500 | .card-default > .jsPanel-content.jsPanel-content-filled
501 | background: transparent
502 | color: #000000
503 |
504 |
505 |
506 | /* css3 animations */
507 | @keyframes jsPanelFadeIn
508 | from
509 | opacity: 0
510 | to
511 | opacity: 1
512 |
513 | .jsPanelFadeIn
514 | opacity: 0 /* make things invisible upon start */
515 | animation: jsPanelFadeIn ease-in 1
516 | animation-fill-mode: forwards
517 | animation-duration: 600ms
518 |
519 | @keyframes modalBackdropFadeIn
520 | from
521 | opacity: 0
522 | to
523 | opacity: 0.65
524 |
525 | .jsPanel-modal-backdrop
526 | animation: modalBackdropFadeIn ease-in 1
527 | animation-fill-mode: forwards
528 | animation-duration: 750ms
529 | background: rgb(0,0,0)
530 | position: fixed
531 | top: 0
532 | left: 0
533 | width: 100%
534 | height: 100%
535 |
536 | @keyframes modalBackdropFadeOut
537 | from
538 | opacity: 0.65
539 | to
540 | opacity: 0
541 |
542 | .jsPanel-modal-backdrop-out
543 | animation: modalBackdropFadeOut ease-in 1
544 | animation-fill-mode: forwards
545 | animation-duration: 400ms
546 |
547 | .jsPanel-modal-backdrop-multi
548 | background: rgba(0,0,0,0.15)
549 |
550 | @import "themes"
551 |
552 |
553 | // these styles need to be after the themes
554 | .jsPanel-content.jsPanel-content-noheader
555 | border-top-left-radius: 3px
556 | border-top-right-radius: 3px
557 | border: none !important
558 |
559 | .jsPanel-content.jsPanel-content-nofooter
560 | border-bottom-left-radius: 3px
561 | border-bottom-right-radius: 3px
562 |
563 |
--------------------------------------------------------------------------------
/template/bootstrap3.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | jsPanel - a jQuery Plugin
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
36 |
37 |
--------------------------------------------------------------------------------
/template/bootstrap4.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | jsPanel - a jQuery Plugin
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
36 |
37 |
--------------------------------------------------------------------------------
/template/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | jsPanel - a jQuery Plugin
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
32 |
33 |
--------------------------------------------------------------------------------
/template/index.ui.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | jsPanel - a jQuery Plugin
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/vendor/jquery-migrate-3.0.0.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery Migrate v3.0.0 | (c) jQuery Foundation and other contributors | jquery.org/license */
2 | "undefined"==typeof jQuery.migrateMute&&(jQuery.migrateMute=!0),function(a,b){"use strict";function c(c){var d=b.console;e[c]||(e[c]=!0,a.migrateWarnings.push(c),d&&d.warn&&!a.migrateMute&&(d.warn("JQMIGRATE: "+c),a.migrateTrace&&d.trace&&d.trace()))}function d(a,b,d,e){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return c(e),d}})}a.migrateVersion="3.0.0",function(){var c=b.console&&b.console.log&&function(){b.console.log.apply(b.console,arguments)},d=/^[12]\./;c&&(a&&!d.test(a.fn.jquery)||c("JQMIGRATE: jQuery 3.0.0+ REQUIRED"),a.migrateWarnings&&c("JQMIGRATE: Migrate plugin loaded multiple times"),c("JQMIGRATE: Migrate is installed"+(a.migrateMute?"":" with logging active")+", version "+a.migrateVersion))}();var e={};a.migrateWarnings=[],void 0===a.migrateTrace&&(a.migrateTrace=!0),a.migrateReset=function(){e={},a.migrateWarnings.length=0},"BackCompat"===document.compatMode&&c("jQuery is not compatible with Quirks Mode");var f=a.fn.init,g=a.isNumeric,h=a.find,i=/\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/,j=/\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/g;a.fn.init=function(a){var b=Array.prototype.slice.call(arguments);return"string"==typeof a&&"#"===a&&(c("jQuery( '#' ) is not a valid selector"),b[0]=[]),f.apply(this,b)},a.fn.init.prototype=a.fn,a.find=function(a){var b=Array.prototype.slice.call(arguments);if("string"==typeof a&&i.test(a))try{document.querySelector(a)}catch(d){a=a.replace(j,function(a,b,c,d){return"["+b+c+'"'+d+'"]'});try{document.querySelector(a),c("Attribute selector with '#' must be quoted: "+b[0]),b[0]=a}catch(e){c("Attribute selector with '#' was not fixed: "+b[0])}}return h.apply(this,b)};var k;for(k in h)Object.prototype.hasOwnProperty.call(h,k)&&(a.find[k]=h[k]);a.fn.size=function(){return c("jQuery.fn.size() is deprecated; use the .length property"),this.length},a.parseJSON=function(){return c("jQuery.parseJSON is deprecated; use JSON.parse"),JSON.parse.apply(null,arguments)},a.isNumeric=function(b){function d(b){var c=b&&b.toString();return!a.isArray(b)&&c-parseFloat(c)+1>=0}var e=g(b),f=d(b);return e!==f&&c("jQuery.isNumeric() should not be called on constructed objects"),f},d(a,"unique",a.uniqueSort,"jQuery.unique is deprecated, use jQuery.uniqueSort"),d(a.expr,"filters",a.expr.pseudos,"jQuery.expr.filters is now jQuery.expr.pseudos"),d(a.expr,":",a.expr.pseudos,'jQuery.expr[":"] is now jQuery.expr.pseudos');var l=a.ajax;a.ajax=function(){var a=l.apply(this,arguments);return a.promise&&(d(a,"success",a.done,"jQXHR.success is deprecated and removed"),d(a,"error",a.fail,"jQXHR.error is deprecated and removed"),d(a,"complete",a.always,"jQXHR.complete is deprecated and removed")),a};var m=a.fn.removeAttr,n=a.fn.toggleClass,o=/\S+/g;a.fn.removeAttr=function(b){var d=this;return a.each(b.match(o),function(b,e){a.expr.match.bool.test(e)&&(c("jQuery.fn.removeAttr no longer sets boolean properties: "+e),d.prop(e,!1))}),m.apply(this,arguments)},a.fn.toggleClass=function(b){return void 0!==b&&"boolean"!=typeof b?n.apply(this,arguments):(c("jQuery.fn.toggleClass( boolean ) is deprecated"),this.each(function(){var c=this.getAttribute&&this.getAttribute("class")||"";c&&a.data(this,"__className__",c),this.setAttribute&&this.setAttribute("class",c||b===!1?"":a.data(this,"__className__")||"")}))};var p=!1;a.swap&&a.each(["height","width","reliableMarginRight"],function(b,c){var d=a.cssHooks[c]&&a.cssHooks[c].get;d&&(a.cssHooks[c].get=function(){var a;return p=!0,a=d.apply(this,arguments),p=!1,a})}),a.swap=function(a,b,d,e){var f,g,h={};p||c("jQuery.swap() is undocumented and deprecated");for(g in b)h[g]=a.style[g],a.style[g]=b[g];f=d.apply(a,e||[]);for(g in b)a.style[g]=h[g];return f};var q=a.data;a.data=function(b,d,e){var f;return d&&d!==a.camelCase(d)&&(f=a.hasData(b)&&q.call(this,b),f&&d in f)?(c("jQuery.data() always sets/gets camelCased names: "+d),arguments.length>2&&(f[d]=e),f[d]):q.apply(this,arguments)};var r=a.Tween.prototype.run;a.Tween.prototype.run=function(b){a.easing[this.easing].length>1&&(c('easing function "jQuery.easing.'+this.easing.toString()+'" should use only first argument'),a.easing[this.easing]=a.easing[this.easing].bind(a.easing,b,this.options.duration*b,0,1,this.options.duration)),r.apply(this,arguments)};var s=a.fn.load,t=a.event.fix;a.event.props=[],a.event.fixHooks={},a.event.fix=function(b){var d,e=b.type,f=this.fixHooks[e],g=a.event.props;if(g.length)for(c("jQuery.event.props are deprecated and removed: "+g.join());g.length;)a.event.addProp(g.pop());if(f&&!f._migrated_&&(f._migrated_=!0,c("jQuery.event.fixHooks are deprecated and removed: "+e),(g=f.props)&&g.length))for(;g.length;)a.event.addProp(g.pop());return d=t.call(this,b),f&&f.filter?f.filter(d,b):d},a.each(["load","unload","error"],function(b,d){a.fn[d]=function(){var a=Array.prototype.slice.call(arguments,0);return"load"===d&&"string"==typeof a[0]?s.apply(this,a):(c("jQuery.fn."+d+"() is deprecated"),a.splice(0,0,d),arguments.length?this.on.apply(this,a):(this.triggerHandler.apply(this,a),this))}}),a(function(){a(document).triggerHandler("ready")}),a.event.special.ready={setup:function(){this===document&&c("'ready' event is deprecated")}},a.fn.extend({bind:function(a,b,d){return c("jQuery.fn.bind() is deprecated"),this.on(a,null,b,d)},unbind:function(a,b){return c("jQuery.fn.unbind() is deprecated"),this.off(a,null,b)},delegate:function(a,b,d,e){return c("jQuery.fn.delegate() is deprecated"),this.on(b,a,d,e)},undelegate:function(a,b,d){return c("jQuery.fn.undelegate() is deprecated"),1===arguments.length?this.off(a,"**"):this.off(b,a||"**",d)}});var u=a.fn.offset;a.fn.offset=function(){var b,d=this[0],e={top:0,left:0};return d&&d.nodeType?(b=(d.ownerDocument||document).documentElement,a.contains(b,d)?u.apply(this,arguments):(c("jQuery.fn.offset() requires an element connected to a document"),e)):(c("jQuery.fn.offset() requires a valid DOM element"),e)};var v=a.param;a.param=function(b,d){var e=a.ajaxSettings&&a.ajaxSettings.traditional;return void 0===d&&e&&(c("jQuery.param() no longer uses jQuery.ajaxSettings.traditional"),d=e),v.call(this,b,d)};var w=a.fn.andSelf||a.fn.addBack;a.fn.andSelf=function(){return c("jQuery.fn.andSelf() replaced by jQuery.fn.addBack()"),w.apply(this,arguments)};var x=a.Deferred,y=[["resolve","done",a.Callbacks("once memory"),a.Callbacks("once memory"),"resolved"],["reject","fail",a.Callbacks("once memory"),a.Callbacks("once memory"),"rejected"],["notify","progress",a.Callbacks("memory"),a.Callbacks("memory")]];a.Deferred=function(b){var d=x(),e=d.promise();return d.pipe=e.pipe=function(){var b=arguments;return c("deferred.pipe() is deprecated"),a.Deferred(function(c){a.each(y,function(f,g){var h=a.isFunction(b[f])&&b[f];d[g[1]](function(){var b=h&&h.apply(this,arguments);b&&a.isFunction(b.promise)?b.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[g[0]+"With"](this===e?c.promise():this,h?[b]:arguments)})}),b=null}).promise()},b&&b.call(d,d),d}}(jQuery,window);
--------------------------------------------------------------------------------
/vendor/jquery-ui-1.12.1.complete/AUTHORS.txt:
--------------------------------------------------------------------------------
1 | Authors ordered by first contribution
2 | A list of current team members is available at http://jqueryui.com/about
3 |
4 | Paul Bakaus
5 | Richard Worth
6 | Yehuda Katz
7 | Sean Catchpole
8 | John Resig
9 | Tane Piper
10 | Dmitri Gaskin
11 | Klaus Hartl
12 | Stefan Petre
13 | Gilles van den Hoven
14 | Micheil Bryan Smith
15 | Jörn Zaefferer
16 | Marc Grabanski
17 | Keith Wood
18 | Brandon Aaron
19 | Scott González
20 | Eduardo Lundgren
21 | Aaron Eisenberger
22 | Joan Piedra
23 | Bruno Basto
24 | Remy Sharp
25 | Bohdan Ganicky
26 | David Bolter
27 | Chi Cheng
28 | Ca-Phun Ung
29 | Ariel Flesler
30 | Maggie Wachs
31 | Scott Jehl
32 | Todd Parker
33 | Andrew Powell
34 | Brant Burnett
35 | Douglas Neiner
36 | Paul Irish
37 | Ralph Whitbeck
38 | Thibault Duplessis
39 | Dominique Vincent
40 | Jack Hsu
41 | Adam Sontag
42 | Carl Fürstenberg
43 | Kevin Dalman
44 | Alberto Fernández Capel
45 | Jacek Jędrzejewski (http://jacek.jedrzejewski.name)
46 | Ting Kuei
47 | Samuel Cormier-Iijima
48 | Jon Palmer
49 | Ben Hollis
50 | Justin MacCarthy
51 | Eyal Kobrigo
52 | Tiago Freire
53 | Diego Tres
54 | Holger Rüprich
55 | Ziling Zhao
56 | Mike Alsup
57 | Robson Braga Araujo
58 | Pierre-Henri Ausseil
59 | Christopher McCulloh
60 | Andrew Newcomb
61 | Lim Chee Aun
62 | Jorge Barreiro
63 | Daniel Steigerwald
64 | John Firebaugh
65 | John Enters
66 | Andrey Kapitcyn
67 | Dmitry Petrov
68 | Eric Hynds
69 | Chairat Sunthornwiphat
70 | Josh Varner
71 | Stéphane Raimbault
72 | Jay Merrifield
73 | J. Ryan Stinnett
74 | Peter Heiberg
75 | Alex Dovenmuehle
76 | Jamie Gegerson
77 | Raymond Schwartz
78 | Phillip Barnes
79 | Kyle Wilkinson
80 | Khaled AlHourani
81 | Marian Rudzynski
82 | Jean-Francois Remy
83 | Doug Blood
84 | Filippo Cavallarin
85 | Heiko Henning
86 | Aliaksandr Rahalevich
87 | Mario Visic
88 | Xavi Ramirez
89 | Max Schnur
90 | Saji Nediyanchath
91 | Corey Frang
92 | Aaron Peterson
93 | Ivan Peters
94 | Mohamed Cherif Bouchelaghem
95 | Marcos Sousa
96 | Michael DellaNoce
97 | George Marshall
98 | Tobias Brunner
99 | Martin Solli
100 | David Petersen
101 | Dan Heberden
102 | William Kevin Manire
103 | Gilmore Davidson
104 | Michael Wu
105 | Adam Parod
106 | Guillaume Gautreau
107 | Marcel Toele
108 | Dan Streetman
109 | Matt Hoskins
110 | Giovanni Giacobbi
111 | Kyle Florence
112 | Pavol Hluchý
113 | Hans Hillen
114 | Mark Johnson
115 | Trey Hunner
116 | Shane Whittet
117 | Edward A Faulkner
118 | Adam Baratz
119 | Kato Kazuyoshi
120 | Eike Send
121 | Kris Borchers
122 | Eddie Monge
123 | Israel Tsadok
124 | Carson McDonald
125 | Jason Davies
126 | Garrison Locke
127 | David Murdoch
128 | Benjamin Scott Boyle
129 | Jesse Baird
130 | Jonathan Vingiano
131 | Dylan Just
132 | Hiroshi Tomita
133 | Glenn Goodrich
134 | Tarafder Ashek-E-Elahi
135 | Ryan Neufeld
136 | Marc Neuwirth
137 | Philip Graham
138 | Benjamin Sterling
139 | Wesley Walser
140 | Kouhei Sutou
141 | Karl Kirch
142 | Chris Kelly
143 | Jason Oster
144 | Felix Nagel
145 | Alexander Polomoshnov
146 | David Leal
147 | Igor Milla
148 | Dave Methvin
149 | Florian Gutmann
150 | Marwan Al Jubeh
151 | Milan Broum
152 | Sebastian Sauer
153 | Gaëtan Muller
154 | Michel Weimerskirch
155 | William Griffiths
156 | Stojce Slavkovski
157 | David Soms
158 | David De Sloovere
159 | Michael P. Jung
160 | Shannon Pekary
161 | Dan Wellman
162 | Matthew Edward Hutton
163 | James Khoury
164 | Rob Loach
165 | Alberto Monteiro
166 | Alex Rhea
167 | Krzysztof Rosiński
168 | Ryan Olton
169 | Genie <386@mail.com>
170 | Rick Waldron
171 | Ian Simpson
172 | Lev Kitsis
173 | TJ VanToll
174 | Justin Domnitz
175 | Douglas Cerna
176 | Bert ter Heide
177 | Jasvir Nagra
178 | Yuriy Khabarov <13real008@gmail.com>
179 | Harri Kilpiö
180 | Lado Lomidze
181 | Amir E. Aharoni
182 | Simon Sattes
183 | Jo Liss
184 | Guntupalli Karunakar
185 | Shahyar Ghobadpour
186 | Lukasz Lipinski
187 | Timo Tijhof
188 | Jason Moon
189 | Martin Frost
190 | Eneko Illarramendi
191 | EungJun Yi
192 | Courtland Allen
193 | Viktar Varvanovich
194 | Danny Trunk
195 | Pavel Stetina
196 | Michael Stay
197 | Steven Roussey
198 | Michael Hollis
199 | Lee Rowlands
200 | Timmy Willison
201 | Karl Swedberg
202 | Baoju Yuan
203 | Maciej Mroziński
204 | Luis Dalmolin
205 | Mark Aaron Shirley
206 | Martin Hoch
207 | Jiayi Yang
208 | Philipp Benjamin Köppchen
209 | Sindre Sorhus
210 | Bernhard Sirlinger
211 | Jared A. Scheel
212 | Rafael Xavier de Souza
213 | John Chen
214 | Robert Beuligmann
215 | Dale Kocian
216 | Mike Sherov
217 | Andrew Couch
218 | Marc-Andre Lafortune
219 | Nate Eagle
220 | David Souther
221 | Mathias Stenbom
222 | Sergey Kartashov
223 | Avinash R
224 | Ethan Romba
225 | Cory Gackenheimer
226 | Juan Pablo Kaniefsky
227 | Roman Salnikov
228 | Anika Henke
229 | Samuel Bovée
230 | Fabrício Matté
231 | Viktor Kojouharov
232 | Pawel Maruszczyk (http://hrabstwo.net)
233 | Pavel Selitskas
234 | Bjørn Johansen
235 | Matthieu Penant
236 | Dominic Barnes
237 | David Sullivan
238 | Thomas Jaggi
239 | Vahid Sohrabloo
240 | Travis Carden
241 | Bruno M. Custódio
242 | Nathanael Silverman
243 | Christian Wenz
244 | Steve Urmston
245 | Zaven Muradyan
246 | Woody Gilk
247 | Zbigniew Motyka
248 | Suhail Alkowaileet
249 | Toshi MARUYAMA
250 | David Hansen
251 | Brian Grinstead
252 | Christian Klammer
253 | Steven Luscher
254 | Gan Eng Chin
255 | Gabriel Schulhof
256 | Alexander Schmitz
257 | Vilhjálmur Skúlason
258 | Siebrand Mazeland
259 | Mohsen Ekhtiari
260 | Pere Orga