@latest-thinking/lt-player 1.1.0 → 1.2.0

package/examples/lt-page-with-player_files/clearfix.module.css

@@ -0,0 +1,15 @@
+/**
+ * @file
+ * Float clearing.
+ *
+ * Based on the micro clearfix hack by Nicolas Gallagher, with the :before
+ * pseudo selector removed to allow normal top margin collapse.
+ *
+ * @see http://nicolasgallagher.com/micro-clearfix-hack
+ */
+
+.clearfix:after {
+  display: table;
+  clear: both;
+  content: "";
+}

package/examples/lt-page-with-player_files/container-inline.module.css

@@ -0,0 +1,16 @@
+/**
+ * @file
+ * Inline items.
+ */
+
+.container-inline div,
+.container-inline label {
+  display: inline-block;
+}
+/* Details contents always need to be rendered as block. */
+.container-inline .details-wrapper {
+  display: block;
+}
+.container-inline .hidden {
+  display: none;
+}

package/examples/lt-page-with-player_files/cookiesjsr.min.css

@@ -0,0 +1,10 @@
+/** @license CookieJSR v1.0.13
+ * file: cookiesjsr.min.css
+ *
+ * Copyright (c) Joachim Feltkamp, Hamburg, Germany.
+ *
+ * This source code is licensed under the CC BY-ND license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+.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}
+/* end: cookiesjsr.min.css */

package/examples/lt-page-with-player_files/core.css

@@ -0,0 +1,97 @@
+/*!
+ * jQuery UI CSS Framework 1.13.2
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/theming/
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+	display: none;
+}
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+.ui-helper-reset {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+	clear: both;
+}
+.ui-helper-zfix {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	opacity: 0;
+	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
+}
+
+.ui-front {
+	z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+	cursor: default !important;
+	pointer-events: none;
+}
+
+
+/* Icons
+----------------------------------*/
+.ui-icon {
+	display: inline-block;
+	vertical-align: middle;
+	margin-top: -.25em;
+	position: relative;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+}
+
+.ui-widget-icon-block {
+	left: 50%;
+	margin-left: -8px;
+	display: block;
+}
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}

package/examples/lt-page-with-player_files/details.module.css

@@ -0,0 +1,10 @@
+/**
+ * @file
+ * Collapsible details.
+ *
+ * @see collapse.js
+ */
+
+.js details:not([open]) .details-wrapper {
+  display: none;
+}

package/examples/lt-page-with-player_files/fieldgroup.module.css

@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Fieldgroup border reset.
+ */
+
+.fieldgroup {
+  padding: 0;
+  border-width: 0;
+}

package/examples/lt-page-with-player_files/hidden.module.css

@@ -0,0 +1,53 @@
+/**
+ * @file
+ * Utility classes to hide elements in different ways.
+ */
+
+/**
+ * Hide elements from all users.
+ *
+ * Used for elements which should not be immediately displayed to any user. An
+ * example would be collapsible details that will be expanded with a click
+ * from a user. The effect of this class can be toggled with the jQuery show()
+ * and hide() functions.
+ */
+.hidden {
+  display: none;
+}
+
+/**
+ * Hide elements visually, but keep them available for screen readers.
+ *
+ * Used for information required for screen reader users to understand and use
+ * the site where visual display is undesirable. Information provided in this
+ * manner should be kept concise, to avoid unnecessary burden on the user.
+ * "!important" is used to prevent unintentional overrides.
+ */
+.visually-hidden {
+  position: absolute !important;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  width: 1px;
+  height: 1px;
+  word-wrap: normal;
+}
+
+/**
+ * The .focusable class extends the .visually-hidden class to allow
+ * the element to be focusable when navigated to via the keyboard.
+ */
+.visually-hidden.focusable:active,
+.visually-hidden.focusable:focus {
+  position: static !important;
+  overflow: visible;
+  clip: auto;
+  width: auto;
+  height: auto;
+}
+
+/**
+ * Hide visually and from screen readers, but maintain layout.
+ */
+.invisible {
+  visibility: hidden;
+}

package/examples/lt-page-with-player_files/item-list.module.css

@@ -0,0 +1,19 @@
+/**
+ * @file
+ * Styles for item list.
+ */
+
+.item-list__comma-list,
+.item-list__comma-list li {
+  display: inline;
+}
+.item-list__comma-list {
+  margin: 0;
+  padding: 0;
+}
+.item-list__comma-list li:after {
+  content: ", ";
+}
+.item-list__comma-list li:last-child:after {
+  content: "";
+}

package/examples/lt-page-with-player_files/js.module.css

@@ -0,0 +1,22 @@
+/**
+ * @file
+ * Utility classes to assist with JavaScript functionality.
+ */
+
+/**
+ * For anything you want to hide on page load when JS is enabled, so
+ * that you can use the JS to control visibility and avoid flicker.
+ */
+.js .js-hide {
+  display: none;
+}
+
+/**
+ * For anything you want to show on page load only when JS is enabled.
+ */
+.js-show {
+  display: none;
+}
+.js .js-show {
+  display: block;
+}