@latest-thinking/lt-player 1.1.0 → 1.2.0-a

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.
Files changed (98) hide show
  1. package/ README.md +126 -0
  2. package/dist/css/lt-player-main.css +1 -1
  3. package/dist/css/lt-player-main.css.map +1 -1
  4. package/dist/js/lt-player-main.js +1 -1
  5. package/dist/js/lt-player-main.js.map +1 -1
  6. package/examples/basic.html +35 -0
  7. package/examples/lt-page-with-player.html +3529 -0
  8. package/examples/lt-page-with-player_files/Weiskopf_Coverphoto.jpg +0 -0
  9. package/examples/lt-page-with-player_files/ajax-progress.module.css +49 -0
  10. package/examples/lt-page-with-player_files/align.module.css +32 -0
  11. package/examples/lt-page-with-player_files/announce.js +49 -0
  12. package/examples/lt-page-with-player_files/autocomplete-loading.module.css +22 -0
  13. package/examples/lt-page-with-player_files/autocomplete.css +16 -0
  14. package/examples/lt-page-with-player_files/bootstrap.css +22691 -0
  15. package/examples/lt-page-with-player_files/clearfix.module.css +15 -0
  16. package/examples/lt-page-with-player_files/container-inline.module.css +16 -0
  17. package/examples/lt-page-with-player_files/cookiesjsr.min.css +10 -0
  18. package/examples/lt-page-with-player_files/core.css +97 -0
  19. package/examples/lt-page-with-player_files/details.module.css +10 -0
  20. package/examples/lt-page-with-player_files/fieldgroup.module.css +9 -0
  21. package/examples/lt-page-with-player_files/hidden.module.css +53 -0
  22. package/examples/lt-page-with-player_files/himme-alexander-beyond_0.jpg +0 -0
  23. package/examples/lt-page-with-player_files/item-list.module.css +19 -0
  24. package/examples/lt-page-with-player_files/js.module.css +22 -0
  25. package/examples/lt-page-with-player_files/latest_thinking.style.css +6496 -0
  26. package/examples/lt-page-with-player_files/logo-small.png +0 -0
  27. package/examples/lt-page-with-player_files/menu.css +64 -0
  28. package/examples/lt-page-with-player_files/nowrap.module.css +8 -0
  29. package/examples/lt-page-with-player_files/paragraphs.unpublished.css +3 -0
  30. package/examples/lt-page-with-player_files/position-container.module.css +8 -0
  31. package/examples/lt-page-with-player_files/progress.module.css +51 -0
  32. package/examples/lt-page-with-player_files/radix.style.css +1 -0
  33. package/examples/lt-page-with-player_files/reset-appearance.module.css +15 -0
  34. package/examples/lt-page-with-player_files/resize.module.css +21 -0
  35. package/examples/lt-page-with-player_files/search_api_autocomplete.css +41 -0
  36. package/examples/lt-page-with-player_files/sticky-header.module.css +13 -0
  37. package/examples/lt-page-with-player_files/system-status-counter.css +30 -0
  38. package/examples/lt-page-with-player_files/system-status-report-counters.css +27 -0
  39. package/examples/lt-page-with-player_files/system-status-report-general-info.css +14 -0
  40. package/examples/lt-page-with-player_files/tabledrag.module.css +98 -0
  41. package/examples/lt-page-with-player_files/tablesort.module.css +19 -0
  42. package/examples/lt-page-with-player_files/theme.css +446 -0
  43. package/examples/lt-page-with-player_files/thumbnail_MPI_CBS_Eingangsbereich.jpg +0 -0
  44. package/examples/lt-page-with-player_files/tree-child.module.css +18 -0
  45. package/examples/lt-page-with-player_files/widget-min.js +10 -0
  46. package/examples/lt-website.html +76 -0
  47. package/examples/portrait-with-subtitles.html +81 -0
  48. package/examples/samples/vtt/Pahl-Kerstin-Maria-MAIN-20230320.vtt +765 -0
  49. package/examples/samples/vtt/Sobolev-Anton-Subtitles-20230518_0.vtt +352 -0
  50. package/examples/samples/vtt/demo.vtt +7 -0
  51. package/package.json +1 -1
  52. package/src/assets/sass/abstracts/_mixins.scss +1 -1
  53. package/src/assets/sass/abstracts/_variables.scss +1 -1
  54. package/src/assets/sass/app.scss +19 -0
  55. package/src/assets/sass/components/_all.scss +1 -1
  56. package/src/assets/sass/components/_loader.scss +187 -0
  57. package/src/assets/sass/components/_modal.scss +6 -0
  58. package/src/assets/sass/core/_player.scss +23 -5
  59. package/src/assets/sass/sections/_additional-info.scss +1 -1
  60. package/src/assets/sass/sections/_control.scss +0 -1
  61. package/src/assets/sass/sections/_poster.scss +1 -0
  62. package/src/assets/sass/sections/_settings.scss +36 -53
  63. package/src/assets/sass/sections/_subtitles.scss +78 -23
  64. package/src/assets/sass/sections/controllers/_botom.scss +59 -36
  65. package/src/assets/sass/sections/controllers/_notification-rewind-forward.scss +29 -14
  66. package/src/assets/sass/sections/controllers/_top.scss +1 -1
  67. package/src/components/LTPlayerDevMethode.ts +106 -84
  68. package/src/components/LTPlayerManager.ts +16 -0
  69. package/src/components/LTPlayerSettingsManager.ts +117 -0
  70. package/src/components/LTPlayerSetup.ts +3 -10
  71. package/src/components/LTPlayerStatusFeedback.ts +76 -0
  72. package/src/components/LTPlayerStorage.ts +58 -0
  73. package/src/components/LTPlayerType.ts +10 -2
  74. package/src/components/LTPlayerUpdate.ts +61 -0
  75. package/src/components/captions/LTPlayerCaptions.ts +80 -0
  76. package/src/components/config/LTPlayerConfig.ts +43 -0
  77. package/src/components/config/LTPlayerConfigProcessor.ts +110 -56
  78. package/src/components/controls/LTPlayerChapters.ts +8 -4
  79. package/src/components/controls/LTPlayerControls.ts +2 -0
  80. package/src/components/controls/LTPlayerControlsEvents.ts +200 -49
  81. package/src/components/controls/settings/LTPlayerCommonSettingsControllers.ts +9 -1
  82. package/src/components/controls/settings/LTPlayerDesktopSettingsControllers.ts +17 -14
  83. package/src/components/controls/settings/LTPlayerMobileSettingsControllers.ts +50 -44
  84. package/src/components/events/LTPlayer.ts +24 -21
  85. package/src/components/events/LTPlayerCommon.ts +94 -20
  86. package/src/components/events/LTPlayerDesktop.ts +21 -7
  87. package/src/components/events/LTPlayerMobile.ts +22 -10
  88. package/src/global/controllers/LTPlayerController.ts +7 -0
  89. package/src/services/Helper.ts +6 -1
  90. package/src/services/ResizeService.ts +35 -30
  91. package/src/services/TemplateService.ts +7 -0
  92. package/src/views/additionalInfo.handlebars +18 -18
  93. package/src/views/controls.handlebars +14 -3
  94. package/src/views/poster.handlebars +2 -2
  95. package/src/views/settings.handlebars +1 -1
  96. package/src/views/settings.mobile.handlebars +22 -0
  97. package/src/views/template.handlebars +4 -1
  98. package/src/assets/sass/components/_spinner.scss +0 -46
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @file
3
+ * Float clearing.
4
+ *
5
+ * Based on the micro clearfix hack by Nicolas Gallagher, with the :before
6
+ * pseudo selector removed to allow normal top margin collapse.
7
+ *
8
+ * @see http://nicolasgallagher.com/micro-clearfix-hack
9
+ */
10
+
11
+ .clearfix:after {
12
+ display: table;
13
+ clear: both;
14
+ content: "";
15
+ }
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @file
3
+ * Inline items.
4
+ */
5
+
6
+ .container-inline div,
7
+ .container-inline label {
8
+ display: inline-block;
9
+ }
10
+ /* Details contents always need to be rendered as block. */
11
+ .container-inline .details-wrapper {
12
+ display: block;
13
+ }
14
+ .container-inline .hidden {
15
+ display: none;
16
+ }
@@ -0,0 +1,10 @@
1
+ /** @license CookieJSR v1.0.13
2
+ * file: cookiesjsr.min.css
3
+ *
4
+ * Copyright (c) Joachim Feltkamp, Hamburg, Germany.
5
+ *
6
+ * This source code is licensed under the CC BY-ND license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ .cookiesjsr-btn{align-items:center;background-color:#004c93;background-color:var(--btn-bg-color,#004c93);border:2px solid #fff;border:2px solid var(--btn-border-color,#fff);color:#fff;color:var(--btn-font-color,#fff);cursor:pointer;display:flex;font:inherit;font-size:.85em;justify-content:center;margin:.625em;min-height:42px;opacity:.95;padding:0;text-decoration:none;text-transform:uppercase;-webkit-transform:scale(1);transform:scale(1);transition:all .3s ease;white-space:nowrap;width:calc(100% - 2.5em)}@media (min-width:576px){.cookiesjsr-btn{min-height:48px}}.cookiesjsr-btn:hover{opacity:1;-webkit-transform:scale(1.02);transform:scale(1.02)}.cookiesjsr-btn.invert{background-color:#fff;background-color:var(--btn-inv-bg-color,#fff);border-color:#004c93;border-color:var(--btn-inv-border-color,#004c93);color:#004c93;color:var(--btn-inv-font-color,#004c93)}.cookiesjsr-btn.important{background-color:#fff;background-color:var(--btn-prime-bg-color,#fff);border-color:#fff;border-color:var(--btn-prime-border-color,#fff);color:#004c93;color:var(--btn-prime-font-color,#004c93)}.cookiesjsr-btn.important.invert{background-color:#004c93;background-color:var(--btn-prime-inv-bg-color,#004c93);border-color:#004c93;border-color:var(--btn-prime-inv-border-color,#004c93);color:#fff;color:var(--btn-prime-inv-font-color,#fff)}.cookiesjsr-links{display:flex;flex-direction:column;list-style:none;margin:0 -.75em;padding:0}@media (min-width:576px){.cookiesjsr-links.links--row{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:left}}.cookiesjsr-links.links--row li{margin:0;padding-left:.75em;padding-right:.75em;position:relative}.cookiesjsr-links.links--row li a{display:inline-block;line-height:2em;margin:0;padding:0}.cookiesjsr-links.links--row li:first-child:before{content:none}@media (min-width:576px){.cookiesjsr-links.links--row li:before{background-color:#fff;background-color:var(--link-list-separator-color,#fff);content:"";height:.3em;left:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%);width:.3em}}.cookiesjsr-btn.denyAll{display:none}@media (min-width:1200px){.cookiesjsr-btn.denyAll{display:inline-block}}.cookiesjsr-switch{background-color:#fff;background-color:var(--switch-bg-off,#fff);border:0;border-radius:20px;border-radius:var(--switch-height,20px);box-shadow:inset -1px 2px 1px rgba(0,0,0,.25);cursor:pointer;display:block;height:20px;height:var(--switch-height,20px);margin:0;padding:0;position:relative;transition:background-color .1s ease-in-out;width:45px;width:var(--switch-width,45px)}.cookiesjsr-switch:focus-within:before{border:1px dotted #eee;border-radius:10px;content:"";height:100%;position:absolute;-webkit-transform:scale(1.4);transform:scale(1.4);width:100%}.cookiesjsr-switch:after{background-color:#fff;background-color:var(--switch-handle-color,#fff);border:1px solid #e4e5e6;border:1px solid var(--switch-border-color,#e4e5e6);border-radius:20px;border-radius:var(--switch-height,20px);box-shadow:-1px 2px 1px rgba(0,0,0,.25);content:"";display:block;height:20px;height:var(--switch-height,20px);left:0;position:absolute;top:0;-webkit-transform:scale(1.2);transform:scale(1.2);transition:left .1s ease-in-out;width:20px;width:var(--switch-height,20px)}.cookiesjsr-switch.active{background-color:#0a0;background-color:var(--switch-bg-on,#0a0)}.cookiesjsr-switch.active:after{left:25px}.cookiesjsr-switch input[type=checkbox]{opacity:0;position:absolute}.cookiesjsr-banner{align-items:center;background-color:#004c93;background-color:var(--banner-bg-color,#004c93);bottom:0;color:#fff;color:var(--banner-font-color,#fff);display:flex;flex-direction:column;height:auto;justify-content:flex-start;left:0;max-height:calc(100vh - 100px);overflow:auto;padding:1em;position:fixed;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100vw;z-index:10000}.cookiesjsr-banner.active{-webkit-transform:translateY(0);transform:translateY(0)}@media (min-width:768px){.cookiesjsr-banner{flex-direction:row}}.cookiesjsr-banner a{color:#fff;color:var(--link-list-font-color,#fff)}.cookiesjsr-banner--action,.cookiesjsr-banner--info{width:100%}@media (min-width:768px){.cookiesjsr-banner--action,.cookiesjsr-banner--info{width:50%}}.cookiesjsr-banner--info{margin-bottom:1.25em;margin-bottom:var(--default-margin,1.25em);max-height:calc(100vh - 100px - 2.5em);overflow:auto;padding:0 1.25em;padding:0 var(--default-margin,1.25em)}.cookiesjsr-banner--text{display:block}.cookiesjsr-banner--links{font-size:.85em;margin-top:.5em}.cookiesjsr-banner--action{display:flex;flex-direction:column;padding:0}@media (min-width:1200px){.cookiesjsr-banner--action{flex-direction:row}}.cookiesjsr-banner button.denyAll{display:inline-block}.cookiesjsr-service-groups{display:block;list-style:none;margin:0 0 -1px!important;max-height:100%;overflow:auto;padding:0!important;position:static!important}.cookiesjsr-service-group{line-height:1.5em;list-style:none;position:static!important}.cookiesjsr-service-group--tab{-webkit-appearance:none;-moz-appearance:none;background:#fff;background:var(--layer-tab-bg-color,#fff);border:0;border-bottom:1px solid #e4e5e6;border-bottom:1px solid var(--layer-border-color,#e4e5e6);color:#000f37;color:var(--layer-tab-font-color,#000f37);cursor:pointer;display:block;font-weight:700;margin:0;min-height:3em;padding:1em 1.25em;padding:1em var(--default-margin,1.25em);text-align:left;text-decoration:none;width:100%}.cookiesjsr-service-group--tab:last-child{border-bottom:0}@media (min-width:768px){.cookiesjsr-service-group--tab{padding:1em 3.25em 1em 1.25em;width:calc(30% + 2em)}}.cookiesjsr-service-group--content{display:none}@media (min-width:768px){.cookiesjsr-service-group--content{height:100%;overflow:auto;position:absolute;right:0;top:0;width:70%}}.cookiesjsr-service-group--intro{padding:1em 1.25em;padding:1em var(--default-margin,1.25em)}.cookiesjsr-service-group.active .cookiesjsr-service-group--tab{background:#004c93;background:var(--layer-tab-active-bg-color,#004c93);border-bottom:0;color:#fff;color:var(--layer-tab-active-font-color,#fff)}.cookiesjsr-service-group.active .cookiesjsr-service-group--content{background:#004c93;background:var(--layer-tab-active-bg-color,#004c93);color:#fff;color:var(--layer-tab-active-font-color,#fff);display:block;font-weight:500}.cookiesjsr-service-group--services{margin:0!important;padding:0!important}.cookiesjsr-service{align-items:center;background-color:hsla(210,4%,90%,0);display:flex;transition:background-color .3s ease}.cookiesjsr-service:hover{background-color:hsla(210,4%,90%,.1)}.cookiesjsr-service--description{padding:.625em 1.25em;width:calc(100% - 2.5em - 45px)}.cookiesjsr-service--description h3{color:#fff;color:var(--layer-font-light,#fff);font-size:1.125em;font-weight:400;margin:0}.cookiesjsr-service--links a{font-size:.75em}.cookiesjsr-service--links a,.cookiesjsr-service--links a:active,.cookiesjsr-service--links a:hover,.cookiesjsr-service--links a:visited{color:#fff;color:var(--layer-font-light,#fff)}.cookiesjsr-service--action{padding:.625em 1.25em;width:calc(2.5em + 45px)}.cookiesjsr-service--always-on{color:#0a0;color:var(--switch-always-on-font-color,#0a0);display:flex;justify-content:flex-end;text-align:right;white-space:nowrap}.cookiesjsr-service--always-on span{background-color:#fff;background-color:var(--switch-always-on-bg-color,#fff);padding:0 .5em}.cookiesjsr-layer{background:#fff;background:var(--layer-header-bg-color,#fff);display:block;height:100vh;left:50%;line-height:1.5em;max-width:100%;overflow:hidden;padding:3.5em 0 4.5em;padding:var(--layer-header-height,3.5em) 0 var(--layer-footer-height,4.5em);position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;z-index:314160}@media (min-height:668px){.cookiesjsr-layer{height:80vh;max-height:575px}}@media (min-height:992px){.cookiesjsr-layer{height:60vh}}@media (min-width:768px){.cookiesjsr-layer{width:860px}}.cookiesjsr-layer--overlay{background:rgba(0,0,0,.4);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:314159}.cookiesjsr-layer--header{align-items:center;background-color:#fff;background:#fff;background:var(--layer-header-bg-color,#fff);border-bottom:1px solid #e4e5e6;border-bottom:1px solid var(--layer-border-color,#e4e5e6);display:flex;height:3.5em;justify-content:space-between;left:0;margin:0;padding:0 1.25em;padding:0 var(--default-margin,1.25em);position:absolute;top:0;width:100%;z-index:100}.cookiesjsr-layer--title{color:#000f37;color:var(--layer-header-font-color,#000f37);text-transform:uppercase}.cookiesjsr-layer--close{-webkit-appearance:none;-moz-appearance:none;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.263 0 13.501 10.762 2.737 0 0 2.737l10.764 10.764L0 24.263 2.737 27l10.764-10.764L24.263 27 27 24.263 16.238 13.501 27 2.737z' fill='%23000f37' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% scroll;background-size:contain;border:0;cursor:pointer;height:1em;overflow:hidden;padding:0;text-indent:-999em;width:1em;z-index:102}.cookiesjsr-layer--body{background:#fff;background:var(--layer-body-bg-color,#fff);bottom:4.5em;bottom:var(--layer-footer-height,4.5em);left:0;position:absolute;right:0;top:3.5em;top:var(--layer-header-height,3.5em)}.cookiesjsr-layer--footer{align-items:center;background:#fff;background:var(--layer-footer-bg-color,#fff);border-top:1px solid #e4e5e6;border-top:1px solid var(--layer-border-color,#e4e5e6);bottom:0;display:flex;height:4.5em;height:var(--layer-footer-height,4.5em);justify-content:flex-end;left:0;padding:0 1.25em;padding:0 var(--default-margin,1.25em);position:absolute;width:100%}@media (min-width:768px){.cookiesjsr-layer--footer{justify-content:space-between}}.cookiesjsr-layer--label-all{color:#000f37;color:var(--layer-footer-font-color,#000f37);display:none}@media (min-width:768px){.cookiesjsr-layer--label-all{display:block;padding-right:1.25em;padding-right:var(--default-margin,1.25em);width:30%}}.cookiesjsr-layer--actions{align-items:center;display:flex;margin:-.625em;width:calc(100% + 1.25em)}@media (min-width:768px){.cookiesjsr-layer--actions{width:calc(70% + .625em)}}.cookiesjsr-layer button.allowAll,.cookiesjsr-layer button.denyAll{display:none}@media (min-width:576px){.cookiesjsr-layer button.allowAll,.cookiesjsr-layer button.denyAll{display:inline-block}}@media (max-width:576px){.cookiesjsr-layer button.save{margin-left:auto;padding:0 2em;width:auto}}#cookiesjsr{--default-margin:1.25em;--font-size-reset:1rem;--btn-font-color:#fff;--btn-border-color:#fff;--btn-bg-color:#004c93;--btn-prime-font-color:#004c93;--btn-prime-border-color:#fff;--btn-prime-bg-color:#fff;--btn-inv-font-color:#004c93;--btn-inv-border-color:#004c93;--btn-inv-bg-color:#fff;--btn-prime-inv-font-color:#fff;--btn-prime-inv-border-color:#004c93;--btn-prime-inv-bg-color:#004c93;--link-list-font-color:#fff;--link-list-separator-color:#fff;--banner-logo-offset:100px;--banner-bg-color:#004c93;--banner-font-color:#fff;--layer-header-height:3.5em;--layer-header-bg-color:#fff;--layer-header-font-color:#000f37;--layer-body-bg-color:#fff;--layer-tab-bg-color:#fff;--layer-tab-font-color:#000f37;--layer-tab-active-bg-color:#004c93;--layer-tab-active-font-color:#fff;--layer-bg-dark:#004c93;--layer-font-light:#fff;--layer-font-dark:#000f37;--layer-border-color:#e4e5e6;--layer-footer-bg-color:#fff;--layer-footer-font-color:#000f37;--layer-footer-height:4.5em;--switch-border-color:#e4e5e6;--switch-handle-color:#fff;--switch-bg-off:#fff;--switch-bg-on:#0a0;--switch-width:45px;--switch-height:20px;--switch-always-on-font-color:#0a0;--switch-always-on-bg-color:#fff}.cookiesjsr--app{font-size:1rem;font-size:var(--font-size-reset,1rem)}body .cookiesjsr--app,body .cookiesjsr--app *,body .cookiesjsr--app :after,body .cookiesjsr--app :before{box-sizing:border-box}
10
+ /* end: cookiesjsr.min.css */
@@ -0,0 +1,97 @@
1
+ /*!
2
+ * jQuery UI CSS Framework 1.13.2
3
+ * http://jqueryui.com
4
+ *
5
+ * Copyright jQuery Foundation and other contributors
6
+ * Released under the MIT license.
7
+ * http://jquery.org/license
8
+ *
9
+ * http://api.jqueryui.com/category/theming/
10
+ */
11
+
12
+ /* Layout helpers
13
+ ----------------------------------*/
14
+ .ui-helper-hidden {
15
+ display: none;
16
+ }
17
+ .ui-helper-hidden-accessible {
18
+ border: 0;
19
+ clip: rect(0 0 0 0);
20
+ height: 1px;
21
+ margin: -1px;
22
+ overflow: hidden;
23
+ padding: 0;
24
+ position: absolute;
25
+ width: 1px;
26
+ }
27
+ .ui-helper-reset {
28
+ margin: 0;
29
+ padding: 0;
30
+ border: 0;
31
+ outline: 0;
32
+ line-height: 1.3;
33
+ text-decoration: none;
34
+ font-size: 100%;
35
+ list-style: none;
36
+ }
37
+ .ui-helper-clearfix:before,
38
+ .ui-helper-clearfix:after {
39
+ content: "";
40
+ display: table;
41
+ border-collapse: collapse;
42
+ }
43
+ .ui-helper-clearfix:after {
44
+ clear: both;
45
+ }
46
+ .ui-helper-zfix {
47
+ width: 100%;
48
+ height: 100%;
49
+ top: 0;
50
+ left: 0;
51
+ position: absolute;
52
+ opacity: 0;
53
+ -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
54
+ }
55
+
56
+ .ui-front {
57
+ z-index: 100;
58
+ }
59
+
60
+
61
+ /* Interaction Cues
62
+ ----------------------------------*/
63
+ .ui-state-disabled {
64
+ cursor: default !important;
65
+ pointer-events: none;
66
+ }
67
+
68
+
69
+ /* Icons
70
+ ----------------------------------*/
71
+ .ui-icon {
72
+ display: inline-block;
73
+ vertical-align: middle;
74
+ margin-top: -.25em;
75
+ position: relative;
76
+ text-indent: -99999px;
77
+ overflow: hidden;
78
+ background-repeat: no-repeat;
79
+ }
80
+
81
+ .ui-widget-icon-block {
82
+ left: 50%;
83
+ margin-left: -8px;
84
+ display: block;
85
+ }
86
+
87
+ /* Misc visuals
88
+ ----------------------------------*/
89
+
90
+ /* Overlays */
91
+ .ui-widget-overlay {
92
+ position: fixed;
93
+ top: 0;
94
+ left: 0;
95
+ width: 100%;
96
+ height: 100%;
97
+ }
@@ -0,0 +1,10 @@
1
+ /**
2
+ * @file
3
+ * Collapsible details.
4
+ *
5
+ * @see collapse.js
6
+ */
7
+
8
+ .js details:not([open]) .details-wrapper {
9
+ display: none;
10
+ }
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @file
3
+ * Fieldgroup border reset.
4
+ */
5
+
6
+ .fieldgroup {
7
+ padding: 0;
8
+ border-width: 0;
9
+ }
@@ -0,0 +1,53 @@
1
+ /**
2
+ * @file
3
+ * Utility classes to hide elements in different ways.
4
+ */
5
+
6
+ /**
7
+ * Hide elements from all users.
8
+ *
9
+ * Used for elements which should not be immediately displayed to any user. An
10
+ * example would be collapsible details that will be expanded with a click
11
+ * from a user. The effect of this class can be toggled with the jQuery show()
12
+ * and hide() functions.
13
+ */
14
+ .hidden {
15
+ display: none;
16
+ }
17
+
18
+ /**
19
+ * Hide elements visually, but keep them available for screen readers.
20
+ *
21
+ * Used for information required for screen reader users to understand and use
22
+ * the site where visual display is undesirable. Information provided in this
23
+ * manner should be kept concise, to avoid unnecessary burden on the user.
24
+ * "!important" is used to prevent unintentional overrides.
25
+ */
26
+ .visually-hidden {
27
+ position: absolute !important;
28
+ overflow: hidden;
29
+ clip: rect(1px, 1px, 1px, 1px);
30
+ width: 1px;
31
+ height: 1px;
32
+ word-wrap: normal;
33
+ }
34
+
35
+ /**
36
+ * The .focusable class extends the .visually-hidden class to allow
37
+ * the element to be focusable when navigated to via the keyboard.
38
+ */
39
+ .visually-hidden.focusable:active,
40
+ .visually-hidden.focusable:focus {
41
+ position: static !important;
42
+ overflow: visible;
43
+ clip: auto;
44
+ width: auto;
45
+ height: auto;
46
+ }
47
+
48
+ /**
49
+ * Hide visually and from screen readers, but maintain layout.
50
+ */
51
+ .invisible {
52
+ visibility: hidden;
53
+ }
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @file
3
+ * Styles for item list.
4
+ */
5
+
6
+ .item-list__comma-list,
7
+ .item-list__comma-list li {
8
+ display: inline;
9
+ }
10
+ .item-list__comma-list {
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+ .item-list__comma-list li:after {
15
+ content: ", ";
16
+ }
17
+ .item-list__comma-list li:last-child:after {
18
+ content: "";
19
+ }
@@ -0,0 +1,22 @@
1
+ /**
2
+ * @file
3
+ * Utility classes to assist with JavaScript functionality.
4
+ */
5
+
6
+ /**
7
+ * For anything you want to hide on page load when JS is enabled, so
8
+ * that you can use the JS to control visibility and avoid flicker.
9
+ */
10
+ .js .js-hide {
11
+ display: none;
12
+ }
13
+
14
+ /**
15
+ * For anything you want to show on page load only when JS is enabled.
16
+ */
17
+ .js-show {
18
+ display: none;
19
+ }
20
+ .js .js-show {
21
+ display: block;
22
+ }