emby 4.8
This commit is contained in:
1
modules/emby-elements/emby-collapse/emby-collapse.css
Normal file
1
modules/emby-elements/emby-collapse/emby-collapse.css
Normal file
@@ -0,0 +1 @@
|
||||
.emby-collapse{margin:.5em 0}.collapseContent{border-width:0;padding:1.25em 1.25em;height:0;transition:height .4s ease-out;overflow:hidden}.emby-collapsible-button{margin:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-transform:none;width:100%;text-align:start;text-transform:none;-webkit-padding-start:.1em;padding-inline-start:.1em;background:0 0;box-shadow:none}.emby-collapsible-button-collapsed::after{position:absolute;content:" ";bottom:-.15em;left:0;right:0;height:.08em}.emby-collapse-expandIcon{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;position:absolute;right:.5em;inset-inline-start:initial;inset-inline-end:.5em;font-size:1.66956521739130434em;-webkit-transform:rotate(270deg);transform:rotate(270deg)}[dir=rtl] .emby-collapse-expandIcon{-webkit-transform:scaleX(-1) rotate(270deg);transform:scaleX(-1) rotate(270deg)}.emby-collapse-expandIconExpanded{-webkit-transform:none!important;transform:none!important}.emby-collapsible-title{margin:0;padding:0}
|
||||
1
modules/emby-elements/emby-collapse/emby-collapse.js
Normal file
1
modules/emby-elements/emby-collapse/emby-collapse.js
Normal file
@@ -0,0 +1 @@
|
||||
define(["exports","./../../dom.js","./../emby-button/emby-button.js"],function(_exports,_dom,_embyButton){function onButtonClick(e,animate){var collapseContent=this.parentNode.querySelector(".collapseContent");collapseContent.expanded?(collapseContent.expanded=!1,function(button,elem){elem.style.height=elem.offsetHeight+"px",elem.offsetHeight,elem.classList.remove("expanded"),elem.style.height="0",setTimeout(function(){button.classList.add("emby-collapsible-button-collapsed"),elem.classList.contains("expanded")?elem.classList.remove("hide"):elem.classList.add("hide")},400),button.querySelector("i").classList.remove("emby-collapse-expandIconExpanded")}(this,collapseContent)):(collapseContent.expanded=!0,function(button,elem,animate){elem.classList.remove("hide"),elem.classList.add("expanded"),elem.style.height="auto",animate&&(animate=elem.offsetHeight+"px",elem.style.height="0",elem.offsetHeight,elem.style.height=animate,setTimeout(function(){elem.classList.contains("expanded")?elem.classList.remove("hide"):elem.classList.add("hide"),elem.style.height="auto"},400)),button.querySelector("i").classList.add("emby-collapse-expandIconExpanded"),button.classList.remove("emby-collapsible-button-collapsed")}(this,collapseContent,!1!==animate))}function onInit(){this.hasInit||(this.hasInit=!0)}function onButtonDragEnter(e){this.parentNode.querySelector(".collapseContent").expanded||this.click()}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["css!modules/emby-elements/emby-collapse/emby-collapse.css"]);var EmbyCollapse=function(_HTMLDivElement){babelHelpers.inherits(EmbyCollapse,_HTMLDivElement);var _super=_createSuper(EmbyCollapse);function EmbyCollapse(){babelHelpers.classCallCheck(this,EmbyCollapse);var _this,self=_this=_super.call(this);return onInit.call(self),babelHelpers.possibleConstructorReturn(_this,self)}return babelHelpers.createClass(EmbyCollapse,[{key:"expand",value:function(){}},{key:"collapse",value:function(){}},{key:"connectedCallback",value:function(){onInit.call(this),function(){var collapseContent,headerClass,iconClass,buttonClass;this.classList.contains("emby-collapse")||(this.classList.add("emby-collapse"),(collapseContent=this.querySelector(".collapseContent"))&&collapseContent.classList.add("hide"),collapseContent=this.getAttribute("title"),this.title="",headerClass=((this.getAttribute("data-headerclass")||"")+" emby-collapsible-title").trim(),buttonClass=((this.getAttribute("data-buttonclass")||"")+" emby-collapsible-button").trim(),iconClass=((this.getAttribute("data-iconclass")||"")+" md-icon emby-collapse-expandIcon").trim(),this.insertAdjacentHTML("afterbegin",'<button is="emby-button" type="button" on-click="toggleExpand" id="expandButton" class="'+buttonClass+'"><h3 class="'+headerClass+'" title="'+collapseContent+'" aria-label="'+collapseContent+'">'+collapseContent+'</h3><i class="'+iconClass+'">expand_more</i></button>'),(buttonClass=this.querySelector(".emby-collapsible-button")).addEventListener("click",onButtonClick),"true"===this.getAttribute("data-expanded")?onButtonClick.call(buttonClass,{},!1):buttonClass.classList.add("emby-collapsible-button-collapsed"),_dom.default.addEventListener(buttonClass,"dragenter",onButtonDragEnter,{passive:!0}))}.call(this)}}]),EmbyCollapse}(babelHelpers.wrapNativeSuper(HTMLDivElement));customElements.define("emby-collapse",EmbyCollapse,{extends:"div"}),_exports.default=EmbyCollapse});
|
||||
Reference in New Issue
Block a user