aril 1.1.72 → 1.1.73

package/util/block/src/blockui.min.js

@@ -0,0 +1,7 @@
+"use strict";Element.prototype.matches||(Element.prototype.matches=function(t){for(var e=(this.document||this.ownerDocument).querySelectorAll(t),n=e.length;--n>=0&&e.item(n)!==this;);return n>-1}),Element.prototype.closest||(Element.prototype.closest=function(t){var e=this;if(!document.documentElement.contains(this))return null;do{if(e.matches(t))return e;e=e.parentElement}while(null!==e);return null})
+/**
+ * ChildNode.remove() polyfill
+ * https://gomakethings.com/removing-an-element-from-the-dom-the-es6-way/
+ * @author Chris Ferdinandi
+ * @license MIT
+ */,function(t){for(var e=0;e<t.length;e++)window[t[e]]&&!("remove"in window[t[e]].prototype)&&(window[t[e]].prototype.remove=function(){this.parentNode.removeChild(this)})}(["Element","CharacterData","DocumentType"]),function(){for(var t=0,e=["webkit","moz"],n=0;n<e.length&&!window.requestAnimationFrame;++n)window.requestAnimationFrame=window[e[n]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[n]+"CancelAnimationFrame"]||window[e[n]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e){var n=(new Date).getTime(),i=Math.max(0,16-(n-t)),o=window.setTimeout((function(){e(n+i)}),i);return t=n+i,o}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}(),[Element.prototype,Document.prototype,DocumentFragment.prototype].forEach((function(t){t.hasOwnProperty("prepend")||Object.defineProperty(t,"prepend",{configurable:!0,enumerable:!0,writable:!0,value:function(){var t=Array.prototype.slice.call(arguments),e=document.createDocumentFragment();t.forEach((function(t){var n=t instanceof Node;e.appendChild(n?t:document.createTextNode(String(t)))})),this.insertBefore(e,this.firstChild)}})})),null==Element.prototype.getAttributeNames&&(Element.prototype.getAttributeNames=function(){for(var t=this.attributes,e=t.length,n=new Array(e),i=0;i<e;i++)n[i]=t[i].name;return n}),window.KTUtilElementDataStore={},window.KTUtilElementDataStoreID=0,window.KTUtilDelegatedEventHandlers={};var KTUtil=function(){var t=[],e=function(){window.addEventListener("resize",(function(){KTUtil.throttle(undefined,(function(){!function(){for(var e=0;e<t.length;e++)t[e].call()}()}),200)}))};return{init:function(t){e()},addResizeHandler:function(e){t.push(e)},removeResizeHandler:function(e){for(var n=0;n<t.length;n++)e===t[n]&&delete t[n]},runResizeHandlers:function(){_runResizeHandlers()},resize:function(){if("function"==typeof Event)window.dispatchEvent(new Event("resize"));else{var t=window.document.createEvent("UIEvents");t.initUIEvent("resize",!0,!1,window,0),window.dispatchEvent(t)}},getURLParam:function(t){var e,n,i=window.location.search.substring(1).split("&");for(e=0;e<i.length;e++)if((n=i[e].split("="))[0]==t)return unescape(n[1]);return null},isMobileDevice:function(){var t=this.getViewPort().width<this.getBreakpoint("lg");return!1===t&&(t=null!=navigator.userAgent.match(/iPad/i)),t},isDesktopDevice:function(){return!KTUtil.isMobileDevice()},getViewPort:function(){var t=window,e="inner";return"innerWidth"in window||(e="client",t=document.documentElement||document.body),{width:t[e+"Width"],height:t[e+"Height"]}},isBreakpointUp:function(t){return this.getViewPort().width>=this.getBreakpoint(t)},isBreakpointDown:function(t){return this.getViewPort().width<this.getBreakpoint(t)},getViewportWidth:function(){return this.getViewPort().width},getUniqueId:function(t){return t+Math.floor(Math.random()*(new Date).getTime())},getBreakpoint:function(t){var e=this.getCssVariableValue("--kt-"+t);return e&&(e=parseInt(e.trim())),e},isset:function(t,e){var n;if(-1!==(e=e||"").indexOf("["))throw new Error("Unsupported object path notation.");e=e.split(".");do{if(void 0===t)return!1;if(n=e.shift(),!t.hasOwnProperty(n))return!1;t=t[n]}while(e.length);return!0},getHighestZindex:function(t){for(var e,n;t&&t!==document;){if(("absolute"===(e=KTUtil.css(t,"position"))||"relative"===e||"fixed"===e)&&(n=parseInt(KTUtil.css(t,"z-index")),!isNaN(n)&&0!==n))return n;t=t.parentNode}return 1},hasFixedPositionedParent:function(t){for(;t&&t!==document;){if("fixed"===KTUtil.css(t,"position"))return!0;t=t.parentNode}return!1},sleep:function(t){for(var e=(new Date).getTime(),n=0;n<1e7&&!((new Date).getTime()-e>t);n++);},getRandomInt:function(t,e){return Math.floor(Math.random()*(e-t+1))+t},isAngularVersion:function(){return void 0!==window.Zone},deepExtend:function(t){t=t||{};for(var e=1;e<arguments.length;e++){var n=arguments[e];if(n)for(var i in n)n.hasOwnProperty(i)&&("[object Object]"!==Object.prototype.toString.call(n[i])?t[i]=n[i]:t[i]=KTUtil.deepExtend(t[i],n[i]))}return t},extend:function(t){t=t||{};for(var e=1;e<arguments.length;e++)if(arguments[e])for(var n in arguments[e])arguments[e].hasOwnProperty(n)&&(t[n]=arguments[e][n]);return t},getBody:function(){return document.getElementsByTagName("body")[0]},hasClasses:function(t,e){if(t){for(var n=e.split(" "),i=0;i<n.length;i++)if(0==KTUtil.hasClass(t,KTUtil.trim(n[i])))return!1;return!0}},hasClass:function(t,e){if(t)return t.classList?t.classList.contains(e):new RegExp("\\b"+e+"\\b").test(t.className)},addClass:function(t,e){if(t&&void 0!==e){var n=e.split(" ");if(t.classList)for(var i=0;i<n.length;i++)n[i]&&n[i].length>0&&t.classList.add(KTUtil.trim(n[i]));else if(!KTUtil.hasClass(t,e))for(var o=0;o<n.length;o++)t.className+=" "+KTUtil.trim(n[o])}},removeClass:function(t,e){if(t&&void 0!==e){var n=e.split(" ");if(t.classList)for(var i=0;i<n.length;i++)t.classList.remove(KTUtil.trim(n[i]));else if(KTUtil.hasClass(t,e))for(var o=0;o<n.length;o++)t.className=t.className.replace(new RegExp("\\b"+KTUtil.trim(n[o])+"\\b","g"),"")}},triggerCustomEvent:function(t,e,n){var i;window.CustomEvent?i=new CustomEvent(e,{detail:n}):(i=document.createEvent("CustomEvent")).initCustomEvent(e,!0,!0,n),t.dispatchEvent(i)},triggerEvent:function(t,e){var n;if(t.ownerDocument)n=t.ownerDocument;else{if(9!=t.nodeType)throw new Error("Invalid node passed to fireEvent: "+t.id);n=t}if(t.dispatchEvent){var i="";switch(e){case"click":case"mouseenter":case"mouseleave":case"mousedown":case"mouseup":i="MouseEvents";break;case"focus":case"change":case"blur":case"select":i="HTMLEvents";break;default:throw"fireEvent: Couldn't find an event class for event '"+e+"'."}var o="change"!=e;(r=n.createEvent(i)).initEvent(e,o,!0),r.synthetic=!0,t.dispatchEvent(r,!0)}else if(t.fireEvent){var r;(r=n.createEventObject()).synthetic=!0,t.fireEvent("on"+e,r)}},index:function(t){for(var e=t.parentNode.children,n=0;n<e.length;n++)if(e[n]==t)return n},trim:function(t){return t.trim()},eventTriggered:function(t){return!!t.currentTarget.dataset.triggered||(t.currentTarget.dataset.triggered=!0,!1)},remove:function(t){t&&t.parentNode&&t.parentNode.removeChild(t)},find:function(t,e){return null!==t?t.querySelector(e):null},findAll:function(t,e){return null!==t?t.querySelectorAll(e):null},insertAfter:function(t,e){return e.parentNode.insertBefore(t,e.nextSibling)},parents:function(t,e){for(var n=[];t&&t!==document;t=t.parentNode)e?t.matches(e)&&n.push(t):n.push(t);return n},children:function(t,e,n){if(!t||!t.childNodes)return null;for(var i=[],o=0,r=t.childNodes.length;o<r;++o)1==t.childNodes[o].nodeType&&KTUtil.matches(t.childNodes[o],e,n)&&i.push(t.childNodes[o]);return i},child:function(t,e,n){var i=KTUtil.children(t,e,n);return i?i[0]:null},matches:function(t,e,n){var i=Element.prototype,o=i.matches||i.webkitMatchesSelector||i.mozMatchesSelector||i.msMatchesSelector||function(t){return-1!==[].indexOf.call(document.querySelectorAll(t),this)};return!(!t||!t.tagName)&&o.call(t,e)},data:function(t){return{set:function(e,n){t&&(void 0===t.customDataTag&&(window.KTUtilElementDataStoreID++,t.customDataTag=window.KTUtilElementDataStoreID),void 0===window.KTUtilElementDataStore[t.customDataTag]&&(window.KTUtilElementDataStore[t.customDataTag]={}),window.KTUtilElementDataStore[t.customDataTag][e]=n)},get:function(e){if(t)return void 0===t.customDataTag?null:this.has(e)?window.KTUtilElementDataStore[t.customDataTag][e]:null},has:function(e){return!!t&&(void 0!==t.customDataTag&&!(!window.KTUtilElementDataStore[t.customDataTag]||!window.KTUtilElementDataStore[t.customDataTag][e]))},remove:function(e){t&&this.has(e)&&delete window.KTUtilElementDataStore[t.customDataTag][e]}}},outerWidth:function(t,e){var n;return!0===e?(n=parseFloat(t.offsetWidth),n+=parseFloat(KTUtil.css(t,"margin-left"))+parseFloat(KTUtil.css(t,"margin-right")),parseFloat(n)):n=parseFloat(t.offsetWidth)},offset:function(t){var e,n;if(t)return t.getClientRects().length?(e=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset,right:window.innerWidth-(t.offsetLeft+t.offsetWidth)}):{top:0,left:0}},height:function(t){return KTUtil.css(t,"height")},outerHeight:function(t,e){var n,i=t.offsetHeight;return void 0!==e&&!0===e?(n=getComputedStyle(t),i+=parseInt(n.marginTop)+parseInt(n.marginBottom)):i},visible:function(t){return!(0===t.offsetWidth&&0===t.offsetHeight)},isVisibleInContainer:function(t,e){const n=t.offsetTop,i=n+t.clientHeight,o=e.scrollTop,r=o+e.clientHeight;return n>=o&&i<=r||n<o&&o<i||n<r&&r<i},getRelativeTopPosition:function(t,e){return t.offsetTop-e.offsetTop},attr:function(t,e,n){if(null!=t)return void 0===n?t.getAttribute(e):void t.setAttribute(e,n)},hasAttr:function(t,e){if(null!=t)return!!t.getAttribute(e)},removeAttr:function(t,e){null!=t&&t.removeAttribute(e)},animate:function(t,e,n,i,o,r){var a={};if(a.linear=function(t,e,n,i){return n*t/i+e},o=a.linear,"number"==typeof t&&"number"==typeof e&&"number"==typeof n&&"function"==typeof i){"function"!=typeof r&&(r=function(){});var l=window.requestAnimationFrame||function(t){window.setTimeout(t,20)},s=e-t;i(t);var u=window.performance&&window.performance.now?window.performance.now():+new Date;l((function a(c){var d=(c||+new Date)-u;d>=0&&i(o(d,t,s,n)),d>=0&&d>=n?(i(e),r()):l(a)}))}},actualCss:function(t,e,n){var i,o="";if(t instanceof HTMLElement!=!1)return t.getAttribute("kt-hidden-"+e)&&!1!==n?parseFloat(t.getAttribute("kt-hidden-"+e)):(o=t.style.cssText,t.style.cssText="position: absolute; visibility: hidden; display: block;","width"==e?i=t.offsetWidth:"height"==e&&(i=t.offsetHeight),t.style.cssText=o,t.setAttribute("kt-hidden-"+e,i),parseFloat(i))},actualHeight:function(t,e){return KTUtil.actualCss(t,"height",e)},actualWidth:function(t,e){return KTUtil.actualCss(t,"width",e)},getScroll:function(t,e){return e="scroll"+e,t==window||t==document?self["scrollTop"==e?"pageYOffset":"pageXOffset"]||browserSupportsBoxModel&&document.documentElement[e]||document.body[e]:t[e]},css:function(t,e,n,i){if(t)if(void 0!==n)!0===i?t.style.setProperty(e,n,"important"):t.style[e]=n;else{var o=(t.ownerDocument||document).defaultView;if(o&&o.getComputedStyle)return e=e.replace(/([A-Z])/g,"-$1").toLowerCase(),o.getComputedStyle(t,null).getPropertyValue(e);if(t.currentStyle)return e=e.replace(/\-(\w)/g,(function(t,e){return e.toUpperCase()})),n=t.currentStyle[e],/^\d+(em|pt|%|ex)?$/i.test(n)?function(e){var n=t.style.left,i=t.runtimeStyle.left;return t.runtimeStyle.left=t.currentStyle.left,t.style.left=e||0,e=t.style.pixelLeft+"px",t.style.left=n,t.runtimeStyle.left=i,e}(n):n}},slide:function(t,e,n,i,o){if(!(!t||"up"==e&&!1===KTUtil.visible(t)||"down"==e&&!0===KTUtil.visible(t))){n=n||600;var r=KTUtil.actualHeight(t),a=!1,l=!1;KTUtil.css(t,"padding-top")&&!0!==KTUtil.data(t).has("slide-padding-top")&&KTUtil.data(t).set("slide-padding-top",KTUtil.css(t,"padding-top")),KTUtil.css(t,"padding-bottom")&&!0!==KTUtil.data(t).has("slide-padding-bottom")&&KTUtil.data(t).set("slide-padding-bottom",KTUtil.css(t,"padding-bottom")),KTUtil.data(t).has("slide-padding-top")&&(a=parseInt(KTUtil.data(t).get("slide-padding-top"))),KTUtil.data(t).has("slide-padding-bottom")&&(l=parseInt(KTUtil.data(t).get("slide-padding-bottom"))),"up"==e?(t.style.cssText="display: block; overflow: hidden;",a&&KTUtil.animate(0,a,n,(function(e){t.style.paddingTop=a-e+"px"}),"linear"),l&&KTUtil.animate(0,l,n,(function(e){t.style.paddingBottom=l-e+"px"}),"linear"),KTUtil.animate(0,r,n,(function(e){t.style.height=r-e+"px"}),"linear",(function(){t.style.height="",t.style.display="none","function"==typeof i&&i()}))):"down"==e&&(t.style.cssText="display: block; overflow: hidden;",a&&KTUtil.animate(0,a,n,(function(e){t.style.paddingTop=e+"px"}),"linear",(function(){t.style.paddingTop=""})),l&&KTUtil.animate(0,l,n,(function(e){t.style.paddingBottom=e+"px"}),"linear",(function(){t.style.paddingBottom=""})),KTUtil.animate(0,r,n,(function(e){t.style.height=e+"px"}),"linear",(function(){t.style.height="",t.style.display="",t.style.overflow="","function"==typeof i&&i()})))}},slideUp:function(t,e,n){KTUtil.slide(t,"up",e,n)},slideDown:function(t,e,n){KTUtil.slide(t,"down",e,n)},show:function(t,e){void 0!==t&&(t.style.display=e||"block")},hide:function(t){void 0!==t&&(t.style.display="none")},addEvent:function(t,e,n,i){null!=t&&t.addEventListener(e,n)},removeEvent:function(t,e,n){null!==t&&t.removeEventListener(e,n)},on:function(t,e,n,i){if(null!==t){var o=KTUtil.getUniqueId("event");return window.KTUtilDelegatedEventHandlers[o]=function(n){for(var o=t.querySelectorAll(e),r=n.target;r&&r!==t;){for(var a=0,l=o.length;a<l;a++)r===o[a]&&i.call(r,n);r=r.parentNode}},KTUtil.addEvent(t,n,window.KTUtilDelegatedEventHandlers[o]),o}},off:function(t,e,n){t&&window.KTUtilDelegatedEventHandlers[n]&&(KTUtil.removeEvent(t,e,window.KTUtilDelegatedEventHandlers[n]),delete window.KTUtilDelegatedEventHandlers[n])},one:function(t,e,n){t.addEventListener(e,(function e(i){return i.target&&i.target.removeEventListener&&i.target.removeEventListener(i.type,e),t&&t.removeEventListener&&i.currentTarget.removeEventListener(i.type,e),n(i)}))},hash:function(t){var e,n=0;if(0===t.length)return n;for(e=0;e<t.length;e++)n=(n<<5)-n+t.charCodeAt(e),n|=0;return n},animateClass:function(t,e,n){var i,o={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"mozAnimationEnd",WebkitAnimation:"webkitAnimationEnd",msAnimation:"msAnimationEnd"};for(var r in o)void 0!==t.style[r]&&(i=o[r]);KTUtil.addClass(t,e),KTUtil.one(t,i,(function(){KTUtil.removeClass(t,e)})),n&&KTUtil.one(t,i,n)},transitionEnd:function(t,e){var n,i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"mozTransitionEnd",WebkitTransition:"webkitTransitionEnd",msTransition:"msTransitionEnd"};for(var o in i)void 0!==t.style[o]&&(n=i[o]);KTUtil.one(t,n,e)},animationEnd:function(t,e){var n,i={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"mozAnimationEnd",WebkitAnimation:"webkitAnimationEnd",msAnimation:"msAnimationEnd"};for(var o in i)void 0!==t.style[o]&&(n=i[o]);KTUtil.one(t,n,e)},animateDelay:function(t,e){for(var n=["webkit-","moz-","ms-","o-",""],i=0;i<n.length;i++)KTUtil.css(t,n[i]+"animation-delay",e)},animateDuration:function(t,e){for(var n=["webkit-","moz-","ms-","o-",""],i=0;i<n.length;i++)KTUtil.css(t,n[i]+"animation-duration",e)},scrollTo:function(t,e,n){n=n||500;var i,o,r=t?KTUtil.offset(t).top:0;e&&(r-=e),i=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,o=r,KTUtil.animate(i,o,n,(function(t){document.documentElement.scrollTop=t,document.body.parentNode.scrollTop=t,document.body.scrollTop=t}))},scrollTop:function(t,e){KTUtil.scrollTo(null,t,e)},isArray:function(t){return t&&Array.isArray(t)},isEmpty:function(t){for(var e in t)if(t.hasOwnProperty(e))return!1;return!0},numberString:function(t){for(var e=(t+="").split("."),n=e[0],i=e.length>1?"."+e[1]:"",o=/(\d+)(\d{3})/;o.test(n);)n=n.replace(o,"$1,$2");return n+i},isRTL:function(){return"rtl"===document.querySelector("html").getAttribute("direction")},snakeToCamel:function(t){return t.replace(/(\-\w)/g,(function(t){return t[1].toUpperCase()}))},filterBoolean:function(t){return!0===t||"true"===t||!1!==t&&"false"!==t&&t},setHTML:function(t,e){t.innerHTML=e},getHTML:function(t){if(t)return t.innerHTML},getDocumentHeight:function(){var t=document.body,e=document.documentElement;return Math.max(t.scrollHeight,t.offsetHeight,e.clientHeight,e.scrollHeight,e.offsetHeight)},getScrollTop:function(){return(document.scrollingElement||document.documentElement).scrollTop},colorLighten:function(t,e){const n=function(t,e){let n=parseInt(t,16)+e,i=n>255?255:n;return i=i.toString(16).length>1?i.toString(16):`0${i.toString(16)}`,i};return t=t.indexOf("#")>=0?t.substring(1,t.length):t,e=parseInt(255*e/100),`#${n(t.substring(0,2),e)}${n(t.substring(2,4),e)}${n(t.substring(4,6),e)}`},colorDarken:function(t,e){const n=function(t,e){let n=parseInt(t,16)-e,i=n<0?0:n;return i=i.toString(16).length>1?i.toString(16):`0${i.toString(16)}`,i};return t=t.indexOf("#")>=0?t.substring(1,t.length):t,e=parseInt(255*e/100),`#${n(t.substring(0,2),e)}${n(t.substring(2,4),e)}${n(t.substring(4,6),e)}`},throttle:function(t,e,n){t||(t=setTimeout((function(){e(),t=void 0}),n))},debounce:function(t,e,n){clearTimeout(t),t=setTimeout(e,n)},parseJson:function(t){if("string"==typeof t){var e=(t=t.replace(/'/g,'"')).replace(/(\w+:)|(\w+ :)/g,(function(t){return'"'+t.substring(0,t.length-1)+'":'}));try{t=JSON.parse(e)}catch(t){}}return t},getResponsiveValue:function(t,e){var n,i=this.getViewPort().width;if("object"==typeof(t=KTUtil.parseJson(t))){var o,r,a=-1;for(var l in t)(r="default"===l?0:this.getBreakpoint(l)?this.getBreakpoint(l):parseInt(l))<=i&&r>a&&(o=l,a=r);n=o?t[o]:t}else n=t;return n},each:function(t,e){return[].slice.call(t).map(e)},getSelectorMatchValue:function(t){var e=null;if("object"==typeof(t=KTUtil.parseJson(t))){if(void 0!==t.match){var n=Object.keys(t.match)[0];t=Object.values(t.match)[0],null!==document.querySelector(n)&&(e=t)}}else e=t;return e},getConditionalValue:function(t){t=KTUtil.parseJson(t);var e=KTUtil.getResponsiveValue(t);return null!==e&&void 0!==e.match&&(e=KTUtil.getSelectorMatchValue(e)),null===e&&null!==t&&void 0!==t.default&&(e=t.default),e},getCssVariableValue:function(t){var e=getComputedStyle(document.documentElement).getPropertyValue(t);return e&&e.length>0&&(e=e.trim()),e},isInViewport:function(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)},onDOMContentLoaded:function(t){"loading"===document.readyState?document.addEventListener("DOMContentLoaded",t):t()},inIframe:function(){try{return window.self!==window.top}catch(t){return!0}},isHexColor:t=>/^#[0-9A-F]{6}$/i.test(t)}}();"undefined"!=typeof module&&void 0!==module.exports&&(module.exports=KTUtil);var KTEventHandler=function(){var t={},e=function(e,n,i,o){var r=KTUtil.getUniqueId("event"),a=KTUtil.data(e).get(n);return a||(a=[]),a.push(r),KTUtil.data(e).set(n,a),t[n]||(t[n]={}),t[n][r]={name:n,callback:i,one:o,fired:!1},r};return{trigger:function(e,n,i){return function(e,n,i){var o,r=!0;if(!0===KTUtil.data(e).has(n))for(var a,l=KTUtil.data(e).get(n),s=0;s<l.length;s++)if(a=l[s],t[n]&&t[n][a]){var u=t[n][a];u.name===n&&(1==u.one?0==u.fired&&(t[n][a].fired=!0,o=u.callback.call(this,i)):o=u.callback.call(this,i),!1===o&&(r=!1))}return r}(e,n,i)},on:function(t,n,i){return e(t,n,i)},one:function(t,n,i){return e(t,n,i,!0)},off:function(e,n,i){return function(e,n,i){var o=KTUtil.data(e).get(n),r=o&&o.indexOf(i);-1!==r&&(o.splice(r,1),KTUtil.data(e).set(n,o)),t[n]&&t[n][i]&&delete t[n][i]}(e,n,i)},debug:function(){for(var e in t)t.hasOwnProperty(e)&&console.log(e)}}}();"undefined"!=typeof module&&void 0!==module.exports&&(module.exports=KTEventHandler);var KTBlockUI=function(t,e){var n=this;if(null!=t){var i={zIndex:!1,overlayClass:"",overflow:"hidden",message:'<span class="spinner-border text-primary"></span>'},o=function(){n.options=KTUtil.deepExtend({},i,e),n.element=t,n.overlayElement=null,n.blocked=!1,n.positionChanged=!1,n.overflowChanged=!1,KTUtil.data(n.element).set("blockui",n)};return KTUtil.data(t).has("blockui")?n=KTUtil.data(t).get("blockui"):o(),n.block=function(){!function(){if(!1!==KTEventHandler.trigger(n.element,"kt.blockui.block",n)){var t="BODY"===n.element.tagName,e=KTUtil.css(n.element,"position"),i=KTUtil.css(n.element,"overflow"),o=t?1e4:1;n.options.zIndex>0?o=n.options.zIndex:"auto"!=KTUtil.css(n.element,"z-index")&&(o=KTUtil.css(n.element,"z-index")),n.element.classList.add("blockui"),"absolute"!==e&&"relative"!==e&&"fixed"!==e||(KTUtil.css(n.element,"position","relative"),n.positionChanged=!0),"hidden"===n.options.overflow&&"visible"===i&&(KTUtil.css(n.element,"overflow","hidden"),n.overflowChanged=!0),n.overlayElement=document.createElement("DIV"),n.overlayElement.setAttribute("class","blockui-overlay "+n.options.overlayClass),n.overlayElement.innerHTML=n.options.message,KTUtil.css(n.overlayElement,"z-index",o),n.element.append(n.overlayElement),n.blocked=!0,KTEventHandler.trigger(n.element,"kt.blockui.after.blocked",n)}}()},n.release=function(){!1!==KTEventHandler.trigger(n.element,"kt.blockui.release",n)&&(n.element.classList.add("blockui"),n.positionChanged&&KTUtil.css(n.element,"position",""),n.overflowChanged&&KTUtil.css(n.element,"overflow",""),n.overlayElement&&KTUtil.remove(n.overlayElement),n.blocked=!1,KTEventHandler.trigger(n.element,"kt.blockui.released",n))},n.isBlocked=function(){return n.blocked},n.destroy=function(){KTUtil.data(n.element).remove("blockui")},n.on=function(t,e){return KTEventHandler.on(n.element,t,e)},n.one=function(t,e){return KTEventHandler.one(n.element,t,e)},n.off=function(t,e){return KTEventHandler.off(n.element,t,e)},n.trigger=function(t,e){return KTEventHandler.trigger(n.element,t,e,n,e)},n}};KTBlockUI.getInstance=function(t){return null!==t&&KTUtil.data(t).has("blockui")?KTUtil.data(t).get("blockui"):null},"undefined"!=typeof module&&void 0!==module.exports&&(module.exports=KTBlockUI);

package/util/custom_pages/ng-package.json

@@ -0,0 +1,6 @@
+{
+	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+	"lib": {
+		"entryFile": "./index.ts"
+	}
+}

package/util/custom_pages/src/notFound.component.ts

@@ -0,0 +1,34 @@
+import { Component } from '@angular/core';
+import { Router, RouterModule } from '@angular/router';
+
+import { ButtonModule } from 'primeng/button';
+
+@Component({
+	standalone: true,
+	imports: [ButtonModule, RouterModule],
+	template: `
+		<svg
+			viewBox="0 0 960 540"
+			xmlns="http://www.w3.org/2000/svg"
+			xmlns:xlink="http://www.w3.org/1999/xlink"
+			version="1.1"
+			class="min-h-screen min-w-screen fixed left-0"
+			style="bottom:-10rem"
+			preserveAspectRatio="none">
+			<rect x="0" y="0" width="960" height="540" fill="var(--surface-ground)"></rect>
+			<path
+				d="M0 331L26.7 321C53.3 311 106.7 291 160 291C213.3 291 266.7 311 320 329.5C373.3 348 426.7 365 480 373.2C533.3 381.3 586.7 380.7 640 373.8C693.3 367 746.7 354 800 341.2C853.3 328.3 906.7 315.7 933.3 309.3L960 303L960 541L933.3 541C906.7 541 853.3 541 800 541C746.7 541 693.3 541 640 541C586.7 541 533.3 541 480 541C426.7 541 373.3 541 320 541C266.7 541 213.3 541 160 541C106.7 541 53.3 541 26.7 541L0 541Z"
+				fill="var(--primary-color)"
+				stroke-linecap="round"
+				stroke-linejoin="miter"></path>
+		</svg>
+		<div class="px-5 min-h-screen flex justify-content-center align-items-center">
+			<div class="z-1 text-center">
+				<div class="text-900 font-bold text-8xl mb-4">Oops!</div>
+				<p class="line-height-3 mt-0 mb-5 text-700 text-xl font-medium">Sayfa Bulunamadı</p>
+				<p-button routerLink="/" styleClass="p-button-dark font-medium p-button-raised">Anasayfaya Git</p-button>
+			</div>
+		</div>
+	`
+})
+export class NotFoundComponent {}

package/util/directives/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "./index.ts"
+  }
+} 

package/util/directives/src/detail-page-customization/detail-page-customization.directive.md

@@ -0,0 +1,199 @@
+# Detail Directive
+
+The `DetailPageCustomizationDirective` manages tab items (visibility + addition), and menu items (with actions like routing and modal opening).
+
+## Features
+
+- **Hide static tabs** - Hide existing static tabs by position
+- **Reposition tabs** - Insert config tabs based on position
+- **Create new tabs** - Add new tabs dynamically from configuration
+- **Add menu items** - Dynamically add menu items to the detail page menu
+
+## Configuration
+
+The directive reads configuration from the route's `data.config` property:
+
+```typescript
+{
+  path: 'detail/:id',
+  data: {
+    config: {
+      menu: [...],  // Menu items
+      tabs: [...]   // Tab configuration
+    }
+  }
+}
+```
+
+### Menu Configuration
+
+Add menu items to the detail page menu:
+
+This will navigate to a new page:
+
+```typescript
+menu: [
+  {
+    label: {
+      tr: 'Yeni Menu 1',
+      en: 'New Menu 1'
+    },
+    command: 'return function(ctx) { ctx.router.navigate(["/path"]); }',
+    icon: 'pi pi-fw pi-plus'
+  }
+]
+```
+
+This will open a modal with a plugin component inside:
+
+```
+  "menu": [
+    {
+      "label": {
+        "tr": "Yeni Menu 2",
+        "en": "New Menu 2"
+      },
+      "command": "return function(ctx) { ctx.dialogService.openDialog({ data: 'MdSearch' }); }",
+      "icon": "pi pi-fw pi-plus"
+    }
+  ],
+```
+
+### Tab Configuration
+
+#### Hide Static Tabs
+
+To hide an existing static tab, provide a config entry with `visible: false` and the tab's position:
+
+```typescript
+tabs: [
+  {
+    position: 0,      // Position of the static tab to hide, 0 is the first one
+    visible: false
+  }
+]
+```
+
+#### Create New Tabs
+
+To create a new tab, provide a config entry with a unique ID and position:
+
+```typescript
+tabs: [
+  {
+    id: 'custom-tab-id',           // Unique ID (or null for auto-generated)
+    position: 1,                    // Position where to insert
+    visible: true,
+    icon: 'faRocket',               // FontAwesome icon key from solidIcons
+    label: {                        // Translated labels
+      tr: 'Türkçe Başlık',
+      en: 'English Title'
+    },
+    components: [                   // Components/plugins to render
+      {
+        id: 'component-1',
+        pluginName: 'MdSearch',
+        visible: true,
+        order: 1
+      }
+    ]
+  }
+]
+```
+
+#### Tabs Without Position
+
+Tabs without a `position` field are appended at the end:
+
+```typescript
+tabs: [
+  {
+    id: null,
+    icon: 'faStar',
+    label: { en: 'New Tab' },
+    visible: true,
+    components: [...]
+    // No position = appended at end
+  }
+]
+```
+
+
+## How It Works
+
+1. **Tab Hiding** - Tabs with `visible: false` and a `position` are hidden from the DOM based on the specified position.
+2. **Tab Filtering** - Config tabs matching existing static tab IDs are filtered out (used only for reordering)
+3. **Tab Creation** - New config tabs are rendered via the template's `@for` loop
+4. **Tab Reordering** - All tabs (static + new config) are reordered based on config positions
+5. **Menu Updates** - Menu items are added to the existing menu. It has access to the context provided in the directive: router, dialog service, component instance.
+
+## Full Example
+
+```typescript
+{
+  "menu": [
+    {
+      "label": {
+        "tr": "Yeni Menu 1",
+        "en": "New Menu 1"
+      },
+      "command": "return function(ctx) { ctx.router.navigate([\"/wdm/gateways\"]); }",
+      "icon": "pi pi-fw pi-plus"
+    },
+    {
+      "label": {
+        "tr": "Yeni Menu 2",
+        "en": "New Menu 2"
+      },
+      "command": "return function(ctx) { ctx.dialogService.openDialog({ data: 'MdSearch' }); }",
+      "icon": "pi pi-fw pi-plus"
+    }
+  ],
+  "tabs": [
+    {
+      "position": 0,
+      "visible": false
+    },
+    {
+      "id": "this-is-new-tab",
+      "label": {
+        "tr": "Turkish",
+        "en": "NEW positioned tab"
+      },
+      "position": 3,
+      "visible": true,
+      "icon": "faAnglesUp",
+      "components": [
+        {
+          "id": "gateway-detail-overview_component-0",
+          "pluginName": "AccountDeposit",
+          "visible": true
+        },
+        {
+          "id": null,
+          "pluginName": "MdSearch",
+          "visible": true
+        }
+      ]
+    },
+    {
+      "id": "null",
+      "icon": "faAnglesUp",
+      "label": {
+        "tr": "Yeni Tab",
+        "en": "NEW end 1"
+      },
+      "visible": true,
+      "components": [
+        {
+          "id": null,
+          "pluginName": "MdSearch",
+          "visible": true
+        }
+      ]
+    }
+  ]
+}
+```
+
+

package/util/directives/src/detail-page-customization/detail-page-customization.directive.ts

@@ -0,0 +1,343 @@
+import { Directive, Inject, Signal, computed, effect, inject, signal } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+
+import { MenuItem } from 'primeng/api';
+
+import { TranslocoService } from '@ngneat/transloco';
+
+import {
+	DETAIL_COMPONENT,
+	DetailComponent,
+	DetailConfig,
+	DetailConfigMenuItem,
+	PLUGIN_DIALOG_SERVICE,
+	TabConfig
+} from './models';
+
+@Directive({
+	standalone: true
+})
+export class DetailPageCustomizationDirective {
+	private readonly route = inject(ActivatedRoute);
+	private readonly router = inject(Router);
+	private readonly dialogService = inject(PLUGIN_DIALOG_SERVICE); // Use token instead
+	private readonly translocoService = inject(TranslocoService);
+
+	// Internal signal to track when TabView and the menu are ready
+	private viewsInitialized = signal(false);
+	private config: DetailConfig | undefined;
+	private getRouteConfig = (): DetailConfig | undefined => {
+		const configs = (globalThis as any).routeConfigs as
+			| Array<{ path: string; content: string; version: number }>
+			| undefined;
+		if (!configs || !Array.isArray(configs)) return undefined;
+
+		const currentUrl = this.router.url.split('?')[0];
+
+		let bestMatch: { path: string; content: string; version: number } | undefined;
+
+		for (const config of configs) {
+			if (!config.path) continue;
+
+			const urlToCheck = config.path.startsWith('/') ? config.path : `/${config.path}`;
+
+			if (currentUrl.startsWith(urlToCheck)) {
+				bestMatch = config;
+				break;
+			}
+		}
+
+		if (!bestMatch) return undefined;
+
+		try {
+			return JSON.parse(bestMatch.content) as DetailConfig;
+		} catch (e) {
+			console.error('Failed to parse route config content:', e);
+			return undefined;
+		}
+	};
+
+	private getProcessedTabs: Signal<TabConfig[]> = computed(() => {
+		if (!this.config?.tabs) return [];
+
+		const activeLang = this.translocoService.getActiveLang();
+
+		return this.config.tabs
+			.filter((tab) => tab.visible !== false)
+			.map((tab) => ({
+				id: tab.id ?? null,
+				icon: tab.icon,
+				header: tab.label ? tab.label[activeLang] : '',
+				visible: tab.visible,
+				position: tab.position,
+				components: tab.components || []
+			}));
+	});
+
+	constructor(@Inject(DETAIL_COMPONENT) private readonly detailComponent: DetailComponent) {
+		this.config = this.getRouteConfig();
+		effect(
+			(onCleanup) => {
+				if (this.viewsInitialized()) return;
+
+				// Poll every animation frame until both TabView and the menu is ready
+				// The menu can be directly defined in the component from init step, or be built dynamically after waiting for a network response. So we must wait for it to be ready.
+				const checkViews = () => {
+					if (this.detailComponent.tabView?.tabs && this.detailComponent.mdInfoPluginProps?.generalMenu()?.length) {
+						this.viewsInitialized.set(true);
+						this.onViewsReady();
+					} else if (!this.viewsInitialized()) {
+						frameId = requestAnimationFrame(checkViews);
+					}
+				};
+
+				let frameId = requestAnimationFrame(checkViews);
+
+				onCleanup(() => {
+					cancelAnimationFrame(frameId);
+				});
+			},
+			{ allowSignalWrites: true }
+		);
+	}
+
+	private onViewsReady(): void {
+		if (!this.config) return;
+
+		// step 1 - hide tabs based on config
+		if (this.detailComponent.tabView?.tabs) {
+			this.updateTabVisibility();
+		}
+		// step 2 - append config tabs to the static tabs (only new ones, not those matching static tabs)
+		const allConfigTabs = this.getProcessedTabs();
+
+		// Get IDs of existing static tabs
+		const staticTabIds = new Set<string | number | null>();
+		if (this.detailComponent.tabView?.tabs) {
+			this.detailComponent.tabView.tabs.forEach((tabPanel) => {
+				const tabId = tabPanel?.el?.nativeElement?.id;
+				if (tabId) {
+					staticTabIds.add(tabId);
+				}
+			});
+		}
+
+		// Filter out config tabs that are meant to *reorder* existing static tabs.
+		// Any tab whose id matches an existing static tab id is considered a "reorder"
+		// instruction; everything else (id === null OR an id that doesn't exist yet)
+		// is treated as a brand new tab.
+		const newConfigTabs = allConfigTabs.filter((tab) => {
+			// new tab when id is null/undefined
+			if (!tab.id) return true;
+
+			// new tab when id is provided but doesn't match any static tab id
+			return !staticTabIds.has(tab.id);
+		});
+
+		if (newConfigTabs.length > 0 && this.detailComponent.configTabs) {
+			(this.detailComponent.configTabs as any).set(newConfigTabs);
+		} else if (newConfigTabs.length > 0) {
+			this.detailComponent.tabs = newConfigTabs;
+		}
+
+		// using setTimeout to ensure tabView is ready as we want to work directly with the generated elements
+		setTimeout(() => {
+			// step 3 - reorder tabs
+			this.reorderTabsByPosition();
+			// step 4 - activate tab from URL if specified
+			this.activateTabFromUrl();
+			// step 5 - update the menu
+			if (this.config?.menu) {
+				this.updateMenu(this.config.menu);
+			}
+		});
+	}
+
+	private updateTabVisibility(): void {
+		if (!this.config?.tabs) return;
+
+		// Find tabs in config that have visible: false
+		const hiddenTabPositions = this.config.tabs.filter((tab) => tab.visible === false).map((tab) => tab.position);
+
+		hiddenTabPositions.forEach((position) => {
+			this.hideTabByPosition(position, true);
+		});
+	}
+
+	hideTabByPosition(position: number, hide = true): void {
+		if (!this.detailComponent.tabView?.tabs) return;
+
+		const panelToHide = this.detailComponent.tabView.tabs[position];
+		const tabToHide = this.detailComponent.tabView.list?.children[position] as HTMLElement;
+
+		if (tabToHide && panelToHide) {
+			panelToHide.el.nativeElement.hidden = hide;
+			tabToHide.style.display = 'none';
+		}
+	}
+
+	/**
+	 * Reorder tabs based on config positions
+	 * Iterates over visible config tabs and rearranges both static and config tabs
+	 */
+	private reorderTabsByPosition(): void {
+		if (!this.detailComponent.tabView?.tabs || !this.detailComponent.tabView?.list) return;
+
+		const configTabs = this.getProcessedTabs();
+		const allTabs = this.detailComponent.tabView.tabs;
+		const navList = this.detailComponent.tabView.list;
+
+		const configTabMap = new Map<string | number | null, TabConfig>();
+		configTabs.forEach((tab) => {
+			// Only treat tabs that both:
+			// - have an id
+			// - and have an explicit position
+			// as "reorder instructions" for existing static tabs.
+			// Tabs without a position (even if they have an id) are considered
+			// regular/new tabs and should keep their natural order.
+			if (tab.id && tab.position) {
+				configTabMap.set(tab.id, tab);
+			}
+		});
+
+		// separate static from config tabs
+		const staticTabs: Array<{ tab: any; index: number; id: string | number | null }> = [];
+		const configTabInstances: Array<{ tab: any; index: number; config: TabConfig }> = [];
+
+		allTabs.forEach((tabPanel, index) => {
+			const tabId = tabPanel?.el?.nativeElement?.id || null;
+			const configTab = tabId ? configTabMap.get(tabId) : null;
+
+			if (configTab) {
+				configTabInstances.push({ tab: tabPanel, index, config: configTab });
+			} else {
+				staticTabs.push({ tab: tabPanel, index, id: tabId });
+			}
+		});
+
+		const positionMap = new Map<number, { tab: any; isConfig: boolean; id: string | number | null }>();
+
+		// place config tabs at their specified positions
+		configTabInstances.forEach(({ tab, config }) => {
+			if (config.position !== undefined && config.position !== null) {
+				positionMap.set(config.position, { tab, isConfig: true, id: config.id });
+			}
+		});
+
+		// place static tabs at available positions (maintaining relative order)
+		let staticIndex = 0;
+		let currentPosition = 0;
+
+		while (staticIndex < staticTabs.length) {
+			while (positionMap.has(currentPosition)) {
+				currentPosition++;
+			}
+
+			// place static tab at this position
+			const staticTab = staticTabs[staticIndex];
+			positionMap.set(currentPosition, { tab: staticTab.tab, isConfig: false, id: staticTab.id });
+			staticIndex++;
+			currentPosition++;
+		}
+
+		// build ordered array
+		const sortedPositions = Array.from(positionMap.keys()).sort((a, b) => a - b);
+		const reorderedTabs: any[] = [];
+		const reorderedHeaders: HTMLElement[] = [];
+
+		sortedPositions.forEach((position) => {
+			const tabInfo = positionMap.get(position)!;
+			reorderedTabs.push(tabInfo.tab);
+
+			const originalIndex = allTabs.indexOf(tabInfo.tab);
+			if (originalIndex !== -1 && navList.children[originalIndex]) {
+				reorderedHeaders.push(navList.children[originalIndex] as HTMLElement);
+			}
+		});
+
+		// reorder tabs array
+		this.detailComponent.tabView.tabs.length = 0;
+		reorderedTabs.forEach((tab) => this.detailComponent.tabView!.tabs.push(tab));
+
+		// reorder dom headers
+		reorderedHeaders.forEach((header, newIndex) => {
+			const targetHeader = navList.children[newIndex];
+			if (targetHeader && targetHeader !== header) {
+				navList.insertBefore(header, targetHeader);
+			} else if (!targetHeader) {
+				navList.appendChild(header);
+			}
+		});
+
+		// reorder dom panels
+		const panelsContainer = allTabs[0]?.el.nativeElement.parentElement;
+		if (panelsContainer) {
+			reorderedTabs.forEach((tabPanel, newIndex) => {
+				const targetPanel = panelsContainer.children[newIndex];
+				if (targetPanel && targetPanel !== tabPanel.el.nativeElement) {
+					panelsContainer.insertBefore(tabPanel.el.nativeElement, targetPanel);
+				} else if (!targetPanel) {
+					panelsContainer.appendChild(tabPanel.el.nativeElement);
+				}
+			});
+		}
+
+		if (this.detailComponent.tabView.cd) {
+			this.detailComponent.tabView.cd.markForCheck();
+		}
+	}
+
+	private activateTabFromUrl(): void {
+		if (!this.detailComponent.tabView) return;
+
+		const activeTabParam = this.route.snapshot.queryParamMap.get('activeTab');
+		if (activeTabParam) {
+			const activeTabIndex = Number(activeTabParam);
+
+			if (
+				!isNaN(activeTabIndex) &&
+				activeTabIndex >= 0 &&
+				this.detailComponent.tabView.tabs &&
+				activeTabIndex < this.detailComponent.tabView.tabs.length
+			) {
+				this.detailComponent.tabView.activeIndex = activeTabIndex;
+			}
+		}
+	}
+
+	private updateMenu(menuConfig: DetailConfigMenuItem[]) {
+		const context = {
+			router: this.router,
+			route: this.route,
+			dialogService: this.dialogService,
+			component: this.detailComponent
+		};
+
+		const activeLang = this.translocoService.getActiveLang();
+		const dynamicMenu: MenuItem[] = menuConfig.map((m) => ({
+			label: m.label[activeLang] ?? '',
+			icon: m.icon,
+			command: (_event: any) => {
+				const commandFn = new Function('ctx', m.command);
+				commandFn(context)(context);
+			}
+		}));
+
+		// Update the existing signal instead of replacing it to ensure change
+		// detection picks up the menu update after browser back navigation.
+		const generalMenuSignal = this.detailComponent.mdInfoPluginProps.generalMenu as any;
+		const existingMenu: MenuItem[] = generalMenuSignal();
+
+		// Avoid duplicating previously added dynamic items (identified by label/icon match)
+		const mergedMenu = [
+			...existingMenu.filter((item) => !dynamicMenu.some((dyn) => dyn.label === item.label && dyn.icon === item.icon)),
+			...dynamicMenu
+		];
+
+		if (generalMenuSignal?.set) {
+			generalMenuSignal.set(mergedMenu);
+		} else {
+			this.detailComponent.mdInfoPluginProps.generalMenu = signal(mergedMenu);
+		}
+	}
+}

package/util/directives/src/detail-page-customization/index.ts

@@ -0,0 +1,2 @@
+export * from './detail-page-customization.directive'; 
+export * from './models';