@dadofcode/kt-helpers/dist/kt-alerts.min.js

Collection of helper utilities for KTUI including alerts and form helpers

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ktAlert=e():t.ktAlert=e()}(this,()=>(()=>{var t={120:()=>{$(function(){$(document).on("input",'textarea[data-kt-limit="true"]',function(){var t=$(this),e=parseInt(t.data("kt-max-limit"),10)||0,n=parseInt(t.data("kt-min-limit"),10)||0,r=t.val(),o=t.closest(".kt-form-item"),s=o.find(".kt-form-message");s.length||(s=$("<div>").addClass("kt-form-message").appendTo(o)),e&&r.length>e?(r=r.slice(0,e),t.val(r),s.text("Maximum length of ".concat(e," characters reached.")),t.attr("aria-invalid","true")):(s.text(""),t.removeAttr("aria-invalid")),n&&(clearTimeout(this._debounce),this._debounce=setTimeout(function(){var e=t.val().length;e>0&&e<n?(s.text("Minimum length of ".concat(n," characters required.")),t.attr("aria-invalid","true")):(s.text(""),t.removeAttr("aria-invalid"))},300))})})}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var s=e[r]={exports:{}};return t[r](s,s.exports,n),s.exports}var r={};return(()=>{"use strict";function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function r(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?e(Object(r),!0).forEach(function(e){s(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):e(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function o(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,a(r.key),r)}}function s(t,e,n){return(e=a(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function a(e){var n=function(e,n){if("object"!=t(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,n||"default");if("object"!=t(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==t(n)?n:n+""}var i=function(){return t=function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)},n=[{key:"setConfig",value:function(t){this.config=r(r(r({},this.config),t),{},{styles:r(r({},this.config.styles),t.styles||{})})}},{key:"_getStyleClasses",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return r(r({},this.config.styles[t]||this.config.styles[this.config.defaultType]),e)}},{key:"_showModal",value:function(t){var e=this,n=t.title,r=t.message,o=t.buttons,s=t.type,a=t.styles,i=void 0===a?{}:a;return new Promise(function(t){var a="kt_alert_".concat(Date.now()),l=o.map(function(t,e){return'\n        <button\n          type="button"\n          class="'.concat(t.className,'"\n          data-kt-modal-dismiss="').concat(t.dismiss?"#".concat(a):"",'"\n          data-alert-value="').concat(t.value,'"\n          id="').concat(a,"_btn_").concat(e,'"\n        >').concat(t.text,"</button>\n      ")}).join(""),c=e._getStyleClasses(s,i),d=(c.backgroundClass,c.foregroundClass),u=c.iconClass,f=c.borderClass,b='\n            <div class="kt-modal fade" id="'.concat(a,'" data-kt-modal="true" data-kt-modal-backdrop-static="true" aria-hidden="true">\n                <div class="kt-modal-content max-w-[400px] top-[10%] ').concat(f,'">\n                    <div class="kt-modal-header rounded-t-lg grid grid-cols-1 gap-2 p-2 border-b-0">\n                        <div class="flex justify-center items-center gap-2 p-2">\n                            <i class="').concat(u,'"></i>\n                        </div>\n                        <h3 class="kt-modal-title text-center text-lg ').concat(d,'">').concat(n,'</h3>\n                    </div>\n                    <div class="kt-modal-body text-center p-2 text-base">\n                        ').concat(r,'\n                    </div>\n                    <div class="p-2 pb-4 border-t-0 gap-2 flex justify-center items-center">\n                        ').concat(l,"\n                    </div>\n                </div>\n            </div>\n        ");document.body.insertAdjacentHTML("beforeend",b);var m=document.getElementById(a),g=new KTModal(m);o.forEach(function(e,n){document.getElementById("".concat(a,"_btn_").concat(n)).addEventListener("click",function(){t(e.value)})}),g.on("kt.modal.hidden",function(){g.dispose(),m.remove()}),g.show()})}},{key:"show",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"success",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return this._showModal({title:t,message:e,buttons:[{text:"Okay",className:"kt-btn kt-btn-primary",value:!0,dismiss:!0}],type:n,styles:r}).then(function(){})}},{key:"fire",value:function(t){if("string"==typeof t){var e=t,n=arguments[1],r=arguments[2]||"success",o=arguments[3]||null;return this._showModal({title:e,message:n,buttons:[{text:"Okay",className:"kt-btn kt-btn-primary",value:!0,dismiss:!0}],type:r,styles:o}).then(function(){})}var s=t.title,a=t.message,i=t.buttons,l=t.type,c=void 0===l?"info":l,d=t.styles,u=void 0===d?null:d;return this._showModal({title:s,message:a,buttons:i||[{text:"Okay",className:"kt-btn kt-btn-primary",value:!0,dismiss:!0}],type:c,styles:u})}},{key:"confirm",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"info";return this._showModal({title:t,message:e,buttons:[{text:"Cancel",className:"kt-btn kt-btn-light kt-btn-outline",value:!1,dismiss:!0},{text:"Okay",className:"kt-btn kt-btn-primary",value:!0,dismiss:!0}],type:n})}},{key:"delete",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"destructive";return this._showModal({title:t,message:e,buttons:[{text:"Cancel",className:"kt-btn kt-btn-light kt-btn-outline",value:!1,dismiss:!0},{text:"Delete",className:"kt-btn kt-btn-danger",value:!0,dismiss:!0}],type:n})}},{key:"error",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"destructive";return this._showModal({title:t,message:e,buttons:[{text:"Close",className:"kt-btn kt-btn-danger",value:!0,dismiss:!0}],type:n}).then(function(){})}}],(e=null)&&o(t.prototype,e),n&&o(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();s(i,"config",{styles:{success:{backgroundClass:"bg-success/20",foregroundClass:"text-foreground",iconClass:"ki-filled ki-check-circle text-success text-3xl",borderClass:"dark:border-success/20 border-success/80"},warning:{backgroundClass:"bg-warning/20",foregroundClass:"text-foreground",iconClass:"ki-filled ki-information-4 text-warning text-3xl",borderClass:"dark:border-warning/20 border-warning/80"},secondary:{backgroundClass:"bg-secondary/20",foregroundClass:"text-foreground",iconClass:"ki-filled ki-information-1 text-secondary text-3xl",borderClass:"dark:border-secondary/20 border-secondary/80"},info:{backgroundClass:"bg-info/20",foregroundClass:"text-foreground",iconClass:"ki-filled ki-information-1 text-info text-3xl",borderClass:"dark:border-info/20 border-info/80"},error:{backgroundClass:"bg-danger/20",foregroundClass:"text-foreground",iconClass:"ki-filled ki-cross-circle text-danger text-3xl",borderClass:"dark:border-danger/20 border-danger/80"},destructive:{backgroundClass:"bg-danger/20",foregroundClass:"text-foreground",iconClass:"ki-filled ki-trash text-danger text-3xl",borderClass:"dark:border-danger/20 border-danger/80"}},defaultType:"info"});const l=i;n(120);window.ktAlert=l})(),r=r.default})());