fomantic-ui 2.8.8-beta.99 → 2.9.0-beta.100
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.all-contributorsrc +188 -3
- package/.github/dependabot.yml +17 -0
- package/.github/workflows/ci.yml +1 -1
- package/CHANGELOG.md +139 -0
- package/CONTRIBUTING.md +1 -1
- package/CONTRIBUTORS.md +71 -37
- package/README.md +3 -3
- package/dist/components/accordion.css +50 -6
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +2 -2
- package/dist/components/accordion.min.js +3 -3
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +26 -24
- package/dist/components/api.min.js +4 -4
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +81 -81
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +110 -11
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +4 -4
- package/dist/components/card.css +26 -19
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +6 -4
- package/dist/components/checkbox.js +17 -11
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +4 -4
- package/dist/components/comment.css +11 -11
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +3 -4
- package/dist/components/container.min.css +2 -2
- package/dist/components/dimmer.css +28 -14
- package/dist/components/dimmer.js +15 -12
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +4 -4
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +54 -7
- package/dist/components/dropdown.js +107 -77
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +4 -4
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +1 -1
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +3 -3
- package/dist/components/emoji.css +2 -2
- package/dist/components/feed.css +28 -28
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +731 -625
- package/dist/components/flag.min.css +2 -2
- package/dist/components/form.css +119 -54
- package/dist/components/form.js +51 -70
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +4 -4
- package/dist/components/grid.css +13 -11
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +3 -3
- package/dist/components/header.min.css +2 -2
- package/dist/components/icon.css +86 -5
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +17 -2
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +13 -13
- package/dist/components/item.min.css +1 -1
- package/dist/components/label.css +1 -1
- package/dist/components/label.min.css +1 -1
- package/dist/components/list.css +1 -1
- package/dist/components/list.min.css +1 -1
- package/dist/components/loader.css +39 -37
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +37 -11
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +78 -34
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +7 -5
- package/dist/components/modal.js +237 -41
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +4 -4
- package/dist/components/nag.css +168 -16
- package/dist/components/nag.js +131 -65
- package/dist/components/nag.min.css +2 -2
- package/dist/components/nag.min.js +4 -4
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +5 -3
- package/dist/components/popup.js +5 -5
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +4 -4
- package/dist/components/progress.css +2 -1
- package/dist/components/progress.js +3 -3
- package/dist/components/progress.min.css +2 -2
- package/dist/components/progress.min.js +4 -4
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +8 -62
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +2 -2
- package/dist/components/rating.min.js +3 -3
- package/dist/components/reset.css +2 -3
- package/dist/components/reset.min.css +2 -2
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +1 -1
- package/dist/components/search.js +15 -13
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +4 -4
- package/dist/components/segment.css +36 -6
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +3 -3
- package/dist/components/sidebar.css +4 -2
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +3 -3
- package/dist/components/site.css +61 -39
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +2 -2
- package/dist/components/site.min.js +3 -3
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.min.js +3 -3
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +3 -3
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +4 -4
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -2
- package/dist/components/sticky.js +2 -2
- package/dist/components/sticky.min.css +2 -2
- package/dist/components/sticky.min.js +4 -4
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +3 -3
- package/dist/components/table.css +5 -3
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +123 -10
- package/dist/components/toast.js +54 -27
- package/dist/components/toast.min.css +2 -2
- package/dist/components/toast.min.js +4 -4
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +2 -2
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +4 -4
- package/dist/components/visibility.js +2 -2
- package/dist/components/visibility.min.js +3 -3
- package/dist/semantic.css +2004 -1124
- package/dist/semantic.js +789 -377
- package/dist/semantic.min.css +4 -397
- package/dist/semantic.min.js +4 -4
- package/examples/assets/library/iframe-content.js +8 -8
- package/examples/assets/library/iframe.js +3 -3
- package/package.json +5 -5
- package/scripts/nightly-version.js +23 -8
- package/src/definitions/behaviors/api.js +25 -23
- package/src/definitions/behaviors/form.js +50 -69
- package/src/definitions/behaviors/visibility.js +1 -1
- package/src/definitions/collections/form.less +200 -142
- package/src/definitions/collections/grid.less +717 -681
- package/src/definitions/collections/menu.less +177 -128
- package/src/definitions/collections/message.less +77 -44
- package/src/definitions/collections/table.less +255 -242
- package/src/definitions/elements/button.less +360 -347
- package/src/definitions/elements/container.less +16 -8
- package/src/definitions/elements/emoji.less +15 -9
- package/src/definitions/elements/flag.less +7 -17
- package/src/definitions/elements/header.less +44 -37
- package/src/definitions/elements/icon.less +121 -43
- package/src/definitions/elements/input.less +23 -7
- package/src/definitions/elements/label.less +92 -91
- package/src/definitions/elements/list.less +55 -45
- package/src/definitions/elements/loader.less +38 -35
- package/src/definitions/elements/segment.less +51 -23
- package/src/definitions/elements/step.less +52 -48
- package/src/definitions/elements/text.less +17 -15
- package/src/definitions/globals/site.less +23 -2
- package/src/definitions/modules/accordion.less +55 -5
- package/src/definitions/modules/calendar.js +109 -10
- package/src/definitions/modules/checkbox.js +16 -10
- package/src/definitions/modules/checkbox.less +44 -186
- package/src/definitions/modules/dimmer.js +14 -11
- package/src/definitions/modules/dimmer.less +21 -8
- package/src/definitions/modules/dropdown.js +106 -76
- package/src/definitions/modules/dropdown.less +148 -89
- package/src/definitions/modules/modal.js +236 -40
- package/src/definitions/modules/modal.less +6 -4
- package/src/definitions/modules/nag.js +130 -64
- package/src/definitions/modules/nag.less +105 -40
- package/src/definitions/modules/popup.js +4 -4
- package/src/definitions/modules/popup.less +5 -1
- package/src/definitions/modules/progress.js +2 -2
- package/src/definitions/modules/progress.less +20 -18
- package/src/definitions/modules/rating.less +50 -42
- package/src/definitions/modules/search.js +14 -12
- package/src/definitions/modules/search.less +32 -16
- package/src/definitions/modules/sidebar.less +33 -19
- package/src/definitions/modules/slider.less +43 -42
- package/src/definitions/modules/sticky.js +1 -1
- package/src/definitions/modules/toast.js +53 -26
- package/src/definitions/modules/toast.less +139 -25
- package/src/definitions/modules/transition.js +1 -1
- package/src/definitions/views/card.less +402 -361
- package/src/definitions/views/comment.less +92 -81
- package/src/definitions/views/feed.less +164 -144
- package/src/definitions/views/item.less +249 -196
- package/src/definitions/views/statistic.less +90 -88
- package/src/themes/default/collections/grid.variables +8 -8
- package/src/themes/default/collections/menu.variables +6 -0
- package/src/themes/default/collections/table.variables +1 -1
- package/src/themes/default/elements/button.variables +2 -1
- package/src/themes/default/elements/flag.overrides +1635 -986
- package/src/themes/default/elements/flag.variables +7 -5
- package/src/themes/default/elements/header.variables +2 -2
- package/src/themes/default/elements/icon.overrides +35 -28
- package/src/themes/default/elements/icon.variables +4 -0
- package/src/themes/default/elements/list.variables +1 -1
- package/src/themes/default/elements/step.overrides +1 -1
- package/src/themes/default/globals/colors.less +7 -7
- package/src/themes/default/globals/site.variables +19 -9
- package/src/themes/default/globals/variation.variables +119 -6
- package/src/themes/default/modules/accordion.variables +15 -0
- package/src/themes/default/modules/checkbox.variables +16 -16
- package/src/themes/default/modules/dimmer.variables +1 -1
- package/src/themes/default/modules/dropdown.variables +12 -5
- package/src/themes/default/modules/modal.variables +2 -2
- package/src/themes/default/modules/nag.variables +3 -1
- package/src/themes/default/modules/toast.variables +5 -1
- package/src/themes/default/views/card.variables +1 -1
- package/src/themes/famfamfam/elements/flag.overrides +1026 -0
- package/src/themes/famfamfam/elements/flag.variables +13 -0
- package/tasks/admin/components/init.js +2 -2
- package/tasks/admin/distributions/init.js +2 -2
- package/tasks/build/css.js +6 -1
- package/tasks/config/project/release.js +2 -2
- package/tasks/config/tasks.js +13 -9
- package/test/helpers/sinon.js +1 -1
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI - Modal
|
2
|
+
* # Fomantic-UI 2.9.0-beta.100 - Modal
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
7
7
|
* http://opensource.org/licenses/MIT
|
8
8
|
*
|
9
|
-
*/.ui.modal{position:absolute;display:none;z-index:1001;text-align:left;background:#fff;border:none;-webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.dimmer:first-child+:not(.icon),.ui.modal>.dimmer:first-child+i.icon+*,.ui.modal>:first-child:not(.icon):not(.dimmer),.ui.modal>i.icon:first-child+*{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.modal>.ui.dimmer{border-radius:inherit}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25rem;height:2.25rem;padding:.625rem 0 0 0}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;margin:0;padding:1.25rem 1.5rem;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(34,36,38,.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:700}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#fff}.ui.modal>.image.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.modal>.content>.image{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:'';-ms-flex-item-align:start;align-self:start;max-width:100%}.ui.modal>[class*="top aligned"]{-ms-flex-item-align:start;align-self:start}.ui.modal>[class*="middle aligned"]{-ms-flex-item-align:center;align-self:center}.ui.modal>[class*=stretched]{-ms-flex-item-align:stretch;align-self:stretch}.ui.modal>.content>.description{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:0;-ms-flex-item-align:start;align-self:start}.ui.modal>.content>.image+.description,.ui.modal>.content>i.icon+.description{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:'';width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#f9fafb;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,.15);text-align:right}.ui.modal .actions>.button:not(.fluid){margin-left:.75em}.ui.basic.modal>.actions{border-top:none}.ui.modal>.center.aligned,.ui.modal>.centered{text-align:center}.ui.modal>.center.aligned.actions>.button:not(.fluid),.ui.modal>.centered.actions>.button:not(.fluid){margin-left:.5em;margin-right:.5em}@media only screen and (max-width:767.98px){.ui.modal:not(.fullscreen){width:95%;margin:0}}@media only screen and (min-width:768px){.ui.modal:not(.fullscreen){width:88%;margin:0}}@media only screen and (min-width:992px){.ui.modal:not(.fullscreen){width:850px;margin:0}}@media only screen and (min-width:1200px){.ui.modal:not(.fullscreen){width:900px;margin:0}}@media only screen and (min-width:1920px){.ui.modal:not(.fullscreen){width:950px;margin:0}}@media only screen and (max-width:991.98px){.ui.modal>.close+.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}}@media only screen and (max-width:767.98px){.ui.modal>.header{padding:.75rem 1rem}.ui.modal>.close+.header{padding-right:2.25rem}.ui.overlay.fullscreen.modal>.content.content.content{min-height:calc(100vh - 8.1rem)}.ui.overlay.fullscreen.modal>.scrolling.content.content.content{max-height:calc(100vh - 8.1rem)}.ui.modal>.content{display:block;padding:1rem!important}.ui.modal>.close{top:.5rem!important;right:.5rem!important}.ui.modal .image.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.modal>.content>.image{display:block;max-width:100%;margin:0 auto!important;text-align:center;padding:0 0 1rem!important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal>.content>.description{display:block;width:100%!important;margin:0!important;padding:1rem 0!important;-webkit-box-shadow:none;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0!important}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{-webkit-box-shadow:1px 3px 10px 2px rgba(0,0,0,.2);box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header{background-color:transparent}.ui.basic.modal>.header{color:#fff;border-bottom:none}.ui.basic.modal>.close{top:1rem;right:1.5rem;color:#fff}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,.85)}.ui.legacy.legacy.modal,.ui.legacy.legacy.page.dimmer>.ui.modal{left:50%!important}.ui.legacy.legacy.modal:not(.aligned),.ui.legacy.legacy.page.dimmer>.ui.modal:not(.aligned){top:50%}.ui.legacy.legacy.page.dimmer>.ui.scrolling.modal:not(.aligned),.ui.page.dimmer>.ui.scrolling.legacy.legacy.modal:not(.aligned),.ui.top.aligned.dimmer>.ui.legacy.legacy.modal:not(.aligned),.ui.top.aligned.legacy.legacy.page.dimmer>.ui.modal:not(.aligned){top:auto}.ui.legacy.overlay.fullscreen.modal{margin-top:-2rem!important}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer .ui.top.aligned.modal{top:5vh}.modals.dimmer .ui.bottom.aligned.modal{bottom:5vh}@media only screen and (max-width:767.98px){.modals.dimmer .ui.top.aligned.modal{top:1rem}.modals.dimmer .ui.bottom.aligned.modal{bottom:1rem}}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:fixed}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-webkit-overflow-scrolling:touch}.modals.dimmer .ui.scrolling.modal:not(.fullscreen){margin:2rem auto}.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after{content:'\00A0';position:absolute;height:2rem}.scrolling.undetached.dimmable.dimmed{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen){position:absolute;left:50%}.ui.modal>.scrolling.content{max-height:calc(80vh - 10rem);overflow:auto}.ui.overlay.fullscreen.modal>.content{min-height:calc(100vh - 9.1rem)}.ui.overlay.fullscreen.modal>.scrolling.content{max-height:calc(100vh - 9.1rem)}.ui.fullscreen.modal{width:95%;left:2.5%;margin:1em auto}.ui.overlay.fullscreen.modal{width:100%;left:0;margin:0 auto;top:0;border-radius:0}.ui.fullscreen.modal>.close+.header,.ui.modal>.close.inside+.header{padding-right:2.25rem}.ui.fullscreen.modal>.close,.ui.modal>.close.inside{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}.ui.basic.fullscreen.modal>.close{color:#fff}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.mini.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.mini.modal{width:35.2%;margin:0}}@media only screen and (min-width:992px){.ui.mini.modal{width:340px;margin:0}}@media only screen and (min-width:1200px){.ui.mini.modal{width:360px;margin:0}}@media only screen and (min-width:1920px){.ui.mini.modal{width:380px;margin:0}}.ui.tiny.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.tiny.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.tiny.modal{width:52.8%;margin:0}}@media only screen and (min-width:992px){.ui.tiny.modal{width:510px;margin:0}}@media only screen and (min-width:1200px){.ui.tiny.modal{width:540px;margin:0}}@media only screen and (min-width:1920px){.ui.tiny.modal{width:570px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.small.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.small.modal{width:70.4%;margin:0}}@media only screen and (min-width:992px){.ui.small.modal{width:680px;margin:0}}@media only screen and (min-width:1200px){.ui.small.modal{width:720px;margin:0}}@media only screen and (min-width:1920px){.ui.small.modal{width:760px;margin:0}}.ui.large.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.large.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.large.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.large.modal{width:1020px;margin:0}}@media only screen and (min-width:1200px){.ui.large.modal{width:1080px;margin:0}}@media only screen and (min-width:1920px){.ui.large.modal{width:1140px;margin:0}}.ui.big.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.big.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.big.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.big.modal{width:1190px;margin:0}}@media only screen and (min-width:1200px){.ui.big.modal{width:1260px;margin:0}}@media only screen and (min-width:1920px){.ui.big.modal{width:1330px;margin:0}}.ui.huge.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.huge.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.huge.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.huge.modal{width:1360px;margin:0}}@media only screen and (min-width:1200px){.ui.huge.modal{width:1440px;margin:0}}@media only screen and (min-width:1920px){.ui.huge.modal{width:1520px;margin:0}}.ui.massive.modal>.header:not(.ui){font-size:1.8em}@media only screen and (max-width:767.98px){.ui.massive.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.massive.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.massive.modal{width:1530px;margin:0}}@media only screen and (min-width:1200px){.ui.massive.modal{width:1620px;margin:0}}@media only screen and (min-width:1920px){.ui.massive.modal{width:1710px;margin:0}}.ui.inverted.modal{background:rgba(0,0,0,.9)}.ui.inverted.modal>.content,.ui.inverted.modal>.header{background:rgba(0,0,0,.9);color:#fff}.ui.inverted.modal>.actions{background:#191a1b;border-top:1px solid rgba(34,36,38,.85);color:#fff}.ui.inverted.dimmer>.modal>.close{color:rgba(0,0,0,.85)}@media only screen and (max-width:991.98px){.ui.dimmer .inverted.modal>.close{color:#fff}}.ui.inverted.fullscreen.modal>.close,.ui.inverted.modal>.close.inside{color:#fff}
|
9
|
+
*/.ui.modal{position:absolute;display:none;z-index:1001;text-align:left;background:#fff;border:none;-webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.dimmer:first-child+:not(.close),.ui.modal>.dimmer:first-child+i.icon+*,.ui.modal>:first-child:not(.close):not(.dimmer),.ui.modal>i.icon:first-child+*{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.modal>.ui.dimmer{border-radius:inherit}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25rem;height:2.25rem;padding:.625rem 0 0 0}.ui.modal>.close:focus,.ui.modal>.close:hover{opacity:1;outline:0}.ui.modal>.header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;margin:0;padding:1.25rem 1.5rem;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(34,36,38,.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:700}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#fff}.ui.modal>.image.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.modal>.content>.image{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:'';-ms-flex-item-align:start;align-self:start;max-width:100%}.ui.modal>[class*="top aligned"]{-ms-flex-item-align:start;align-self:start}.ui.modal>[class*="middle aligned"]{-ms-flex-item-align:center;align-self:center}.ui.modal>[class*=stretched]{-ms-flex-item-align:stretch;align-self:stretch}.ui.modal>.content>.description{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:0;-ms-flex-item-align:start;align-self:start}.ui.modal>.content>.image+.description,.ui.modal>.content>i.icon+.description{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:'';width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#f9fafb;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,.15);text-align:right}.ui.modal .actions>.button:not(.fluid){margin-left:.75em}.ui.basic.modal>.actions{border-top:none}.ui.modal>.center.aligned,.ui.modal>.centered{text-align:center}.ui.modal>.center.aligned.actions>.button:not(.fluid),.ui.modal>.centered.actions>.button:not(.fluid){margin-left:.5em;margin-right:.5em}@media only screen and (max-width:767.98px){.ui.modal:not(.fullscreen){width:95%;margin:0}}@media only screen and (min-width:768px){.ui.modal:not(.fullscreen){width:88%;margin:0}}@media only screen and (min-width:992px){.ui.modal:not(.fullscreen){width:850px;margin:0}}@media only screen and (min-width:1200px){.ui.modal:not(.fullscreen){width:900px;margin:0}}@media only screen and (min-width:1920px){.ui.modal:not(.fullscreen){width:950px;margin:0}}@media only screen and (max-width:991.98px){.ui.modal>.close+.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}}@media only screen and (max-width:767.98px){.ui.modal>.header{padding:.75rem 1rem}.ui.modal>.close+.header{padding-right:2.25rem}.ui.overlay.fullscreen.modal>.content.content.content{min-height:calc(100vh - 8.1rem)}.ui.overlay.fullscreen.modal>.scrolling.content.content.content{max-height:calc(100vh - 8.1rem)}.ui.modal>.content{display:block;padding:1rem!important}.ui.modal>.close{top:.5rem!important;right:.5rem!important}.ui.modal .image.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.modal>.content>.image{display:block;max-width:100%;margin:0 auto!important;text-align:center;padding:0 0 1rem!important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal>.content>.description{display:block;width:100%!important;margin:0!important;padding:1rem 0!important;-webkit-box-shadow:none;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0!important}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{-webkit-box-shadow:1px 3px 10px 2px rgba(0,0,0,.2);box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header{background-color:transparent}.ui.basic.modal>.header{color:#fff;border-bottom:none}.ui.basic.modal>.close{top:1rem;right:1.5rem;color:#fff}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,.85)}.ui.legacy.legacy.modal,.ui.legacy.legacy.page.dimmer>.ui.modal{left:50%!important}.ui.legacy.legacy.modal:not(.aligned),.ui.legacy.legacy.page.dimmer>.ui.modal:not(.aligned){top:50%}.ui.legacy.legacy.page.dimmer>.ui.scrolling.modal:not(.aligned),.ui.page.dimmer>.ui.scrolling.legacy.legacy.modal:not(.aligned),.ui.top.aligned.dimmer>.ui.legacy.legacy.modal:not(.aligned),.ui.top.aligned.legacy.legacy.page.dimmer>.ui.modal:not(.aligned){top:auto}.ui.legacy.overlay.fullscreen.modal{margin-top:-2rem!important}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer .ui.top.aligned.modal{top:5vh}.modals.dimmer .ui.bottom.aligned.modal{bottom:5vh}@media only screen and (max-width:767.98px){.modals.dimmer .ui.top.aligned.modal{top:1rem}.modals.dimmer .ui.bottom.aligned.modal{bottom:1rem}}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:fixed}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-webkit-overflow-scrolling:touch}.modals.dimmer .ui.scrolling.modal:not(.fullscreen){margin:2rem auto}.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after{content:'\00A0';position:absolute;height:2rem}.scrolling.undetached.dimmable.dimmed{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen){position:absolute;left:50%}.ui.modal>.scrolling.content{max-height:calc(80vh - 10rem);overflow:auto}.ui.overlay.fullscreen.modal>.content{min-height:calc(100vh - 9.1rem)}.ui.overlay.fullscreen.modal>.scrolling.content{max-height:calc(100vh - 9.1rem)}.ui.fullscreen.modal{width:95%;left:2.5%;margin:1em auto}.ui.overlay.fullscreen.modal{width:100%;left:0;margin:0 auto;top:0;border-radius:0}.ui.fullscreen.modal>.close+.header:not(.centered):not(.center):not(.icon),.ui.modal>.close.inside+.header:not(.centered):not(.center):not(.icon){padding-right:2.25rem}.ui.fullscreen.modal>.close,.ui.modal>.close.inside{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}.ui.basic.fullscreen.modal>.close{color:#fff}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.mini.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.mini.modal{width:35.2%;margin:0}}@media only screen and (min-width:992px){.ui.mini.modal{width:340px;margin:0}}@media only screen and (min-width:1200px){.ui.mini.modal{width:360px;margin:0}}@media only screen and (min-width:1920px){.ui.mini.modal{width:380px;margin:0}}.ui.tiny.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.tiny.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.tiny.modal{width:52.8%;margin:0}}@media only screen and (min-width:992px){.ui.tiny.modal{width:510px;margin:0}}@media only screen and (min-width:1200px){.ui.tiny.modal{width:540px;margin:0}}@media only screen and (min-width:1920px){.ui.tiny.modal{width:570px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767.98px){.ui.small.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.small.modal{width:70.4%;margin:0}}@media only screen and (min-width:992px){.ui.small.modal{width:680px;margin:0}}@media only screen and (min-width:1200px){.ui.small.modal{width:720px;margin:0}}@media only screen and (min-width:1920px){.ui.small.modal{width:760px;margin:0}}.ui.large.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.large.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.large.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.large.modal{width:1020px;margin:0}}@media only screen and (min-width:1200px){.ui.large.modal{width:1080px;margin:0}}@media only screen and (min-width:1920px){.ui.large.modal{width:1140px;margin:0}}.ui.big.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.big.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.big.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.big.modal{width:1190px;margin:0}}@media only screen and (min-width:1200px){.ui.big.modal{width:1260px;margin:0}}@media only screen and (min-width:1920px){.ui.big.modal{width:1330px;margin:0}}.ui.huge.modal>.header:not(.ui){font-size:1.6em}@media only screen and (max-width:767.98px){.ui.huge.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.huge.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.huge.modal{width:1360px;margin:0}}@media only screen and (min-width:1200px){.ui.huge.modal{width:1440px;margin:0}}@media only screen and (min-width:1920px){.ui.huge.modal{width:1520px;margin:0}}.ui.massive.modal>.header:not(.ui){font-size:1.8em}@media only screen and (max-width:767.98px){.ui.massive.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.massive.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.massive.modal{width:1530px;margin:0}}@media only screen and (min-width:1200px){.ui.massive.modal{width:1620px;margin:0}}@media only screen and (min-width:1920px){.ui.massive.modal{width:1710px;margin:0}}.ui.inverted.modal{background:rgba(0,0,0,.9)}.ui.inverted.modal>.content,.ui.inverted.modal>.header{background:rgba(0,0,0,.9);color:#fff}.ui.inverted.modal>.actions{background:#191a1b;border-top:1px solid rgba(34,36,38,.85);color:#fff}.ui.inverted.dimmer>.modal>.close{color:rgba(0,0,0,.85)}@media only screen and (max-width:991.98px){.ui.dimmer .inverted.modal>.close{color:#fff}}.ui.inverted.fullscreen.modal>.close,.ui.inverted.modal>.close.inside{color:#fff}
|
@@ -1,11 +1,11 @@
|
|
1
|
-
|
2
|
-
* # Fomantic UI - 2.
|
1
|
+
/*
|
2
|
+
* # Fomantic UI - 2.9.0-beta.100
|
3
3
|
* https://github.com/fomantic/Fomantic-UI
|
4
4
|
* http://fomantic-ui.com/
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2021 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
10
10
|
*/
|
11
|
-
!function(R,N,P,W){"use strict";R.isFunction=R.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},N=void 0!==N&&N.Math==Math?N:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),R.fn.modal=function(T){var H,e=R(this),A=R(N),D=R(P),E=R("body"),O=e.selector||"",L=(new Date).getTime(),z=[],j=T,q="string"==typeof j,I=[].slice.call(arguments,1),B=N.requestAnimationFrame||N.mozRequestAnimationFrame||N.webkitRequestAnimationFrame||N.msRequestAnimationFrame||function(e){setTimeout(e,0)};return e.each(function(){var o,s,e,t,n,a,r,i,c,l,d,u=R.isPlainObject(T)?R.extend(!0,{},R.fn.modal.settings,T):R.extend({},R.fn.modal.settings),f=u.selector,m=u.className,h=u.namespace,g=u.fields,v=u.error,b="."+h,p="module-"+h,y=R(this),C=R(u.context),w=y.find(f.close),x=this,S=y.hasClass("modal")?y.data(p):W,k=!1,F="",M="";d={initialize:function(){if(y.hasClass("modal")||(d.create.modal(),R.isFunction(u.onHidden)||(u.onHidden=function(){d.destroy(),y.remove()})),y.addClass(u.class),""!==u.title&&y.find(f.title).html(d.helpers.escape(u.title,u.preserveHTML)).addClass(u.classTitle),""!==u.content&&y.find(f.content).html(d.helpers.escape(u.content,u.preserveHTML)).addClass(u.classContent),d.has.configActions()){var s=y.find(f.actions).addClass(u.classActions);u.actions.forEach(function(e){var i=e[g.icon]?'<i class="'+d.helpers.deQuote(e[g.icon])+' icon"></i>':"",n=d.helpers.escape(e[g.text]||"",u.preserveHTML),t=d.helpers.deQuote(e[g.class]||""),o=e[g.click]&&R.isFunction(e[g.click])?e[g.click]:function(){};s.append(R("<button/>",{html:i+n,class:m.button+" "+t,click:function(){!1!==o.call(x,y)&&d.hide()}}))})}d.cache={},d.verbose("Initializing dimmer",C),d.create.id(),d.create.dimmer(),u.allowMultiple&&d.create.innerDimmer(),u.centered||y.addClass("top aligned"),d.refreshModals(),d.bind.events(),u.observeChanges&&d.observeChanges(),d.instantiate()},instantiate:function(){d.verbose("Storing instance of modal"),S=d,y.data(p,S)},create:{modal:function(){y=R("<div/>",{class:"ui modal"}),u.closeIcon&&(w=R("<i/>",{class:m.close}),y.append(w)),""!==u.title&&R("<div/>",{class:"header"}).appendTo(y),""!==u.content&&R("<div/>",{class:"content"}).appendTo(y),d.has.configActions()&&R("<div/>",{class:"actions"}).appendTo(y),C.append(y)},dimmer:function(){var e={debug:u.debug,dimmerName:"modals"},i=R.extend(!0,e,u.dimmerSettings);R.fn.dimmer!==W?(d.debug("Creating dimmer"),t=C.dimmer(i),u.detachable?(d.verbose("Modal is detachable, moving content into dimmer"),t.dimmer("add content",y)):d.set.undetached(),n=t.dimmer("get dimmer")):d.error(v.dimmer)},id:function(){c=(Math.random().toString(16)+"000000000").substr(2,8),i="."+c,d.verbose("Creating unique id for element",c)},innerDimmer:function(){0==y.find(f.dimmer).length&&y.prepend('<div class="ui inverted dimmer"></div>')}},destroy:function(){l&&l.disconnect(),d.verbose("Destroying previous modal"),y.removeData(p).off(b),A.off(i),n.off(i),w.off(b),C.dimmer("destroy")},observeChanges:function(){"MutationObserver"in N&&((l=new MutationObserver(function(e){d.debug("DOM tree modified, refreshing"),d.refresh()})).observe(x,{childList:!0,subtree:!0}),d.debug("Setting up mutation observer",l))},refresh:function(){d.remove.scrolling(),d.cacheSizes(),d.can.useFlex()||d.set.modalOffset(),d.set.screenHeight(),d.set.type()},refreshModals:function(){s=y.siblings(f.modal),o=s.add(y)},attachEvents:function(e,i){var n=R(e);i=R.isFunction(d[i])?d[i]:d.toggle,0<n.length?(d.debug("Attaching modal events to element",e,i),n.off(b).on("click"+b,i)):d.error(v.notFound,e)},bind:{events:function(){d.verbose("Attaching events"),y.on("click"+b,f.close,d.event.close).on("click"+b,f.approve,d.event.approve).on("click"+b,f.deny,d.event.deny),A.on("resize"+i,d.event.resize)},scrollLock:function(){t.get(0).addEventListener("touchmove",d.event.preventScroll,{passive:!1})}},unbind:{scrollLock:function(){t.get(0).removeEventListener("touchmove",d.event.preventScroll,{passive:!1})}},get:{id:function(){return(Math.random().toString(16)+"000000000").substr(2,8)}},event:{approve:function(){k||!1===u.onApprove.call(x,R(this))?d.verbose("Approve callback returned false cancelling hide"):(k=!0,d.hide(function(){k=!1}))},preventScroll:function(e){-1!==e.target.className.indexOf("dimmer")&&e.preventDefault()},deny:function(){k||!1===u.onDeny.call(x,R(this))?d.verbose("Deny callback returned false cancelling hide"):(k=!0,d.hide(function(){k=!1}))},close:function(){d.hide()},mousedown:function(e){var i=R(e.target),n=d.is.rtl();(a=0<i.closest(f.modal).length)&&d.verbose("Mouse down event registered inside the modal"),(r=d.is.scrolling()&&(!n&&R(N).outerWidth()-u.scrollbarWidth<=e.clientX||n&&u.scrollbarWidth>=e.clientX))&&d.verbose("Mouse down event registered inside the scrollbar")},mouseup:function(e){if(u.closable)if(a)d.debug("Dimmer clicked but mouse down was initially registered inside the modal");else if(r)d.debug("Dimmer clicked but mouse down was initially registered inside the scrollbar");else{var i=0<R(e.target).closest(f.modal).length,n=R.contains(P.documentElement,e.target);if(!i&&n&&d.is.active()&&y.hasClass(m.front)){if(d.debug("Dimmer clicked, hiding all modals"),u.allowMultiple){if(!d.hideAll())return}else if(!d.hide())return;d.remove.clickaway()}}else d.verbose("Dimmer clicked but closable setting is disabled")},debounce:function(e,i){clearTimeout(d.timer),d.timer=setTimeout(e,i)},keyboard:function(e){27==e.which&&(u.closable?(d.debug("Escape key pressed hiding modal"),y.hasClass(m.front)&&d.hide()):d.debug("Escape key pressed, but closable is set to false"),e.preventDefault())},resize:function(){t.dimmer("is active")&&(d.is.animating()||d.is.active())&&B(d.refresh)}},toggle:function(){d.is.active()||d.is.animating()?d.hide():d.show()},show:function(e){e=R.isFunction(e)?e:function(){},d.refreshModals(),d.set.dimmerSettings(),d.set.dimmerStyles(),d.showModal(e)},hide:function(e){return e=R.isFunction(e)?e:function(){},d.refreshModals(),d.hideModal(e)},showModal:function(e){e=R.isFunction(e)?e:function(){},d.is.animating()||!d.is.active()?(d.showDimmer(),d.cacheSizes(),d.set.bodyMargin(),d.can.useFlex()?d.remove.legacy():(d.set.legacy(),d.set.modalOffset(),d.debug("Using non-flex legacy modal positioning.")),d.set.screenHeight(),d.set.type(),d.set.clickaway(),!u.allowMultiple&&d.others.active()?d.hideOthers(d.showModal):(k=!1,u.allowMultiple&&(d.others.active()&&s.filter("."+m.active).find(f.dimmer).addClass("active"),u.detachable&&y.detach().appendTo(n)),u.onShow.call(x),u.transition&&R.fn.transition!==W&&y.transition("is supported")?(d.debug("Showing modal with css animations"),y.transition({debug:u.debug,animation:u.transition+" in",queue:u.queue,duration:u.duration,useFailSafe:!0,onComplete:function(){u.onVisible.apply(x),u.keyboardShortcuts&&d.add.keyboardShortcuts(),d.save.focus(),d.set.active(),u.autofocus&&d.set.autofocus(),e()}})):d.error(v.noTransition))):d.debug("Modal is already visible")},hideModal:function(e,i,n){var t=s.filter("."+m.active).last();if(e=R.isFunction(e)?e:function(){},d.debug("Hiding modal"),!1===u.onHide.call(x,R(this)))return d.verbose("Hide callback returned false cancelling hide"),k=!1;(d.is.animating()||d.is.active())&&(u.transition&&R.fn.transition!==W&&y.transition("is supported")?(d.remove.active(),y.transition({debug:u.debug,animation:u.transition+" out",queue:u.queue,duration:u.duration,useFailSafe:!0,onStart:function(){d.others.active()||d.others.animating()||i||d.hideDimmer(),u.keyboardShortcuts&&!d.others.active()&&d.remove.keyboardShortcuts()},onComplete:function(){d.unbind.scrollLock(),u.allowMultiple&&(t.addClass(m.front),y.removeClass(m.front),n?o.find(f.dimmer).removeClass("active"):t.find(f.dimmer).removeClass("active")),R.isFunction(u.onHidden)&&u.onHidden.call(x),d.remove.dimmerStyles(),d.restore.focus(),e()}})):d.error(v.noTransition))},showDimmer:function(){t.dimmer("is animating")||!t.dimmer("is active")?(d.save.bodyMargin(),d.debug("Showing dimmer"),t.dimmer("show")):d.debug("Dimmer already visible")},hideDimmer:function(){t.dimmer("is animating")||t.dimmer("is active")?(d.unbind.scrollLock(),t.dimmer("hide",function(){d.restore.bodyMargin(),d.remove.clickaway(),d.remove.screenHeight()})):d.debug("Dimmer is not visible cannot hide")},hideAll:function(n){var e=o.filter("."+m.active+", ."+m.animating);if(n=R.isFunction(n)?n:function(){},0<e.length){d.debug("Hiding all visible modals");var t=!0;return R(e.get().reverse()).each(function(e,i){t=t&&R(i).modal("hide modal",n,!1,!0)}),t&&d.hideDimmer(),t}},hideOthers:function(e){var i=s.filter("."+m.active+", ."+m.animating);e=R.isFunction(e)?e:function(){},0<i.length&&(d.debug("Hiding other modals",s),i.modal("hide modal",e,!0))},others:{active:function(){return 0<s.filter("."+m.active).length},animating:function(){return 0<s.filter("."+m.animating).length}},add:{keyboardShortcuts:function(){d.verbose("Adding keyboard shortcuts"),D.on("keyup"+b,d.event.keyboard)}},save:{focus:function(){0<R(P.activeElement).closest(y).length||(e=R(P.activeElement).blur())},bodyMargin:function(){F=E.css("margin-"+(d.can.leftBodyScrollbar()?"left":"right"));var e=parseInt(F.replace(/[^\d.]/g,"")),i=N.innerWidth-P.documentElement.clientWidth;M=e+i}},restore:{focus:function(){e&&0<e.length&&u.restoreFocus&&e.focus()},bodyMargin:function(){var e=d.can.leftBodyScrollbar()?"left":"right";E.css("margin-"+e,F),E.find(f.bodyFixed.replace("right",e)).css("padding-"+e,F)}},remove:{active:function(){y.removeClass(m.active)},legacy:function(){y.removeClass(m.legacy)},clickaway:function(){u.detachable||y.off("mousedown"+i),n.off("mousedown"+i),n.off("mouseup"+i)},dimmerStyles:function(){n.removeClass(m.inverted),t.removeClass(m.blurring)},bodyStyle:function(){""===E.attr("style")&&(d.verbose("Removing style attribute"),E.removeAttr("style"))},screenHeight:function(){d.debug("Removing page height"),E.css("height","")},keyboardShortcuts:function(){d.verbose("Removing keyboard shortcuts"),D.off("keyup"+b)},scrolling:function(){t.removeClass(m.scrolling),y.removeClass(m.scrolling)}},cacheSizes:function(){y.addClass(m.loading);var e=y.prop("scrollHeight"),i=y.outerWidth(),n=y.outerHeight();d.cache.pageHeight!==W&&0===n||(R.extend(d.cache,{pageHeight:R(P).outerHeight(),width:i,height:n+u.offset,scrollHeight:e+u.offset,contextHeight:"body"==u.context?R(N).height():t.height()}),d.cache.topOffset=-d.cache.height/2),y.removeClass(m.loading),d.debug("Caching modal and container sizes",d.cache)},helpers:{deQuote:function(e){return String(e).replace(/"/g,"")},escape:function(e,i){if(i)return e;var n={"<":"<",">":">",'"':""","'":"'","`":"`"};return/[&<>"'`]/.test(e)?(e=e.replace(/&(?![a-z0-9#]{1,6};)/,"&")).replace(/[<>"'`]/g,function(e){return n[e]}):e}},can:{leftBodyScrollbar:function(){return d.cache.leftBodyScrollbar===W&&(d.cache.leftBodyScrollbar=d.is.rtl()&&(d.is.iframe&&!d.is.firefox()||d.is.safari()||d.is.edge()||d.is.ie())),d.cache.leftBodyScrollbar},useFlex:function(){return"auto"===u.useFlex?u.detachable&&!d.is.ie():(u.useFlex&&d.is.ie()?d.debug("useFlex true is not supported in IE"):u.useFlex&&!u.detachable&&d.debug("useFlex true in combination with detachable false is not supported"),u.useFlex)},fit:function(){var e=d.cache.contextHeight,i=d.cache.contextHeight/2,n=d.cache.topOffset,t=d.cache.scrollHeight,o=d.cache.height,s=u.padding;return o<t?i+n+t+s<e:o+2*s<e}},has:{configActions:function(){return Array.isArray(u.actions)&&0<u.actions.length}},is:{active:function(){return y.hasClass(m.active)},ie:function(){if(d.cache.isIE===W){var e=!N.ActiveXObject&&"ActiveXObject"in N,i="ActiveXObject"in N;d.cache.isIE=e||i}return d.cache.isIE},animating:function(){return y.transition("is supported")?y.transition("is animating"):y.is(":visible")},scrolling:function(){return t.hasClass(m.scrolling)},modernBrowser:function(){return!(N.ActiveXObject||"ActiveXObject"in N)},rtl:function(){return d.cache.isRTL===W&&(d.cache.isRTL="rtl"===E.attr("dir")||"rtl"===E.css("direction")),d.cache.isRTL},safari:function(){return d.cache.isSafari===W&&(d.cache.isSafari=/constructor/i.test(N.HTMLElement)||!!N.ApplePaySession),d.cache.isSafari},edge:function(){return d.cache.isEdge===W&&(d.cache.isEdge=!!N.setImmediate&&!d.is.ie()),d.cache.isEdge},firefox:function(){return d.cache.isFirefox===W&&(d.cache.isFirefox=!!N.InstallTrigger),d.cache.isFirefox},iframe:function(){return!(self===top)}},set:{autofocus:function(){var e=y.find("[tabindex], :input").filter(":visible").filter(function(){return 0===R(this).closest(".disabled").length}),i=e.filter("[autofocus]"),n=0<i.length?i.first():e.first();0<n.length&&n.focus()},bodyMargin:function(){var e=d.can.leftBodyScrollbar()?"left":"right";(u.detachable||d.can.fit())&&E.css("margin-"+e,M+"px"),E.find(f.bodyFixed.replace("right",e)).css("padding-"+e,M+"px")},clickaway:function(){u.detachable||y.on("mousedown"+i,d.event.mousedown),n.on("mousedown"+i,d.event.mousedown),n.on("mouseup"+i,d.event.mouseup)},dimmerSettings:function(){if(R.fn.dimmer!==W){var e={debug:u.debug,dimmerName:"modals",closable:"auto",useFlex:d.can.useFlex(),duration:{show:u.duration,hide:u.duration}},i=R.extend(!0,e,u.dimmerSettings);u.inverted&&(i.variation=i.variation!==W?i.variation+" inverted":"inverted"),C.dimmer("setting",i)}else d.error(v.dimmer)},dimmerStyles:function(){u.inverted?n.addClass(m.inverted):n.removeClass(m.inverted),u.blurring?t.addClass(m.blurring):t.removeClass(m.blurring)},modalOffset:function(){if(u.detachable)y.css({marginTop:!y.hasClass("aligned")&&d.can.fit()?-d.cache.height/2:u.padding/2,marginLeft:-d.cache.width/2});else{var e=d.can.fit();y.css({top:!y.hasClass("aligned")&&e?R(P).scrollTop()+(d.cache.contextHeight-d.cache.height)/2:!e||y.hasClass("top")?R(P).scrollTop()+u.padding:R(P).scrollTop()+(d.cache.contextHeight-d.cache.height-u.padding),marginLeft:-d.cache.width/2})}d.verbose("Setting modal offset for legacy mode")},screenHeight:function(){d.can.fit()?E.css("height",""):y.hasClass("bottom")||(d.debug("Modal is taller than page content, resizing page height"),E.css("height",d.cache.height+2*u.padding))},active:function(){y.addClass(m.active+" "+m.front),s.filter("."+m.active).removeClass(m.front)},scrolling:function(){t.addClass(m.scrolling),y.addClass(m.scrolling),d.unbind.scrollLock()},legacy:function(){y.addClass(m.legacy)},type:function(){d.can.fit()?(d.verbose("Modal fits on screen"),d.others.active()||d.others.animating()||(d.remove.scrolling(),d.bind.scrollLock())):y.hasClass("bottom")?d.verbose("Bottom aligned modal not fitting on screen is unsupported for scrolling"):(d.verbose("Modal cannot fit on screen setting to scrolling"),d.set.scrolling())},undetached:function(){t.addClass(m.undetached)}},setting:function(e,i){if(d.debug("Changing setting",e,i),R.isPlainObject(e))R.extend(!0,u,e);else{if(i===W)return u[e];R.isPlainObject(u[e])?R.extend(!0,u[e],i):u[e]=i}},internal:function(e,i){if(R.isPlainObject(e))R.extend(!0,d,e);else{if(i===W)return d[e];d[e]=i}},debug:function(){!u.silent&&u.debug&&(u.performance?d.performance.log(arguments):(d.debug=Function.prototype.bind.call(console.info,console,u.name+":"),d.debug.apply(console,arguments)))},verbose:function(){!u.silent&&u.verbose&&u.debug&&(u.performance?d.performance.log(arguments):(d.verbose=Function.prototype.bind.call(console.info,console,u.name+":"),d.verbose.apply(console,arguments)))},error:function(){u.silent||(d.error=Function.prototype.bind.call(console.error,console,u.name+":"),d.error.apply(console,arguments))},performance:{log:function(e){var i,n;u.performance&&(n=(i=(new Date).getTime())-(L||i),L=i,z.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:x,"Execution Time":n})),clearTimeout(d.performance.timer),d.performance.timer=setTimeout(d.performance.display,500)},display:function(){var e=u.name+":",n=0;L=!1,clearTimeout(d.performance.timer),R.each(z,function(e,i){n+=i["Execution Time"]}),e+=" "+n+"ms",O&&(e+=" '"+O+"'"),(console.group!==W||console.table!==W)&&0<z.length&&(console.groupCollapsed(e),console.table?console.table(z):R.each(z,function(e,i){console.log(i.Name+": "+i["Execution Time"]+"ms")}),console.groupEnd()),z=[]}},invoke:function(t,e,i){var o,s,n,a=S;return e=e||I,i=x||i,"string"==typeof t&&a!==W&&(t=t.split(/[\. ]/),o=t.length-1,R.each(t,function(e,i){var n=e!=o?i+t[e+1].charAt(0).toUpperCase()+t[e+1].slice(1):t;if(R.isPlainObject(a[n])&&e!=o)a=a[n];else{if(a[n]!==W)return s=a[n],!1;if(!R.isPlainObject(a[i])||e==o)return a[i]!==W&&(s=a[i]),!1;a=a[i]}})),R.isFunction(s)?n=s.apply(i,e):s!==W&&(n=s),Array.isArray(H)?H.push(n):H!==W?H=[H,n]:n!==W&&(H=n),s}},q?(S===W&&d.initialize(),d.invoke(j)):(S!==W&&S.invoke("destroy"),d.initialize(),H=y)}),H!==W?H:this},R.fn.modal.settings={name:"Modal",namespace:"modal",useFlex:"auto",offset:0,silent:!1,debug:!1,verbose:!1,performance:!0,observeChanges:!1,allowMultiple:!1,detachable:!0,closable:!0,autofocus:!0,restoreFocus:!0,inverted:!1,blurring:!1,centered:!0,dimmerSettings:{closable:!1,useCSS:!0},keyboardShortcuts:!0,context:"body",queue:!1,duration:500,transition:"scale",padding:50,scrollbarWidth:10,title:"",content:"",class:"",classTitle:"",classContent:"",classActions:"",closeIcon:!1,actions:!1,preserveHTML:!0,fields:{class:"class",text:"text",icon:"icon",click:"click"},onShow:function(){},onVisible:function(){},onHide:function(){return!0},onHidden:!1,onApprove:function(){return!0},onDeny:function(){return!0},selector:{title:"> .header",content:"> .content",actions:"> .actions",close:"> .close",approve:".actions .positive, .actions .approve, .actions .ok",deny:".actions .negative, .actions .deny, .actions .cancel",modal:".ui.modal",dimmer:"> .ui.dimmer",bodyFixed:"> .ui.fixed.menu, > .ui.right.toast-container, > .ui.right.sidebar"},error:{dimmer:"UI Dimmer, a required component is not included in this page",method:"The method you called is not defined.",notFound:"The element you specified could not be found"},className:{active:"active",animating:"animating",blurring:"blurring",inverted:"inverted",legacy:"legacy",loading:"loading",scrolling:"scrolling",undetached:"undetached",front:"front",close:"close icon",button:"ui button"}}}(jQuery,window,document);
|
11
|
+
!function(R,P,K,W){"use strict";R.isFunction=R.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},P=void 0!==P&&P.Math==Math?P:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),R.fn.modal=function(A){var H,e=R(this),D=R(P),O=R(K),E=R("body"),L=e.selector||"",I=(new Date).getTime(),N=[],z=A,j="string"==typeof z,q=[].slice.call(arguments,1),B=P.requestAnimationFrame||P.mozRequestAnimationFrame||P.webkitRequestAnimationFrame||P.msRequestAnimationFrame||function(e){setTimeout(e,0)};return e.each(function(){var n,o,s,e,i,a,c,r,t,l,d,u,f=R.isPlainObject(A)?R.extend(!0,{},R.fn.modal.settings,A):R.extend({},R.fn.modal.settings),m=f.selector,h=f.className,g=f.namespace,p=f.fields,v=f.error,b="."+g,y="module-"+g,x=R(this),k=R(f.context),w=x.find(m.closeIcon),C=this,S=x.hasClass("modal")?x.data(y):W,F=!1,M="",T="";u={initialize:function(){if(u.create.id(),x.hasClass("modal")||(u.create.modal(),R.isFunction(f.onHidden)||(f.onHidden=function(){u.destroy(),x.remove()})),x.addClass(f.class),""!==f.title&&x.find(m.title).html(u.helpers.escape(f.title,f.preserveHTML)).addClass(f.classTitle),""!==f.content&&x.find(m.content).html(u.helpers.escape(f.content,f.preserveHTML)).addClass(f.classContent),u.has.configActions()){var s=x.find(m.actions).addClass(f.classActions);0===s.length?s=R("<div/>",{class:h.actions+" "+(f.classActions||"")}).appendTo(x):s.empty(),f.actions.forEach(function(e){var t=e[p.icon]?"<i "+(e[p.text]?'aria-hidden="true"':"")+' class="'+u.helpers.deQuote(e[p.icon])+' icon"></i>':"",n=u.helpers.escape(e[p.text]||"",f.preserveHTML),i=u.helpers.deQuote(e[p.class]||""),o=e[p.click]&&R.isFunction(e[p.click])?e[p.click]:function(){};s.append(R("<button/>",{html:t+n,"aria-label":R("<div>"+(e[p.text]||e[p.icon]||"")+"</div>").text(),class:h.button+" "+i,click:function(){var e=R(this);e.is(m.approve)||e.is(m.deny)||!1===o.call(C,x)||u.hide()}}))})}u.cache={},u.verbose("Initializing dimmer",k),u.create.dimmer(),f.allowMultiple&&u.create.innerDimmer(),f.centered||x.addClass("top aligned"),u.refreshModals(),u.refreshInputs(),u.bind.events(),u.observeChanges(),u.instantiate(),f.autoShow&&u.show()},instantiate:function(){u.verbose("Storing instance of modal"),S=u,x.data(y,S)},create:{modal:function(){if(x=R("<div/>",{class:h.modal,role:"dialog","aria-modal":!0}),f.closeIcon&&(w=R("<i/>",{class:h.close,role:"button",tabindex:0,"aria-label":f.text.close}),x.append(w)),""!==f.title){var e="_"+u.get.id()+"title";x.attr("aria-labelledby",e),R("<div/>",{class:h.title,id:e}).appendTo(x)}if(""!==f.content){var t="_"+u.get.id()+"desc";x.attr("aria-describedby",t),R("<div/>",{class:h.content,id:t}).appendTo(x)}u.has.configActions()&&R("<div/>",{class:h.actions}).appendTo(x),k.append(x)},dimmer:function(){var e={debug:f.debug,dimmerName:"modals"},t=R.extend(!0,e,f.dimmerSettings);R.fn.dimmer!==W?(u.debug("Creating dimmer"),i=k.dimmer(t),f.detachable?(u.verbose("Modal is detachable, moving content into dimmer"),i.dimmer("add content",x)):u.set.undetached(),a=i.dimmer("get dimmer")):u.error(v.dimmer)},id:function(){l=(Math.random().toString(16)+"000000000").substr(2,8),t="."+l,u.verbose("Creating unique id for element",l)},innerDimmer:function(){0==x.find(m.dimmer).length&&x.prepend('<div class="ui inverted dimmer"></div>')}},destroy:function(){d&&d.disconnect(),u.verbose("Destroying previous modal"),x.removeData(y).off(b),D.off(t),a.off(t),w.off(t),n&&n.off(t),k.dimmer("destroy")},observeChanges:function(){"MutationObserver"in P&&((d=new MutationObserver(function(e){f.observeChanges&&(u.debug("DOM tree modified, refreshing"),u.refresh()),u.refreshInputs()})).observe(C,{childList:!0,subtree:!0}),u.debug("Setting up mutation observer",d))},refresh:function(){u.remove.scrolling(),u.cacheSizes(),u.can.useFlex()||u.set.modalOffset(),u.set.screenHeight(),u.set.type()},refreshModals:function(){s=x.siblings(m.modal),o=s.add(x)},refreshInputs:function(){n&&n.off("keydown"+t),(n=x.find("[tabindex], :input").filter(":visible").filter(function(){return 0===R(this).closest(".disabled").length})).first().on("keydown"+t,u.event.inputKeyDown.first),n.last().on("keydown"+t,u.event.inputKeyDown.last)},attachEvents:function(e,t){var n=R(e);t=R.isFunction(u[t])?u[t]:u.toggle,0<n.length?(u.debug("Attaching modal events to element",e,t),n.off(b).on("click"+b,t)):u.error(v.notFound,e)},bind:{events:function(){u.verbose("Attaching events"),x.on("click"+b,m.close,u.event.close).on("click"+b,m.approve,u.event.approve).on("click"+b,m.deny,u.event.deny),w.on("keyup"+t,u.event.closeKeyUp),D.on("resize"+t,u.event.resize)},scrollLock:function(){i.get(0).addEventListener("touchmove",u.event.preventScroll,{passive:!1})}},unbind:{scrollLock:function(){i.get(0).removeEventListener("touchmove",u.event.preventScroll,{passive:!1})}},get:{id:function(){return l},element:function(){return x},settings:function(){return f}},event:{approve:function(){F||!1===f.onApprove.call(C,R(this))?u.verbose("Approve callback returned false cancelling hide"):(F=!0,u.hide(function(){F=!1}))},preventScroll:function(e){-1!==e.target.className.indexOf("dimmer")&&e.preventDefault()},deny:function(){F||!1===f.onDeny.call(C,R(this))?u.verbose("Deny callback returned false cancelling hide"):(F=!0,u.hide(function(){F=!1}))},close:function(){u.hide()},closeKeyUp:function(e){var t=e.which;t!==f.keys.enter&&t!==f.keys.space||!x.hasClass(h.front)||u.hide()},inputKeyDown:{first:function(e){e.which===f.keys.tab&&e.shiftKey&&(n.last().focus(),e.preventDefault())},last:function(e){e.which!==f.keys.tab||e.shiftKey||(n.first().focus(),e.preventDefault())}},mousedown:function(e){var t=R(e.target),n=u.is.rtl();(c=0<t.closest(m.modal).length)&&u.verbose("Mouse down event registered inside the modal"),(r=u.is.scrolling()&&(!n&&R(P).outerWidth()-f.scrollbarWidth<=e.clientX||n&&f.scrollbarWidth>=e.clientX))&&u.verbose("Mouse down event registered inside the scrollbar")},mouseup:function(e){if(f.closable)if(c)u.debug("Dimmer clicked but mouse down was initially registered inside the modal");else if(r)u.debug("Dimmer clicked but mouse down was initially registered inside the scrollbar");else{var t=0<R(e.target).closest(m.modal).length,n=R.contains(K.documentElement,e.target);if(!t&&n&&u.is.active()&&x.hasClass(h.front)){if(u.debug("Dimmer clicked, hiding all modals"),f.allowMultiple){if(!u.hideAll())return}else if(!u.hide())return;u.remove.clickaway()}}else u.verbose("Dimmer clicked but closable setting is disabled")},debounce:function(e,t){clearTimeout(u.timer),u.timer=setTimeout(e,t)},keyboard:function(e){e.which===f.keys.escape&&(f.closable?(u.debug("Escape key pressed hiding modal"),x.hasClass(h.front)&&u.hide()):u.debug("Escape key pressed, but closable is set to false"),e.preventDefault())},resize:function(){i.dimmer("is active")&&(u.is.animating()||u.is.active())&&B(u.refresh)}},toggle:function(){u.is.active()||u.is.animating()?u.hide():u.show()},show:function(e){e=R.isFunction(e)?e:function(){},u.refreshModals(),u.set.dimmerSettings(),u.set.dimmerStyles(),u.showModal(e)},hide:function(e){return e=R.isFunction(e)?e:function(){},u.refreshModals(),u.hideModal(e)},showModal:function(e){e=R.isFunction(e)?e:function(){},u.is.animating()||!u.is.active()?(u.showDimmer(),u.cacheSizes(),u.set.bodyMargin(),u.can.useFlex()?u.remove.legacy():(u.set.legacy(),u.set.modalOffset(),u.debug("Using non-flex legacy modal positioning.")),u.set.screenHeight(),u.set.type(),u.set.clickaway(),!f.allowMultiple&&u.others.active()?u.hideOthers(u.showModal):(F=!1,f.allowMultiple&&(u.others.active()&&s.filter("."+h.active).find(m.dimmer).addClass("active"),f.detachable&&x.detach().appendTo(a)),f.onShow.call(C),f.transition&&R.fn.transition!==W&&x.transition("is supported")?(u.debug("Showing modal with css animations"),x.transition({debug:f.debug,animation:(f.transition.showMethod||f.transition)+" in",queue:f.queue,duration:f.transition.showDuration||f.duration,useFailSafe:!0,onComplete:function(){f.onVisible.apply(C),f.keyboardShortcuts&&u.add.keyboardShortcuts(),u.save.focus(),u.set.active(),f.autofocus&&u.set.autofocus(),e()}})):u.error(v.noTransition))):u.debug("Modal is already visible")},hideModal:function(e,t,n){var i=s.filter("."+h.active).last();if(e=R.isFunction(e)?e:function(){},u.debug("Hiding modal"),!1===f.onHide.call(C,R(this)))return u.verbose("Hide callback returned false cancelling hide"),F=!1;(u.is.animating()||u.is.active())&&(f.transition&&R.fn.transition!==W&&x.transition("is supported")?(u.remove.active(),x.transition({debug:f.debug,animation:(f.transition.hideMethod||f.transition)+" out",queue:f.queue,duration:f.transition.hideDuration||f.duration,useFailSafe:!0,onStart:function(){u.others.active()||u.others.animating()||t||u.hideDimmer(),f.keyboardShortcuts&&!u.others.active()&&u.remove.keyboardShortcuts()},onComplete:function(){u.unbind.scrollLock(),f.allowMultiple&&(i.addClass(h.front),x.removeClass(h.front),n?o.find(m.dimmer).removeClass("active"):i.find(m.dimmer).removeClass("active")),R.isFunction(f.onHidden)&&f.onHidden.call(C),u.remove.dimmerStyles(),u.restore.focus(),e()}})):u.error(v.noTransition))},showDimmer:function(){i.dimmer("is animating")||!i.dimmer("is active")?(u.save.bodyMargin(),u.debug("Showing dimmer"),i.dimmer("show")):u.debug("Dimmer already visible")},hideDimmer:function(){i.dimmer("is animating")||i.dimmer("is active")?(u.unbind.scrollLock(),i.dimmer("hide",function(){u.restore.bodyMargin(),u.remove.clickaway(),u.remove.screenHeight()})):u.debug("Dimmer is not visible cannot hide")},hideAll:function(n){var e=o.filter("."+h.active+", ."+h.animating);if(n=R.isFunction(n)?n:function(){},0<e.length){u.debug("Hiding all visible modals");var i=!0;return R(e.get().reverse()).each(function(e,t){i=i&&R(t).modal("hide modal",n,!1,!0)}),i&&u.hideDimmer(),i}},hideOthers:function(e){var t=s.filter("."+h.active+", ."+h.animating);e=R.isFunction(e)?e:function(){},0<t.length&&(u.debug("Hiding other modals",s),t.modal("hide modal",e,!0))},others:{active:function(){return 0<s.filter("."+h.active).length},animating:function(){return 0<s.filter("."+h.animating).length}},add:{keyboardShortcuts:function(){u.verbose("Adding keyboard shortcuts"),O.on("keyup"+b,u.event.keyboard)}},save:{focus:function(){0<R(K.activeElement).closest(x).length||(e=R(K.activeElement).blur())},bodyMargin:function(){M=E.css("margin-"+(u.can.leftBodyScrollbar()?"left":"right"));var e=parseInt(M.replace(/[^\d.]/g,"")),t=P.innerWidth-K.documentElement.clientWidth;T=e+t}},restore:{focus:function(){e&&0<e.length&&f.restoreFocus&&e.focus()},bodyMargin:function(){var n=u.can.leftBodyScrollbar()?"left":"right";E.css("margin-"+n,M),E.find(m.bodyFixed.replace("right",n)).each(function(){var e=R(this),t="fixed"===e.css("position")?"padding-"+n:n;e.css(t,"")})}},remove:{active:function(){x.removeClass(h.active)},legacy:function(){x.removeClass(h.legacy)},clickaway:function(){f.detachable||x.off("mousedown"+t),a.off("mousedown"+t),a.off("mouseup"+t)},dimmerStyles:function(){a.removeClass(h.inverted),i.removeClass(h.blurring)},bodyStyle:function(){""===E.attr("style")&&(u.verbose("Removing style attribute"),E.removeAttr("style"))},screenHeight:function(){u.debug("Removing page height"),E.css("height","")},keyboardShortcuts:function(){u.verbose("Removing keyboard shortcuts"),O.off("keyup"+b)},scrolling:function(){i.removeClass(h.scrolling),x.removeClass(h.scrolling)}},cacheSizes:function(){x.addClass(h.loading);var e=x.prop("scrollHeight"),t=x.outerWidth(),n=x.outerHeight();u.cache.pageHeight!==W&&0===n||(R.extend(u.cache,{pageHeight:R(K).outerHeight(),width:t,height:n+f.offset,scrollHeight:e+f.offset,contextHeight:"body"==f.context?R(P).height():i.height()}),u.cache.topOffset=-u.cache.height/2),x.removeClass(h.loading),u.debug("Caching modal and container sizes",u.cache)},helpers:{deQuote:function(e){return String(e).replace(/"/g,"")},escape:function(e,t){if(t)return e;var n={"<":"<",">":">",'"':""","'":"'","`":"`"};return/[&<>"'`]/.test(e)?(e=e.replace(/&(?![a-z0-9#]{1,6};)/,"&")).replace(/[<>"'`]/g,function(e){return n[e]}):e}},can:{leftBodyScrollbar:function(){return u.cache.leftBodyScrollbar===W&&(u.cache.leftBodyScrollbar=u.is.rtl()&&(u.is.iframe&&!u.is.firefox()||u.is.safari()||u.is.edge()||u.is.ie())),u.cache.leftBodyScrollbar},useFlex:function(){return"auto"===f.useFlex?f.detachable&&!u.is.ie():(f.useFlex&&u.is.ie()?u.debug("useFlex true is not supported in IE"):f.useFlex&&!f.detachable&&u.debug("useFlex true in combination with detachable false is not supported"),f.useFlex)},fit:function(){var e=u.cache.contextHeight,t=u.cache.contextHeight/2,n=u.cache.topOffset,i=u.cache.scrollHeight,o=u.cache.height,s=f.padding;return o<i?t+n+i+s<e:o+2*s<e}},has:{configActions:function(){return Array.isArray(f.actions)&&0<f.actions.length}},is:{active:function(){return x.hasClass(h.active)},ie:function(){if(u.cache.isIE===W){var e=!P.ActiveXObject&&"ActiveXObject"in P,t="ActiveXObject"in P;u.cache.isIE=e||t}return u.cache.isIE},animating:function(){return x.transition("is supported")?x.transition("is animating"):x.is(":visible")},scrolling:function(){return i.hasClass(h.scrolling)},modernBrowser:function(){return!(P.ActiveXObject||"ActiveXObject"in P)},rtl:function(){return u.cache.isRTL===W&&(u.cache.isRTL="rtl"===E.attr("dir")||"rtl"===E.css("direction")),u.cache.isRTL},safari:function(){return u.cache.isSafari===W&&(u.cache.isSafari=/constructor/i.test(P.HTMLElement)||!!P.ApplePaySession),u.cache.isSafari},edge:function(){return u.cache.isEdge===W&&(u.cache.isEdge=!!P.setImmediate&&!u.is.ie()),u.cache.isEdge},firefox:function(){return u.cache.isFirefox===W&&(u.cache.isFirefox=!!P.InstallTrigger),u.cache.isFirefox},iframe:function(){return!(self===top)}},set:{autofocus:function(){var e=n.filter("[autofocus]"),t=0<e.length?e.first():(1<n.length?n.filter(":not(i.close)"):n).first();0<t.length&&t.focus()},bodyMargin:function(){var n=u.can.leftBodyScrollbar()?"left":"right";(f.detachable||u.can.fit())&&E.css("margin-"+n,T+"px"),E.find(m.bodyFixed.replace("right",n)).each(function(){var e=R(this),t="fixed"===e.css("position")?"padding-"+n:n;e.css(t,"calc("+e.css(t)+" + "+T+"px)")})},clickaway:function(){f.detachable||x.on("mousedown"+t,u.event.mousedown),a.on("mousedown"+t,u.event.mousedown),a.on("mouseup"+t,u.event.mouseup)},dimmerSettings:function(){if(R.fn.dimmer!==W){var e={debug:f.debug,dimmerName:"modals",closable:"auto",useFlex:u.can.useFlex(),duration:{show:f.transition.showDuration||f.duration,hide:f.transition.hideDuration||f.duration}},t=R.extend(!0,e,f.dimmerSettings);f.inverted&&(t.variation=t.variation!==W?t.variation+" inverted":"inverted"),k.dimmer("setting",t)}else u.error(v.dimmer)},dimmerStyles:function(){f.inverted?a.addClass(h.inverted):a.removeClass(h.inverted),f.blurring?i.addClass(h.blurring):i.removeClass(h.blurring)},modalOffset:function(){if(f.detachable)x.css({marginTop:!x.hasClass("aligned")&&u.can.fit()?-u.cache.height/2:f.padding/2,marginLeft:-u.cache.width/2});else{var e=u.can.fit();x.css({top:!x.hasClass("aligned")&&e?R(K).scrollTop()+(u.cache.contextHeight-u.cache.height)/2:!e||x.hasClass("top")?R(K).scrollTop()+f.padding:R(K).scrollTop()+(u.cache.contextHeight-u.cache.height-f.padding),marginLeft:-u.cache.width/2})}u.verbose("Setting modal offset for legacy mode")},screenHeight:function(){u.can.fit()?E.css("height",""):x.hasClass("bottom")||(u.debug("Modal is taller than page content, resizing page height"),E.css("height",u.cache.height+2*f.padding))},active:function(){x.addClass(h.active+" "+h.front),s.filter("."+h.active).removeClass(h.front)},scrolling:function(){i.addClass(h.scrolling),x.addClass(h.scrolling),u.unbind.scrollLock()},legacy:function(){x.addClass(h.legacy)},type:function(){u.can.fit()?(u.verbose("Modal fits on screen"),u.others.active()||u.others.animating()||(u.remove.scrolling(),u.bind.scrollLock())):x.hasClass("bottom")?u.verbose("Bottom aligned modal not fitting on screen is unsupported for scrolling"):(u.verbose("Modal cannot fit on screen setting to scrolling"),u.set.scrolling())},undetached:function(){i.addClass(h.undetached)}},setting:function(e,t){if(u.debug("Changing setting",e,t),R.isPlainObject(e))R.extend(!0,f,e);else{if(t===W)return f[e];R.isPlainObject(f[e])?R.extend(!0,f[e],t):f[e]=t}},internal:function(e,t){if(R.isPlainObject(e))R.extend(!0,u,e);else{if(t===W)return u[e];u[e]=t}},debug:function(){!f.silent&&f.debug&&(f.performance?u.performance.log(arguments):(u.debug=Function.prototype.bind.call(console.info,console,f.name+":"),u.debug.apply(console,arguments)))},verbose:function(){!f.silent&&f.verbose&&f.debug&&(f.performance?u.performance.log(arguments):(u.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),u.verbose.apply(console,arguments)))},error:function(){f.silent||(u.error=Function.prototype.bind.call(console.error,console,f.name+":"),u.error.apply(console,arguments))},performance:{log:function(e){var t,n;f.performance&&(n=(t=(new Date).getTime())-(I||t),I=t,N.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:C,"Execution Time":n})),clearTimeout(u.performance.timer),u.performance.timer=setTimeout(u.performance.display,500)},display:function(){var e=f.name+":",n=0;I=!1,clearTimeout(u.performance.timer),R.each(N,function(e,t){n+=t["Execution Time"]}),e+=" "+n+"ms",L&&(e+=" '"+L+"'"),(console.group!==W||console.table!==W)&&0<N.length&&(console.groupCollapsed(e),console.table?console.table(N):R.each(N,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),N=[]}},invoke:function(i,e,t){var o,s,n,a=S;return e=e||q,t=C||t,"string"==typeof i&&a!==W&&(i=i.split(/[\. ]/),o=i.length-1,R.each(i,function(e,t){var n=e!=o?t+i[e+1].charAt(0).toUpperCase()+i[e+1].slice(1):i;if(R.isPlainObject(a[n])&&e!=o)a=a[n];else{if(a[n]!==W)return s=a[n],!1;if(!R.isPlainObject(a[t])||e==o)return a[t]!==W&&(s=a[t]),!1;a=a[t]}})),R.isFunction(s)?n=s.apply(t,e):s!==W&&(n=s),Array.isArray(H)?H.push(n):H!==W?H=[H,n]:n!==W&&(H=n),s}},j?(S===W&&(R.isFunction(f.templates[z])&&(f.autoShow=!0,f.className.modal=f.className.template,f=R.extend(!0,{},f,f.templates[z].apply(u,q)),h=f.className,g=f.namespace,p=f.fields,v=f.error),u.initialize()),R.isFunction(f.templates[z])||u.invoke(z)):(S!==W&&S.invoke("destroy"),u.initialize(),H=x)}),H!==W?H:this},R.fn.modal.settings={name:"Modal",namespace:"modal",useFlex:"auto",offset:0,silent:!1,debug:!1,verbose:!1,performance:!0,observeChanges:!1,allowMultiple:!1,detachable:!0,closable:!0,autofocus:!0,restoreFocus:!0,autoShow:!1,inverted:!1,blurring:!1,centered:!0,dimmerSettings:{closable:!1,useCSS:!0},keyboardShortcuts:!0,context:"body",queue:!1,duration:500,transition:"scale",padding:50,scrollbarWidth:10,title:"",content:"",class:"",classTitle:"",classContent:"",classActions:"",closeIcon:!1,actions:!1,preserveHTML:!0,fields:{class:"class",text:"text",icon:"icon",click:"click"},onShow:function(){},onVisible:function(){},onHide:function(){return!0},onHidden:!1,onApprove:function(){return!0},onDeny:function(){return!0},keys:{space:32,enter:13,escape:27,tab:9},selector:{title:"> .header",content:"> .content",actions:"> .actions",close:"> .close",closeIcon:"> .close",approve:".actions .positive, .actions .approve, .actions .ok",deny:".actions .negative, .actions .deny, .actions .cancel",modal:".ui.modal",dimmer:"> .ui.dimmer",bodyFixed:"> .ui.fixed.menu, > .ui.right.toast-container, > .ui.right.sidebar, > .ui.fixed.nag, > .ui.fixed.nag > .close",prompt:".ui.input > input"},error:{dimmer:"UI Dimmer, a required component is not included in this page",method:"The method you called is not defined.",notFound:"The element you specified could not be found"},className:{active:"active",animating:"animating",blurring:"blurring",inverted:"inverted",legacy:"legacy",loading:"loading",scrolling:"scrolling",undetached:"undetached",front:"front",close:"close icon",button:"ui button",modal:"ui modal",title:"header",content:"content",actions:"actions",template:"ui tiny modal",ok:"positive",cancel:"negative",prompt:"ui fluid input"},text:{ok:"Ok",cancel:"Cancel",close:"Close"}},R.fn.modal.settings.templates={getArguments:function(e){var t=[].slice.call(e);return R.isPlainObject(t[0])?R.extend({handler:function(){},content:"",title:""},t[0]):(R.isFunction(t[t.length-1])||t.push(function(){}),{handler:t.pop(),content:t.pop()||"",title:t.pop()||""})},alert:function(){var e=this.get.settings(),t=e.templates.getArguments(arguments);return{title:t.title,content:t.content,actions:[{text:e.text.ok,class:e.className.ok,click:t.handler}]}},confirm:function(){var e=this.get.settings(),t=e.templates.getArguments(arguments);return{title:t.title,content:t.content,actions:[{text:e.text.ok,class:e.className.ok,click:function(){t.handler(!0)}},{text:e.text.cancel,class:e.className.cancel,click:function(){t.handler(!1)}}]}},prompt:function(){var n=this,e=this.get.settings(),i=e.templates.getArguments(arguments);return 0===R(R.parseHTML(i.content)).filter(".ui.input").length&&(i.content+='<p><div class="'+e.className.prompt+'"><input placeholder="'+this.helpers.deQuote(i.placeholder||"")+'" type="text" value="'+this.helpers.deQuote(i.defaultValue||"")+'"></div></p>'),{title:i.title,content:i.content,actions:[{text:e.text.ok,class:e.className.ok,click:function(){var e=n.get.settings(),t=n.get.element().find(e.selector.prompt)[0];i.handler(R(t).val())}},{text:e.text.cancel,class:e.className.cancel,click:function(){i.handler(null)}}]}}}}(jQuery,window,document);
|
package/dist/components/nag.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI - Nag
|
2
|
+
* # Fomantic-UI 2.9.0-beta.100 - Nag
|
3
3
|
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -24,7 +24,7 @@
|
|
24
24
|
width: 100%;
|
25
25
|
margin: 0;
|
26
26
|
padding: 0.75em 1em;
|
27
|
-
background: #
|
27
|
+
background: #777777;
|
28
28
|
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
|
29
29
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
|
30
30
|
font-size: 1rem;
|
@@ -54,6 +54,9 @@ a.ui.nag {
|
|
54
54
|
-webkit-transition: opacity 0.2s ease;
|
55
55
|
transition: opacity 0.2s ease;
|
56
56
|
}
|
57
|
+
.ui.nag:not(.overlay):not(.fixed) {
|
58
|
+
border-radius: 0.28571429rem;
|
59
|
+
}
|
57
60
|
|
58
61
|
|
59
62
|
/*******************************
|
@@ -63,10 +66,10 @@ a.ui.nag {
|
|
63
66
|
|
64
67
|
/* Hover */
|
65
68
|
.ui.nag:hover {
|
66
|
-
background: #
|
69
|
+
background: #777777;
|
67
70
|
opacity: 1;
|
68
71
|
}
|
69
|
-
.ui.nag .close:hover {
|
72
|
+
.ui.nag > .close:hover {
|
70
73
|
opacity: 1;
|
71
74
|
}
|
72
75
|
|
@@ -77,9 +80,10 @@ a.ui.nag {
|
|
77
80
|
|
78
81
|
|
79
82
|
/*--------------
|
80
|
-
|
81
|
-
---------------*/
|
83
|
+
Static
|
84
|
+
---------------*/
|
82
85
|
|
86
|
+
.ui.overlay.nags,
|
83
87
|
.ui.overlay.nag {
|
84
88
|
position: absolute;
|
85
89
|
display: block;
|
@@ -89,6 +93,7 @@ a.ui.nag {
|
|
89
93
|
Fixed
|
90
94
|
---------------*/
|
91
95
|
|
96
|
+
.ui.fixed.nags,
|
92
97
|
.ui.fixed.nag {
|
93
98
|
position: fixed;
|
94
99
|
}
|
@@ -105,7 +110,7 @@ a.ui.nag {
|
|
105
110
|
}
|
106
111
|
|
107
112
|
/*--------------
|
108
|
-
|
113
|
+
Inverted
|
109
114
|
---------------*/
|
110
115
|
|
111
116
|
.ui.inverted.nags .nag,
|
@@ -113,11 +118,147 @@ a.ui.nag {
|
|
113
118
|
background-color: #F3F4F5;
|
114
119
|
color: rgba(0, 0, 0, 0.85);
|
115
120
|
}
|
116
|
-
.ui.inverted.nags .nag .close,
|
117
|
-
.ui.inverted.
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
+
.ui.inverted.nags .nag > .close,
|
122
|
+
.ui.inverted.nag > .close {
|
123
|
+
color: rgba(0, 0, 0, 0.6);
|
124
|
+
}
|
125
|
+
.ui.inverted.nags .nag > .title,
|
126
|
+
.ui.inverted.nag > .title {
|
127
|
+
color: rgba(0, 0, 0, 0.6);
|
128
|
+
}
|
129
|
+
|
130
|
+
/*-------------------
|
131
|
+
Sizes
|
132
|
+
--------------------*/
|
133
|
+
|
134
|
+
.ui.mini.nag,
|
135
|
+
.ui.mini.nags .nag {
|
136
|
+
font-size: 0.78571429rem;
|
137
|
+
}
|
138
|
+
.ui.tiny.nag,
|
139
|
+
.ui.tiny.nags .nag {
|
140
|
+
font-size: 0.85714286rem;
|
141
|
+
}
|
142
|
+
.ui.small.nag,
|
143
|
+
.ui.small.nags .nag {
|
144
|
+
font-size: 0.92857143rem;
|
145
|
+
}
|
146
|
+
.ui.large.nag,
|
147
|
+
.ui.large.nags .nag {
|
148
|
+
font-size: 1.14285714rem;
|
149
|
+
}
|
150
|
+
.ui.big.nag,
|
151
|
+
.ui.big.nags .nag {
|
152
|
+
font-size: 1.28571429rem;
|
153
|
+
}
|
154
|
+
.ui.huge.nag,
|
155
|
+
.ui.huge.nags .nag {
|
156
|
+
font-size: 1.42857143rem;
|
157
|
+
line-height: 1;
|
158
|
+
}
|
159
|
+
.ui.massive.nag,
|
160
|
+
.ui.massive.nags .nag {
|
161
|
+
font-size: 1.71428571rem;
|
162
|
+
line-height: 1;
|
163
|
+
}
|
164
|
+
|
165
|
+
/*--------------
|
166
|
+
Colors
|
167
|
+
-------------- */
|
168
|
+
|
169
|
+
.ui.primary.nag {
|
170
|
+
background-color: #2185D0;
|
171
|
+
}
|
172
|
+
.ui.inverted.primary.nag {
|
173
|
+
background-color: #54C8FF;
|
174
|
+
}
|
175
|
+
.ui.secondary.nag {
|
176
|
+
background-color: #1B1C1D;
|
177
|
+
}
|
178
|
+
.ui.inverted.secondary.nag {
|
179
|
+
background-color: #545454;
|
180
|
+
}
|
181
|
+
.ui.red.nag {
|
182
|
+
background-color: #DB2828;
|
183
|
+
}
|
184
|
+
.ui.inverted.red.nag {
|
185
|
+
background-color: #FF695E;
|
186
|
+
}
|
187
|
+
.ui.orange.nag {
|
188
|
+
background-color: #F2711C;
|
189
|
+
}
|
190
|
+
.ui.inverted.orange.nag {
|
191
|
+
background-color: #FF851B;
|
192
|
+
}
|
193
|
+
.ui.yellow.nag {
|
194
|
+
background-color: #FBBD08;
|
195
|
+
}
|
196
|
+
.ui.inverted.yellow.nag {
|
197
|
+
background-color: #FFE21F;
|
198
|
+
}
|
199
|
+
.ui.olive.nag {
|
200
|
+
background-color: #B5CC18;
|
201
|
+
}
|
202
|
+
.ui.inverted.olive.nag {
|
203
|
+
background-color: #D9E778;
|
204
|
+
}
|
205
|
+
.ui.green.nag {
|
206
|
+
background-color: #21BA45;
|
207
|
+
}
|
208
|
+
.ui.inverted.green.nag {
|
209
|
+
background-color: #2ECC40;
|
210
|
+
}
|
211
|
+
.ui.teal.nag {
|
212
|
+
background-color: #00B5AD;
|
213
|
+
}
|
214
|
+
.ui.inverted.teal.nag {
|
215
|
+
background-color: #6DFFFF;
|
216
|
+
}
|
217
|
+
.ui.blue.nag {
|
218
|
+
background-color: #2185D0;
|
219
|
+
}
|
220
|
+
.ui.inverted.blue.nag {
|
221
|
+
background-color: #54C8FF;
|
222
|
+
}
|
223
|
+
.ui.violet.nag {
|
224
|
+
background-color: #6435C9;
|
225
|
+
}
|
226
|
+
.ui.inverted.violet.nag {
|
227
|
+
background-color: #A291FB;
|
228
|
+
}
|
229
|
+
.ui.purple.nag {
|
230
|
+
background-color: #A333C8;
|
231
|
+
}
|
232
|
+
.ui.inverted.purple.nag {
|
233
|
+
background-color: #DC73FF;
|
234
|
+
}
|
235
|
+
.ui.pink.nag {
|
236
|
+
background-color: #E03997;
|
237
|
+
}
|
238
|
+
.ui.inverted.pink.nag {
|
239
|
+
background-color: #FF8EDF;
|
240
|
+
}
|
241
|
+
.ui.brown.nag {
|
242
|
+
background-color: #A5673F;
|
243
|
+
}
|
244
|
+
.ui.inverted.brown.nag {
|
245
|
+
background-color: #D67C1C;
|
246
|
+
}
|
247
|
+
.ui.grey.nag {
|
248
|
+
background-color: #767676;
|
249
|
+
}
|
250
|
+
.ui.inverted.grey.nag {
|
251
|
+
background-color: #DCDDDE;
|
252
|
+
}
|
253
|
+
.ui.black.nag {
|
254
|
+
background-color: #1B1C1D;
|
255
|
+
color: rgba(255, 255, 255, 0.9);
|
256
|
+
}
|
257
|
+
.ui.inverted.black.nag {
|
258
|
+
background-color: #545454;
|
259
|
+
}
|
260
|
+
.ui.inverted.black.nag .title {
|
261
|
+
color: #FFFFFF;
|
121
262
|
}
|
122
263
|
|
123
264
|
|
@@ -125,15 +266,26 @@ a.ui.nag {
|
|
125
266
|
Groups
|
126
267
|
*******************************/
|
127
268
|
|
128
|
-
.ui.nags
|
129
|
-
|
269
|
+
.ui.nags {
|
270
|
+
top: 0;
|
271
|
+
left: 0;
|
272
|
+
width: 100%;
|
273
|
+
}
|
274
|
+
.ui.ui.nags .nag {
|
275
|
+
border-radius: 0;
|
130
276
|
}
|
131
|
-
.ui.nags .nag:last-child {
|
277
|
+
.ui.nags:not(.bottom) .nag:last-child {
|
132
278
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
133
279
|
}
|
134
|
-
.ui.bottom.nags .nag:
|
280
|
+
.ui.bottom.nags .nag:first-child {
|
135
281
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
136
282
|
}
|
283
|
+
.ui.nags:not(.fixed):not(.overlay) .nag:first-child {
|
284
|
+
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
285
|
+
}
|
286
|
+
.ui.nags:not(.fixed):not(.overlay) .nag:only-child {
|
287
|
+
border-radius: 0.28571429rem;
|
288
|
+
}
|
137
289
|
|
138
290
|
|
139
291
|
/*******************************
|