first commit
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.5em}.toggleContainer-listItem{margin-bottom:.5em}.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:center;align-items:center}.emby-toggle:not(:disabled)+.toggleLabel,.emby-toggle:not(:disabled)~.toggleSwitch{cursor:pointer}.toggleSwitch{content:"";display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;-webkit-margin-start:.5em;margin-inline-start:.5em;-webkit-flex-shrink:0;flex-shrink:0;width:3.7em;height:2.16em;border-radius:1.1em}.toggleSwitch::before{position:absolute;content:"";display:inline-block;left:.2em;right:initial;inset-inline-start:.2em;inset-inline-end:initial;height:1.82em;width:1.82em;border-radius:50%;transition-duration:.28s;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-property:inset-inline-start;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#fff;box-shadow:0 0 .3em rgba(0,0,0,.25)}.emby-toggle:checked~.toggleSwitch::before{left:calc(100% - .2em - 1.82em);right:initial;inset-inline-start:calc(100% - .2em - 1.82em);inset-inline-end:initial}.emby-toggle[disabled]~.toggleSwitch{opacity:.5}.toggleFieldDescription{margin-top:.2em}
|
||||
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","./../../input/keyboard.js"],function(_exports,_keyboard){function onKeyDown(e){var key=_keyboard.default.normalizeKeyFromEvent(e);if("Enter"===key)return e.preventDefault(),e.repeat?void 0:(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0})),!1)}function onFocus(){var _this$closest;null!=(_this$closest=this.closest(".emby-toggle-label"))&&_this$closest.classList.add("emby-toggle-label-focus")}function onBlur(){var _this$closest2;null!=(_this$closest2=this.closest(".emby-toggle-label"))&&_this$closest2.classList.remove("emby-toggle-label-focus")}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["css!modules/emby-elements/emby-toggle/emby-toggle.css","css!!tv|modules/emby-elements/emby-toggle/emby-toggle_nontv.css","css!tv|modules/emby-elements/emby-toggle/emby-toggle_tv.css"]);var EmbyToggle=function(_HTMLInputElement){function EmbyToggle(){var _this;_this=_HTMLInputElement.call(this)||this;return babelHelpers.possibleConstructorReturn(_this,_this)}return babelHelpers.inherits(EmbyToggle,_HTMLInputElement),babelHelpers.createClass(EmbyToggle,[{key:"connectedCallback",value:function(){!function(){this.setAttribute("role","switch"),this.classList.add("emby-toggle");var labelElement=this.parentNode,labelTextElement=(labelElement.classList.add("emby-toggle-label"),labelElement.querySelector(".toggleLabel"));labelTextElement||((labelTextElement=document.createElement("span")).innerHTML=this.getAttribute("label")||"",labelElement.appendChild(labelTextElement)),labelTextElement.classList.add("toggleLabel"),this.classList.contains("toggle-inline")||labelTextElement.classList.add("flex-grow"),(labelTextElement=labelElement.querySelector(".toggleSwitch"))||((labelTextElement=document.createElement("div")).classList.add("toggleSwitch"),labelElement.appendChild(labelTextElement)),this.addEventListener("keydown",onKeyDown),this.removeEventListener("focus",onFocus),this.addEventListener("focus",onFocus),this.removeEventListener("blur",onBlur),this.addEventListener("blur",onBlur)}.call(this)}},{key:"disconnectedCallback",value:function(){!function(){this.removeEventListener("keydown",onKeyDown)}.call(this)}}])}(babelHelpers.wrapNativeSuper(HTMLInputElement));customElements.define("emby-toggle",EmbyToggle,{extends:"input"}),_exports.default=EmbyToggle});
|
||||
1
modules/emby-elements/emby-toggle/emby-toggle_nontv.css
Normal file
1
modules/emby-elements/emby-toggle/emby-toggle_nontv.css
Normal file
@@ -0,0 +1 @@
|
||||
.emby-toggle:focus-visible~.toggleSwitch::before{box-shadow:0 0 0 .7em rgba(0,0,0,.3)}@media all and (pointer:fine){.toggleSwitch{width:3em;height:1.66em}.toggleSwitch::before{height:1.37em;width:1.37em}.emby-toggle:checked~.toggleSwitch::before{left:calc(100% - .2em - 1.37em);right:initial;inset-inline-start:calc(100% - .2em - 1.37em);inset-inline-end:initial}}
|
||||
1
modules/emby-elements/emby-toggle/emby-toggle_tv.css
Normal file
1
modules/emby-elements/emby-toggle/emby-toggle_tv.css
Normal file
@@ -0,0 +1 @@
|
||||
.emby-toggle-label{box-sizing:content-box;padding-top:.25em;padding-bottom:.25em}.emby-toggle-label.emby-toggle-label-focus{border-radius:.6em;-webkit-padding-start:.5em;padding-inline-start:.5em;-webkit-padding-end:.5em;padding-inline-end:.5em;-webkit-margin-start:-.5em;margin-inline-start:-.5em;-webkit-margin-end:-.5em;margin-inline-end:-.5em}
|
||||
Reference in New Issue
Block a user