UNPKG

madosel

Version:

The most and fast advanced responsive html front-end framework.

9 lines 7.21 kB
/*! * Madosel Component 1.0.0-alpha12 * Copyright 2020-2021 Kenan Gündoğan * https://www.madosel.com * Licensed under MIT https://github.com/kenangundogan/madosel/blob/master/LICENSE * Released under the MIT License */ !function(){var t={541:function(){window.Accordion=function(t){var n=t.element,o=null==t.event?"click":t.event,a=null==t.transition?"300":t.transition,e=t.activeTab,i=t.multipleTab,s=document.querySelectorAll(n+" .accordion-item");s.forEach((function(t,n){var r,c,d,l;r=t.querySelector(".head"),c=t.querySelector(".body"),d=t.querySelector(".wrapper"),function(t,n,o,e,i){o==n+1&&(t.classList.add("show"),e.style.transition="".concat(a,"ms"),e.style.height="".concat(i.offsetHeight,"px"))}(t,n,e,c,d),r.addEventListener(o,(function(){t.classList.forEach((function(t){l="show"==t?t:""})),l?(c.style.height="",setTimeout((function(){t.classList.remove("show"),c.style=""}),a)):(1!=i&&function(t,n){t.forEach((function(t){t.classList.forEach((function(o){"show"==o&&(t.querySelector(".body").style.height="",setTimeout((function(){t.classList.remove("show"),t.querySelector(".body").style=""}),n))}))}))}(s,a),t.classList.add("show"),c.style.transition="".concat(a,"ms"),c.style.height="".concat(d.offsetHeight,"px"))}))}))}},480:function(){document.addEventListener("DOMContentLoaded",(function(){!function(){var t=document.querySelectorAll(".dropdown-container");function n(t){t.dropdownContainers.forEach((function(t){var n=t.querySelector(".dropdown-list"),o=n.getAttribute("data-position");n.classList.remove("show",o),n.style.height=""}))}t.forEach((function(o){var a,e=o.querySelector(".dropdown-btn"),i=o.querySelector(".dropdown-list"),s=i.getAttribute("data-position"),r=e.getAttribute("data-target"),c=i.id,d=i.getAttribute("data-height");""!=s&&null!=s||(s="bottom"),""!=d&&null!=d||(d=""),(a={dropdownContainers:t,dropdownBtn:e,dropdownList:i,dataPosition:s,dataHeight:d,dataTarget:r,id:c}).dropdownBtn.addEventListener("click",(function(){a.dropdownList.classList.forEach((function(t){"show"==t?n(a):a.id==a.dataTarget&&(n(a),"top"==a.dataPosition?(a.dropdownList.style.transform="translate(0px, -".concat(a.dropdownBtn.offsetHeight,"px)"),a.dropdownList.style.inset="auto auto 0px 0px"):"bottom"==a.dataPosition?(a.dropdownList.style.transform="translate(0px, ".concat(a.dropdownBtn.offsetHeight,"px)"),a.dropdownList.style.inset="0px auto auto 0px"):"right"==a.dataPosition?(a.dropdownList.style.transform="translate(".concat(a.dropdownBtn.offsetWidth,"px, 0px)"),a.dropdownList.style.inset="0px auto auto 0px"):"left"==a.dataPosition&&(a.dropdownList.style.transform="translate(-".concat(a.dropdownBtn.offsetWidth,"px, 0px)"),a.dropdownList.style.inset="0px 0px auto auto"),a.dropdownList.classList.add("show",a.dataPosition),a.dropdownList.style.height="".concat(a.dataHeight,"px"))}))})),document.addEventListener("keydown",(function(t){"Escape"!==t.key&&"Esc"!==t.key||n(a)}))}))}()}))},996:function(){window.Modal=function(){function t(t,n){t.modalContainer.classList.remove("visible","transform"),setTimeout((function(){t.modalContainer.classList.remove(n.dataPostion,n.dataSize,"show"),n.modalWrapper.style=""}),n.dataTransition)}document.querySelectorAll(".modalBtn").forEach((function(n){var o=n.getAttribute("data-target");!function(n){if(n.modalContainer){var o=n.modalContainer.querySelector(".modal-close"),a=n.modalContainer.querySelector(".modal-wrapper"),e=n.modalContainer.getAttribute("data-position"),i=n.modalContainer.getAttribute("data-size"),s=n.modalContainer.getAttribute("data-transition");""!=e&&null!=e||(e="center"),""!=i&&null!=i||(i="small"),""!=s&&null!=s||(s="300"),options={modalClose:o,modalWrapper:a,dataPostion:e,dataSize:i,dataTransition:s},function(n,o){n.modalButton.addEventListener("click",(function(){n.modalContainer.classList.add("show",o.dataPostion,o.dataSize),setTimeout((function(){o.modalWrapper.style.transition="".concat(o.dataTransition,"ms"),n.modalContainer.classList.add("visible"),n.modalContainer.classList.add("transform")}),0),function(n,o){o.modalClose&&(o.modalClose.addEventListener("click",(function(){t(n,o)})),document.addEventListener("keydown",(function(a){"Escape"!==a.key&&"Esc"!==a.key||t(n,o)})))}(n,o)}))}(n,options)}}({modalButton:n,modalContainer:document.querySelector(o)})}))}},869:function(){window.NavigationTabs=function(t){var n=t.element,o=null==t.event?"click":t.event,a=null==t.direction?"top":t.direction,e=t.activeTab,i="".concat(n," .navigation-tab-menu"),s="".concat(i," .navigation-tab-menu-item"),r="".concat(n," .navigation-tab-content"),c="".concat(r," .navigation-tab-content-item"),d=document.querySelector(n),l=document.querySelectorAll(s),u=document.querySelectorAll(c);d.classList.add(a),l.forEach((function(t){t.addEventListener(o,(function(){menuItemDataId=t.getAttribute("data-id"),u.forEach((function(n){contentItemDataId=n.getAttribute("data-id"),menuItemDataId==contentItemDataId&&(l.forEach((function(t){t.classList.remove("show")})),u.forEach((function(t){t.classList.remove("show")})),t.classList.add("show"),n.classList.add("show"))}))}))})),function(t){l.forEach((function(n,o){t==o+1&&n.classList.add("show")})),u.forEach((function(n,o){t==o+1&&n.classList.add("show")}))}(e)}},178:function(){window.Offcanvas=function(){function t(t,n){t.offcanvasContainer.classList.remove("visible","transform"),setTimeout((function(){t.offcanvasContainer.classList.remove(n.dataPostion,n.dataSize,"show"),n.offcanvasWrapper.style=""}),n.dataTransition)}document.querySelectorAll(".offcanvasBtn").forEach((function(n){var o=n.getAttribute("data-target");!function(n){if(n.offcanvasContainer){var o=n.offcanvasContainer.querySelector(".offcanvas-close"),a=n.offcanvasContainer.querySelector(".offcanvas-wrapper"),e=n.offcanvasContainer.getAttribute("data-position"),i=n.offcanvasContainer.getAttribute("data-size"),s=n.offcanvasContainer.getAttribute("data-transition");""!=e&&null!=e||(e="left"),""!=i&&null!=i||(i="small"),""!=s&&null!=s||(s="300"),options={offcanvasClose:o,offcanvasWrapper:a,dataPostion:e,dataSize:i,dataTransition:s},function(n,o){n.offcanvasButton.addEventListener("click",(function(){n.offcanvasContainer.classList.add("show",o.dataPostion,o.dataSize),setTimeout((function(){o.offcanvasWrapper.style.transition="".concat(o.dataTransition,"ms"),n.offcanvasContainer.classList.add("visible"),n.offcanvasContainer.classList.add("transform")}),0),function(n,o){o.offcanvasClose&&(o.offcanvasClose.addEventListener("click",(function(){t(n,o)})),window.addEventListener("keydown",(function(a){"Escape"!==a.key&&"Esc"!==a.key||t(n,o)})))}(n,o)}))}(n,options)}}({offcanvasButton:n,offcanvasContainer:document.querySelector(o)})}))}}},n={};function o(a){var e=n[a];if(void 0!==e)return e.exports;var i=n[a]={exports:{}};return t[a](i,i.exports,o),i.exports}o.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(n,{a:n}),n},o.d=function(t,n){for(var a in n)o.o(n,a)&&!o.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:n[a]})},o.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},function(){"use strict";o(541),o(869),o(996),o(178),o(480)}()}(); //# sourceMappingURL=madosel-component.min.js.map