emby 4.8
This commit is contained in:
1
modules/emby-elements/emby-toggle/emby-toggle.css
Normal file
1
modules/emby-elements/emby-toggle/emby-toggle.css
Normal file
@@ -0,0 +1 @@
|
||||
.emby-toggle-label{position:relative;vertical-align:middle;display:-webkit-inline-flex;display:inline-flex;box-sizing:border-box;width:100%;margin:0;padding:0;-webkit-align-items:center;align-items:center;outline:0!important}.toggleContainer{margin-bottom:1.8em}.emby-toggle{position:absolute;width:1px;height:1px;margin:0;padding:0;-webkit-appearance:none;appearance:none;border:none;outline:0!important}.emby-toggle:not(:disabled){cursor:pointer}.toggleLabel{position:relative;margin:0;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:flex-start;align-items:flex-start}.emby-toggle:not(:disabled)+.toggleLabel{cursor:pointer}.toggleLabel::before{content:"";display:inline-block;position:static;-webkit-margin-end:.5em;margin-inline-end:.5em;margin-top:.26em;-webkit-flex-shrink:0;flex-shrink:0;width:2.9em;background:rgba(0,0,0,.2);height:1em;border-radius:1em}.toggleLabel::after{position:absolute;content:"";display:inline-block;background:#999;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;height:1.44em;width:1.44em;border-radius:50%;box-shadow:0 .1386666em .1386666em 0 rgba(0,0,0,.14),0 .208em .0693333em -.1386666em rgba(0,0,0,.2),0 .0693333em 5px 0 rgba(0,0,0,.12);transition-duration:.28s;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-property:left;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.emby-toggle:checked+.toggleLabel::before{background:rgba(82,181,75,.5)}.emby-toggle:checked+.toggleLabel::after{background:#52b54b;left:1.466em;inset-inline-start:1.466em;inset-inline-end:initial;box-shadow:0 .208em .28em 0 rgba(0,0,0,.14),0 .208em .208em -.1386666em rgba(0,0,0,.2),0 .0693333em .56em 0 rgba(0,0,0,.12)}.emby-toggle-focusring:focus+.toggleLabel::after{box-shadow:0 0 0 .7em rgba(0,0,0,.1)}.emby-toggle-focusring:focus:checked+.toggleLabel::after{box-shadow:0 0 0 .7em rgba(82,181,75,.2)}.emby-toggle[disabled]+.toggleLabel{opacity:.5}.toggleFieldDescription{-webkit-padding-start:3.4em;padding-inline-start:3.4em}
|
||||
1
modules/emby-elements/emby-toggle/emby-toggle.js
Normal file
1
modules/emby-elements/emby-toggle/emby-toggle.js
Normal file
@@ -0,0 +1 @@
|
||||
define(["exports","./../../layoutmanager.js","./../../input/keyboard.js"],function(_exports,_layoutmanager,_keyboard){function onKeyDown(e){if("Enter"===_keyboard.default.normalizeKeyFromEvent(e))return e.preventDefault(),this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0})),!1}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["css!modules/emby-elements/emby-toggle/emby-toggle.css"]);var EmbyToggle=function(_HTMLInputElement){babelHelpers.inherits(EmbyToggle,_HTMLInputElement);var _super=_createSuper(EmbyToggle);function EmbyToggle(){var _this;babelHelpers.classCallCheck(this,EmbyToggle),_this=_super.call(this);return babelHelpers.possibleConstructorReturn(_this,_this)}return babelHelpers.createClass(EmbyToggle,[{key:"connectedCallback",value:function(){!function(){this.classList.add("emby-toggle","emby-toggle-focusring"),_layoutmanager.default.tv&&this.classList.add("emby-toggle-tv");var labelElement=this.parentNode;labelElement.classList.add("emby-toggle-label"),(labelElement=labelElement.querySelector("span"))&&(labelElement.classList.add("toggleLabel"),_layoutmanager.default.tv)&&labelElement.classList.add("toggleLabel-tv"),this.addEventListener("keydown",onKeyDown)}.call(this)}},{key:"disconnectedCallback",value:function(){!function(){this.removeEventListener("keydown",onKeyDown)}.call(this)}}]),EmbyToggle}(babelHelpers.wrapNativeSuper(HTMLInputElement));customElements.define("emby-toggle",EmbyToggle,{extends:"input"}),_exports.default=EmbyToggle});
|
||||
Reference in New Issue
Block a user