@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,64 @@
1
+ /*!
2
+ * jQuery UI Menu 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/menu/#theming
10
+ */
11
+ .ui-menu {
12
+ list-style: none;
13
+ padding: 0;
14
+ margin: 0;
15
+ display: block;
16
+ outline: 0;
17
+ }
18
+ .ui-menu .ui-menu {
19
+ position: absolute;
20
+ }
21
+ .ui-menu .ui-menu-item {
22
+ margin: 0;
23
+ cursor: pointer;
24
+ /* support: IE10, see #8844 */
25
+ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
26
+ }
27
+ .ui-menu .ui-menu-item-wrapper {
28
+ position: relative;
29
+ padding: 3px 1em 3px .4em;
30
+ }
31
+ .ui-menu .ui-menu-divider {
32
+ margin: 5px 0;
33
+ height: 0;
34
+ font-size: 0;
35
+ line-height: 0;
36
+ border-width: 1px 0 0 0;
37
+ }
38
+ .ui-menu .ui-state-focus,
39
+ .ui-menu .ui-state-active {
40
+ margin: -1px;
41
+ }
42
+
43
+ /* icon support */
44
+ .ui-menu-icons {
45
+ position: relative;
46
+ }
47
+ .ui-menu-icons .ui-menu-item-wrapper {
48
+ padding-left: 2em;
49
+ }
50
+
51
+ /* left-aligned */
52
+ .ui-menu .ui-icon {
53
+ position: absolute;
54
+ top: 0;
55
+ bottom: 0;
56
+ left: .2em;
57
+ margin: auto 0;
58
+ }
59
+
60
+ /* right-aligned */
61
+ .ui-menu .ui-menu-icon {
62
+ left: auto;
63
+ right: 0;
64
+ }
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @file
3
+ * Utility class to prevent text wrapping.
4
+ */
5
+
6
+ .nowrap {
7
+ white-space: nowrap;
8
+ }
@@ -0,0 +1,3 @@
1
+ .paragraph--unpublished {
2
+ background-color: #fff4f4;
3
+ }
@@ -0,0 +1,8 @@
1
+ /*
2
+ * @file
3
+ * Contain positioned elements.
4
+ */
5
+
6
+ .position-container {
7
+ position: relative;
8
+ }
@@ -0,0 +1,51 @@
1
+ /**
2
+ * @file
3
+ * Progress behavior.
4
+ *
5
+ * @see progress.js
6
+ */
7
+
8
+ .progress {
9
+ position: relative;
10
+ }
11
+ .progress__track {
12
+ min-width: 100px;
13
+ max-width: 100%;
14
+ height: 16px;
15
+ margin-top: 5px;
16
+ border: 1px solid;
17
+ background-color: #fff;
18
+ }
19
+ .progress__bar {
20
+ width: 3%;
21
+ min-width: 3%;
22
+ max-width: 100%;
23
+ height: 16px;
24
+ background-color: #000;
25
+ }
26
+ .progress__description,
27
+ .progress__percentage {
28
+ overflow: hidden;
29
+ margin-top: 0.2em;
30
+ color: #555;
31
+ font-size: 0.875em;
32
+ }
33
+ .progress__description {
34
+ float: left; /* LTR */
35
+ }
36
+ [dir="rtl"] .progress__description {
37
+ float: right;
38
+ }
39
+ .progress__percentage {
40
+ float: right; /* LTR */
41
+ }
42
+ [dir="rtl"] .progress__percentage {
43
+ float: left;
44
+ }
45
+ .progress--small .progress__track {
46
+ height: 7px;
47
+ }
48
+ .progress--small .progress__bar {
49
+ height: 7px;
50
+ background-size: 20px 20px;
51
+ }
@@ -0,0 +1 @@
1
+ .navbar .form-inline .form-actions{display:none}.toolbar-oriented .toolbar-bar{z-index:1200}.toolbar-horizontal .toolbar-menu.nav{float:left}fieldset.card legend{font-size:1rem}.form-check{margin-bottom:1rem}.form-checkboxes .form-check,.form-radios .form-check{margin-bottom:0}.forum__last-reply{width:20%}.forum-list__forum{width:60%}#drupal-off-canvas{box-sizing:initial}
@@ -0,0 +1,15 @@
1
+ /*
2
+ * @file
3
+ * Utility class to remove browser styles, especially for button.
4
+ */
5
+
6
+ .reset-appearance {
7
+ margin: 0;
8
+ padding: 0;
9
+ border: 0 none;
10
+ background: transparent;
11
+ line-height: inherit;
12
+ -webkit-appearance: none;
13
+ -moz-appearance: none;
14
+ appearance: none;
15
+ }
@@ -0,0 +1,21 @@
1
+ /**
2
+ * @file
3
+ * Resizable textareas.
4
+ */
5
+
6
+ .resize-none {
7
+ resize: none;
8
+ }
9
+ .resize-vertical {
10
+ min-height: 2em;
11
+ resize: vertical;
12
+ }
13
+ .resize-horizontal {
14
+ max-width: 100%;
15
+ resize: horizontal;
16
+ }
17
+ .resize-both {
18
+ max-width: 100%;
19
+ min-height: 2em;
20
+ resize: both;
21
+ }
@@ -0,0 +1,41 @@
1
+ .search-api-autocomplete-suggestion {
2
+ padding: 3px 5px;
3
+ position: relative;
4
+ }
5
+
6
+ .search-api-autocomplete-search .ui-menu-item-wrapper {
7
+ border: 0;
8
+ color: #333;
9
+ margin: 0;
10
+ padding: 0;
11
+ }
12
+
13
+ .search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
14
+ background: #0072B9;
15
+ color: #FFF;
16
+ }
17
+
18
+ .search-api-autocomplete-search .ui-menu-item {
19
+ list-style-image: none;
20
+ }
21
+
22
+ .search-api-autocomplete-search .ui-menu-item:hover {
23
+ background: #eee;
24
+ }
25
+
26
+ .search-api-autocomplete-search .ui-menu-item a {
27
+ text-decoration: none;
28
+ }
29
+
30
+ .search-api-autocomplete-suggestion .autocomplete-suggestion-note {
31
+ font-size: 90%;
32
+ }
33
+
34
+ .search-api-autocomplete-suggestion .autocomplete-suggestion-user-input {
35
+ font-weight: bold;
36
+ }
37
+
38
+ .search-api-autocomplete-suggestion .autocomplete-suggestion-results-count {
39
+ position: absolute;
40
+ right: 0.2em;
41
+ }
@@ -0,0 +1,13 @@
1
+ /**
2
+ * @file
3
+ * Table header behavior.
4
+ *
5
+ * @see tableheader.js
6
+ */
7
+
8
+ table.sticky-header {
9
+ z-index: 500;
10
+ top: 0;
11
+ margin-top: 0;
12
+ background-color: #fff;
13
+ }
@@ -0,0 +1,30 @@
1
+ /**
2
+ * @file
3
+ * Styles for the system status counter component.
4
+ */
5
+
6
+ .system-status-counter__status-icon {
7
+ display: inline-block;
8
+ width: 25px;
9
+ height: 25px;
10
+ vertical-align: middle;
11
+ }
12
+ .system-status-counter__status-icon:before {
13
+ display: block;
14
+ width: 100%;
15
+ height: 100%;
16
+ content: "";
17
+ background-repeat: no-repeat;
18
+ background-position: center 2px;
19
+ background-size: 16px;
20
+ }
21
+
22
+ .system-status-counter__status-icon--error:before {
23
+ background-image: url(../../../../misc/icons/e32700/error.svg);
24
+ }
25
+ .system-status-counter__status-icon--warning:before {
26
+ background-image: url(../../../../misc/icons/e29700/warning.svg);
27
+ }
28
+ .system-status-counter__status-icon--checked:before {
29
+ background-image: url(../../../../misc/icons/73b355/check.svg);
30
+ }
@@ -0,0 +1,27 @@
1
+ /**
2
+ * @file
3
+ * Styles for the system status report counters.
4
+ */
5
+
6
+ .system-status-report-counters__item {
7
+ width: 100%;
8
+ margin-bottom: 0.5em;
9
+ padding: 0.5em 0;
10
+ text-align: center;
11
+ white-space: nowrap;
12
+ background-color: rgba(0, 0, 0, 0.063);
13
+ }
14
+
15
+ @media screen and (min-width: 60em) {
16
+ .system-status-report-counters {
17
+ display: flex;
18
+ flex-wrap: wrap;
19
+ justify-content: space-between;
20
+ }
21
+ .system-status-report-counters__item--half-width {
22
+ width: 49%;
23
+ }
24
+ .system-status-report-counters__item--third-width {
25
+ width: 33%;
26
+ }
27
+ }
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @file
3
+ * Default styles for the System Status general info.
4
+ */
5
+
6
+ .system-status-general-info__item {
7
+ margin-top: 1em;
8
+ padding: 0 1em 1em;
9
+ border: 1px solid #ccc;
10
+ }
11
+
12
+ .system-status-general-info__item-title {
13
+ border-bottom: 1px solid #ccc;
14
+ }
@@ -0,0 +1,98 @@
1
+ /**
2
+ * @file
3
+ * Table drag behavior.
4
+ *
5
+ * @see tabledrag.js
6
+ */
7
+
8
+ body.drag {
9
+ cursor: move;
10
+ }
11
+ tr.region-title {
12
+ font-weight: bold;
13
+ }
14
+ tr.region-message {
15
+ color: #999;
16
+ }
17
+ tr.region-populated {
18
+ display: none;
19
+ }
20
+ tr.add-new .tabledrag-changed {
21
+ display: none;
22
+ }
23
+ .draggable a.tabledrag-handle {
24
+ float: left; /* LTR */
25
+ overflow: hidden;
26
+ height: 1.7em;
27
+ margin-left: -1em; /* LTR */
28
+ cursor: move;
29
+ text-decoration: none;
30
+ }
31
+ [dir="rtl"] .draggable a.tabledrag-handle {
32
+ float: right;
33
+ margin-right: -1em;
34
+ margin-left: 0;
35
+ }
36
+ a.tabledrag-handle:hover {
37
+ text-decoration: none;
38
+ }
39
+ a.tabledrag-handle .handle {
40
+ width: 14px;
41
+ height: 14px;
42
+ margin: -0.4em 0.5em 0;
43
+ padding: 0.42em 0.5em;
44
+ background: #787878;
45
+ -webkit-mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
46
+ mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
47
+ }
48
+ a.tabledrag-handle:hover .handle,
49
+ a.tabledrag-handle:focus .handle {
50
+ background: #000;
51
+ }
52
+
53
+ @media (forced-colors: active) {
54
+ a.tabledrag-handle .handle,
55
+ a.tabledrag-handle:hover .handle,
56
+ a.tabledrag-handle:focus .handle {
57
+ background: canvastext;
58
+ }
59
+ }
60
+ .touchevents .draggable td {
61
+ padding: 0 10px;
62
+ }
63
+ .touchevents .draggable .menu-item__link {
64
+ display: inline-block;
65
+ padding: 10px 0;
66
+ }
67
+ .touchevents a.tabledrag-handle {
68
+ width: 40px;
69
+ height: 44px;
70
+ }
71
+ .touchevents a.tabledrag-handle .handle {
72
+ height: 21px;
73
+ background-position: 40% 19px; /* LTR */
74
+ }
75
+ [dir="rtl"] .touch a.tabledrag-handle .handle {
76
+ background-position: right 40% top 19px;
77
+ }
78
+ .touchevents .draggable.drag a.tabledrag-handle .handle {
79
+ background-position: 50% -32px;
80
+ }
81
+ .tabledrag-toggle-weight-wrapper {
82
+ text-align: right; /* LTR */
83
+ }
84
+ [dir="rtl"] .tabledrag-toggle-weight-wrapper {
85
+ text-align: left;
86
+ }
87
+ .indentation {
88
+ float: left; /* LTR */
89
+ width: 20px;
90
+ height: 1.7em;
91
+ margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
92
+ padding: 0.42em 0 0.42em 0.6em; /* LTR */
93
+ }
94
+ [dir="rtl"] .indentation {
95
+ float: right;
96
+ margin: -0.4em -0.4em -0.4em 0.2em;
97
+ padding: 0.42em 0.6em 0.42em 0;
98
+ }
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @file
3
+ * Table sort indicator.
4
+ *
5
+ * @see tablesort-indicator.html.twig
6
+ */
7
+
8
+ .tablesort {
9
+ display: inline-block;
10
+ width: 16px;
11
+ height: 16px;
12
+ background-size: 100%;
13
+ }
14
+ .tablesort--asc {
15
+ background-image: url(../../../../misc/icons/787878/twistie-down.svg);
16
+ }
17
+ .tablesort--desc {
18
+ background-image: url(../../../../misc/icons/787878/twistie-up.svg);
19
+ }