@allakando/allakando-web-ui
Version:
Allakando's web component library
162 lines (143 loc) • 36.2 kB
JavaScript
import{s as T}from"./DialogManager-abca015e.js";import{d as f,e as O,f as j,g as I}from"./inline-622e1189.js";const k=`# Allakando Dialog
This is a dialog (sometimes modal) component. In general you will want to use this component through the dialog utility functions defined in DialogManager.js in this library. This will ensure things like z-index, as well as make life easier for you.
This dialog component does have an icon attribute which sets an icon to the header of the dialog pop-up and if the url is invalid then text will be consider instead and the first letter of the text will be shown with a primary color background.
By default the dialog will show a header, footer and close button (X button in the top right corner) all these can be disabled by setting the boolean attributes noheader, nofooter and noclose to any value.
By default the modal will be given a certain size, padding and scroll the entire page when it gets longer than the viewport. These things can be controlled using the boolean attributes scrollable (scroll the body of the dialog instead of the viewport), fluid (make the dialog fit the content inside), center (center the dialog in the viewport), bgcolor (updates the background color of the modal header) and icon (To add an icon at the header of the modal).
The following utility functions are offered:
## alert(options)
Shows an alert on the screen that the user must click away.
## confirm(options)
Shows a confirmation prompt on the screen that the user must respond to. Returns a promise that will either resolve if the user chooses affirmatively, or reject if the user negatorily.
## openDialog(options)
Opens up a dialog window with content and settings provided in the options
## showSpinner(message)
Shows a modal spinner on the screen that locks the user from any and all interactions with an optional loading message. Returns a function reference that closes the spinner dialog.
## close events
On Closing the dialog, based on the source, the event will be fired with additional details. The custom event type will always be 'close' and with the event their will be a detail object with 'triggeredBy' property. The value of the triggeredBy property will depends on the src element of the close event. The values can be as follows...
X_ICON - triggeredBy property with have this value when the cross button of the dialog will be clicked
BUTTON - This value will be set when the dialog will be closed by accepting the alert message, by clicking the button as the footer
BACKDROP - This value will be set when the dialog will be closed by clicking the backdrop of the dialog window
EXTERNAL - This value will be set for all the other cases
`,c=e=>{const n=document.createElement("ako-dialog");if(e.noHeader&&n.setAttribute("noheader",e.noHeader),e.noFooter&&n.setAttribute("nofooter",e.noFooter),e.noClose&&n.setAttribute("noclose",e.noClose),e.modality&&n.setAttribute("modality",e.modality),e.fluid&&n.setAttribute("fluid",e.modality),e.headerTitle&&n.setAttribute("headertitle",e.headerTitle),e.subtitle&&n.setAttribute("subtitle",e.subtitle),e.scrollable&&n.setAttribute("scrollable",""),e.bgColor&&n.setAttribute("bgcolor",e.bgColor),e.icon&&n.setAttribute("icon",e.icon),e.style&&n.setAttribute("style",e.style),e.body&&(typeof e.body=="string"?n.innerHTML=e.body:e.body instanceof HTMLElement?n.appendChild(e.body):n.appendChild(e.body())),e.footer){const o=document.createElement("div");o.setAttribute("class","__AKO-dialog-footer"),o.setAttribute("slot","footer"),typeof e.footer=="string"?o.innerHTML=e.footer:e.footer instanceof HTMLElement?o.appendChild(e.footer):o.appendChild(e.footer()),n.appendChild(o)}if(e.header){const o=document.createElement("div");o.setAttribute("class","__AKO-dialog-header"),o.setAttribute("slot","header"),typeof e.header=="string"?o.innerHTML=e.header:e.header instanceof HTMLElement?o.appendChild(e.header):o.appendChild(e.header()),n.appendChild(o)}let a=document.querySelector("#__ako-dialog-container");if(!a){a=document.createElement("div"),a.setAttribute("id","__ako-dialog-container");const o=new MutationObserver(()=>{a.children.length===0&&(o.disconnect(),a.remove())});o.observe(a,{childList:!0}),document.documentElement.appendChild(a)}return a.appendChild(n),n},C=e=>new Promise(n=>{const a=document.createElement("div");a.setAttribute("class","__AKO-dialog-main"),a.appendChild(l()),a.appendChild(r()),a.appendChild(M()),a.appendChild(d());const o=c({body:a,footer:N(),modality:"disabled",fluid:!1,noHeader:!0,scrollable:e.scrollable,noClose:!0});function l(){const t=document.createElement("style");return t.appendChild(document.createTextNode(T)),t}function r(){const t=document.createElement("img");t.setAttribute("class","__AKO-dialog-icon");const i=/(\/[^"']*\.(?:png|jpg|jpeg|gif|webp|svg))/gm;return e.mainIcon&&e.mainIcon.toUpperCase()==="SUCCESS"?t.setAttribute("src",f):e.mainIcon&&e.mainIcon.toUpperCase()==="INFO"?t.setAttribute("src",O):e.mainIcon&&e.mainIcon.toUpperCase()==="QUESTION"?t.setAttribute("src",j):e.mainIcon&&e.mainIcon.toUpperCase()==="WARNING"?t.setAttribute("src",I):e.mainIcon&&i.test(String(e.mainIcon))?t.setAttribute("src",e.mainIcon):t.setAttribute("src",j),t}function M(){const t=document.createElement("div");return t.setAttribute("class","__AKO-dialog-header-main"),t.appendChild(document.createTextNode(e.headerTitle||"Please Confirm")),t}function d(){const t=document.createElement("div");return t.setAttribute("class","__AKO-dialog-text-main"),typeof e.message=="string"?t.appendChild(document.createTextNode(e.message)):e.message instanceof HTMLElement?t.appendChild(e.message):t.appendChild(e.message()),t}function N(){const t=document.createElement("div");return t.setAttribute("class","__AKO-dialog-footer"),t.appendChild(g()),t.appendChild(m()),t}function g(){const t=document.createElement("ako-button");return t.innerText=e.resolveText||"Confirm",t.setAttribute("type","primary"),t.setAttribute("class","__AKO-dialog-button"),t.addEventListener("click",()=>{o.close(),n(!0)}),t}function m(){const t=document.createElement("a");return t.setAttribute("class","__AKO-dialog-link"),t.innerText=e.rejectText||"Cancel",t.addEventListener("click",()=>{o.close(),n(!1)}),t}}),E=e=>{const n=document.createElement("div");n.setAttribute("class","__AKO-dialog-main"),n.appendChild(l()),n.appendChild(d()),e.headerTitle&&n.appendChild(r()),n.appendChild(M());const a=g(),o=c({body:n,footer:a,modality:"disabled",fluid:!1,scrollable:e.scrollable,noHeader:!0});function l(){const i=document.createElement("style");return i.appendChild(document.createTextNode(T)),i}function r(){const i=document.createElement("div");return i.setAttribute("class","__AKO-dialog-header-main"),i.appendChild(document.createTextNode(e.headerTitle)),i}function M(){const i=document.createElement("div");return i.setAttribute("class","__AKO-dialog-text-main"),i.appendChild(N()),i}function d(){const i=document.createElement("img");i.setAttribute("class","__AKO-dialog-icon");const A=/(\/[^"']*\.(?:png|jpg|jpeg|gif|webp|svg))/gm;return e.mainIcon&&e.mainIcon.toUpperCase()==="SUCCESS"?i.setAttribute("src",f):e.mainIcon&&e.mainIcon.toUpperCase()==="INFO"?i.setAttribute("src",O):e.mainIcon&&e.mainIcon.toUpperCase()==="QUESTION"?i.setAttribute("src",j):e.mainIcon&&e.mainIcon.toUpperCase()==="WARNING"?i.setAttribute("src",I):e.mainIcon&&A.test(String(e.mainIcon))?i.setAttribute("src",e.mainIcon):i.setAttribute("src",I),i}function N(){return typeof e.message=="string"?document.createTextNode(e.message):e.message instanceof HTMLElement?e.message:e.message()}function g(){const i=document.createElement("div");return i.setAttribute("class","__AKO-dialog-footer"),i.appendChild(t()),e.footerNote&&i.appendChild(m()),i}function m(){if(typeof e.footerNote=="string"){const i=document.createElement("p");return i.textContent=e.footerNote,i.setAttribute("class","__AKO-dialog-footer-note"),i}else return e.footerNote instanceof HTMLElement?e.footerNote:e.footerNote()}function t(){const i=document.createElement("ako-button");return i.innerText=e.resolveText||"Confirm",i.setAttribute("type","primary"),i.setAttribute("class","__AKO-dialog-button"),e.buttonIcon&&i.setAttribute("icon",e.buttonIcon),i.addEventListener("click",A=>{o.close(A)}),i}return o},L=e=>{const n=document.createElement("div"),a=document.createElement("ako-spinner");a.setAttribute("size","100px");const o=document.createElement("style");if(o.appendChild(document.createTextNode(T)),n.appendChild(o),n.appendChild(a),n.setAttribute("class","__AKO-dialog-spinner-container"),e){const r=document.createElement("div");r.setAttribute("class","__AKO-dialog-spinner-text"),n.appendChild(r),typeof e=="string"?r.appendChild(document.createTextNode(e)):e instanceof HTMLElement?r.appendChild(e):r.appendChild(e())}const l=c({body:n,modality:"disabled",noClose:!0,noHeader:!0,scrollable:!0,noFooter:!0,fluid:!0});return()=>l.close()},w={title:"Atomic Components/Dialog",component:"ako-dialog",tags:["autodocs"],parameters:{docs:{description:{component:k}}},argTypes:{modality:{options:["clickable","disabled"],control:{type:"select"}},icon:{control:{type:"text"}},headertitle:{control:{type:"text"}},headersubtitle:{control:{type:"text"}},scrollable:{options:[!0,!1],control:{type:"radio"}},fluid:{options:[!0,!1],control:{type:"radio"}},noheader:{options:[!0,!1],control:{type:"radio"}},nofooter:{options:[!0,!1],control:{type:"radio"}},noclose:{options:[!0,!1],control:{type:"radio"}},bgcolor:{options:["primary","neutral"],control:{type:"select"}}}},U=()=>setTimeout(()=>{document.body.style.overflow="auto"},100),u=e=>(U(),`<ako-dialog
${e.headertitle?`headertitle="${e.headertitle}"`:""}
${e.headersubtitle?`headersubtitle="${e.headersubtitle}"`:""}
${e.modality?`modality="${e.modality}"`:""}
${e.scrollable?`scrollable="${e.scrollable}"`:""}
${e.fluid?`fluid="${e.fluid}"`:""}
${e.noheader?`noheader="${e.noheader}"`:""}
${e.nofooter?`nofooter="${e.nofooter}"`:""}
${e.noclose?`noclose="${e.noclose}"`:""}
${e.bgcolor?`bgcolor="${e.bgcolor}"`:""}
${e.icon?`icon="${e.icon}"`:""}
>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.
Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus.
</div>
<div slot="footer">Some content inside the footer!</div>
</ako-dialog>`);u.args={headertitle:"Header Title",headersubtitle:"Header Subtitle",bgcolor:"neutral",icon:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjY3MiAxNS40NDY2QzkuMTU0NTEgMTUuMDg4IDcuNDE4MjQgMTQuNjgxIDYuMzcxNTggMTQuNDQ1NUM3LjM1MjkgMTMuOTQ2NyA4LjQxMTgxIDEzLjQwNjYgOS4zMjE5NSAxMi45NDE0QzkuNjQ0NTggMTMuODUwNyAxMC4xMDE0IDE0LjY5MjggMTAuNjcyIDE1LjQ0NjZaTTE3Ljk5OTggMi4yNjY3NEMyMi4xMjE3IDIuMjY2NzQgMjUuNDc1MiA1LjY1MTgyIDI1LjQ3NTIgOS44MTI1QzI1LjQ3NTIgMTMuOTczMiAyMi4xMjE3IDE3LjM1NzcgMTcuOTk5OCAxNy4zNTc3QzEzLjg3NzkgMTcuMzU3NyAxMC41MjUgMTMuOTczMiAxMC41MjUgOS44MTI1QzEwLjUyNSA1LjY1MTgyIDEzLjg3NzkgMi4yNjY3NCAxNy45OTk4IDIuMjY2NzRaTTI2LjQxMDQgMTMuNjE4NkMyNi45MjM4IDEyLjQ2ODUgMjcuMjE2NyAxMS4xOTc2IDI3LjIyMzEgOS44NTcyNUwzMS45MDEgMTAuODMxOUwyNi40MTA0IDEzLjYxODZaTTMuOTkyOTYgMjYuNzA2N0M0LjE2NjgyIDI2LjcwOSA0LjQxNzExIDI2Ljc0NDQgNC42ODQzMiAyNi43OTM4QzQuOTMxMSAyNi44NDg2IDUuMjA3NjUgMjYuOTA5MyA1LjUxODYxIDI2Ljk3NzZDNS42MTk1NCAyNy4wMDI5IDUuNzE1MjMgMjcuMDI4MiA1Ljc5NTc0IDI3LjA1QzUuODU4NzUgMjcuMDY3NyA1LjkyMjM0IDI3LjA3NjUgNS45ODUzNSAyNy4wNzk1QzguNDA3NzMgMjcuNjA4MyAxMi42MDc4IDI4LjUxMTEgMTkuOTI3NCAzMC4wNjI5QzE5Ljk4NjkgMzAuMDc1MyAyMC4wNDc2IDMwLjA4MTcgMjAuMTA3MSAzMC4wODE3QzIwLjI1MjQgMzAuMDgxNyAyMC4zOTcxIDMwLjA0NTIgMjAuNTI2NiAyOS45NzM0TDM1LjA0MzkgMjEuOTczNkMzNS40NjgxIDIxLjczOTggMzUuNjI0NCAyMS4yMDMzIDM1LjM5MjggMjAuNzc1MUMzNS4xNjA2IDIwLjM0NjQgMzQuNjI5NyAyMC4xODk4IDM0LjIwNSAyMC40MjNMMTkuOTcxMiAyOC4yNjczQzE1LjQzNDUgMjcuMzA1IDkuNDEwNjMgMjYuMDE5NCA1Ljk2MjYgMjUuMjY4QzUuNzE1MjMgMjUuMjA1NSA1LjM0ODg0IDI1LjEyMDEgNC45NzAxOSAyNS4wNTEyQzQuMDY5MzkgMjQuODUzNCAzLjQ2Mzc5IDI0LjcxNjEgMy4yODIzNSAyNC42Njg0QzIuNjU0IDI0LjM4MTYgMi4yNTAyNyAyMy43NTI3IDIuMjUwMjcgMjMuMDUzNkMyLjI1MDI3IDIyLjU3MTMgMi40Mzc1NSAyMi4xMTkgMi43Nzc2OSAyMS43ODA0QzMuMTA2MTUgMjEuNDUzIDMuNTI5NzIgMjEuMjYwNCAzLjk5MjM3IDIxLjI4MzRDNC4xMTE5OCAyMS4yODUxIDQuMjY4MzMgMjEuMzAyOCA0LjQ0MDQ0IDIxLjMyOTNDNC44MDMzMyAyMS40MDk0IDUuMjQyMDcgMjEuNTA2IDUuNzc1MzIgMjEuNjIxNEM1Ljc4MTc0IDIxLjYyMzIgNS43ODkzMiAyMS42MjU1IDUuNzk1NzQgMjEuNjI3M0M1LjgwMjc0IDIxLjYyOTEgNS44MTAzMiAyMS42MjkxIDUuODE3OTEgMjEuNjMwOEM2Ljk3MjUgMjEuODgyMyA4LjU1NzY3IDIyLjIyMzkgMTAuNzQzMiAyMi42OTJDMTAuODA0NCAyMi43MDU2IDEwLjg2NTcgMjIuNzExNSAxMC45MjU4IDIyLjcxMTVDMTEuMzMwMSAyMi43MTE1IDExLjY5MyAyMi40MjcgMTEuNzgwNSAyMi4wMTEzQzExLjg4MDggMjEuNTM0MiAxMS41NzkyIDIxLjA2NTUgMTEuMTA2NiAyMC45NjQyQzguOTA0MjIgMjAuNDkxOSA3LjMyNTQ4IDIwLjE1MDkgNi4xNzk2MyAxOS45MDE4QzUuOTYyNiAxOS44NDM1IDUuMzcyNzYgMTkuNjkxNSA0Ljc4NTI1IDE5LjU5NjFDMy43NTIgMTkuMzY4OCAzLjM5Mzc4IDE5LjI4NCAzLjI4MTc2IDE5LjI1NDZDMi42NTM0MiAxOC45Njc4IDIuMjUwMjcgMTguMzM5NCAyLjI1MDI3IDE3LjY0MDNDMi4yNTAyNyAxNy4zODc3IDIuMzEyMTEgMTcuMTQ1NyAyLjQxMDEzIDE2LjkyMDdDMi40NDEwNSAxNi44NzQyIDIuNDY3ODkgMTYuODI1MyAyLjQ5MDA2IDE2Ljc3MjNDMi40OTUzMSAxNi43NTk5IDIuNTA1ODEgMTYuNzM3NSAyLjUyMDk4IDE2LjcxMDRDMi41NTQyNCAxNi42NTUxIDIuNTg5MjQgMTYuNjAwMyAyLjYyODkxIDE2LjU0OTFDMi44OTkwNCAxNi4yMTIyIDMuNjIwNzMgMTUuNjY5MiA1LjM1ODE3IDE2LjAzMTRDNi43NjA3MiAxNi4zMjQ3IDEzLjE3OTYgMTcuODU3MSAxMy4yNDQzIDE3Ljg3MjRDMTMuMzA5MSAxNy44ODgzIDEzLjM3MzIgMTcuODk0OCAxMy40MzggMTcuODk1M0MxNC43ODQ1IDE4LjY3MzMgMTYuMzQgMTkuMTI0NCAxNy45OTk4IDE5LjEyNDRDMjAuMzUxIDE5LjEyNDQgMjIuNDkyNyAxOC4yMjQ1IDI0LjEyNCAxNi43NTc2TDM0LjkzNDggMTEuMjY5NUMzNS4yNjggMTEuMTAwNSAzNS40NTgyIDEwLjczNzEgMzUuNDA5NyAxMC4zNjQ5QzM1LjM2MDcgOS45OTIxMiAzNS4wODM2IDkuNjkxMTggMzQuNzE4NCA5LjYxNTIxTDI3LjA0OTkgOC4wMTc0OUMyNi4yMTc5IDMuNzM5MDMgMjIuNDc4MiAwLjUgMTcuOTk5OCAwLjVDMTIuOTEyOSAwLjUgOC43NzQ3IDQuNjc3MTcgOC43NzQ3IDkuODEyNUM4Ljc3NDcgMTAuMjc5NSA4LjgyMDIxIDEwLjczNTMgOC44ODYxMyAxMS4xODQxQzYuNDU1NTkgMTIuNDI3MyAyLjU5NjgzIDE0LjM4NzIgMi40NzY2NCAxNC40NDczQzIuMzA4MDMgMTQuNTI5NyAyLjE0NDY3IDE0LjYyNjkgMS45OTEyMyAxNC43MzUyQzEuMDU3NzUgMTUuMzk5NSAwLjUgMTYuNDg1NSAwLjUgMTcuNjQwM0MwLjUgMTguNzA4IDAuOTcxOTkgMTkuNjkzOSAxLjc1NTUzIDIwLjM1NDZDMS42ODc4NSAyMC40MTI0IDEuNjEzMTcgMjAuNDU4OSAxLjU0OSAyMC41MjI1QzAuODcyMjI0IDIxLjE5NTYgMC41IDIyLjA5NDkgMC41IDIzLjA1MzZDMC41IDI0LjExOTYgMC45NzAyNCAyNS4xMDMxIDEuNzUwMjggMjUuNzYzOEMxLjY4MjAyIDI1LjgyMjEgMS42MTM3NiAyNS44ODEgMS41NDkgMjUuOTQ1MkMwLjg3MjgwOCAyNi42MTg5IDAuNSAyNy41MTgyIDAuNSAyOC40NzY5QzAuNSAyOS45MDIxIDEuMzQwMTMgMzEuMTgxMiAyLjY0IDMxLjczNjZDMi43Mzc0MyAzMS43Nzc4IDMuMDMyNjQgMzEuOTAzOCAxOS45Mjc0IDM1LjQ4NjJDMTkuOTg2OSAzNS40OTg2IDIwLjA0NzYgMzUuNTA1IDIwLjEwNzEgMzUuNTA1QzIwLjI1MyAzNS41MDUgMjAuMzk3MSAzNS40Njg1IDIwLjUyNjYgMzUuMzk2N0wzNS4wNDM5IDI3LjM5NjlDMzUuNDY4MSAyNy4xNjMxIDM1LjYyNDQgMjYuNjI2IDM1LjM5MjggMjYuMTk3OEMzNS4xNjA2IDI1Ljc2OTcgMzQuNjI5NyAyNS42MTI1IDM0LjIwNSAyNS44NDYzTDE5Ljk3MTIgMzMuNjkwNkMxMy41MzYgMzIuMzI1NSA0LjEwMTQ4IDMwLjMwODUgMy4yODE3NiAzMC4wOTE3QzIuNjU0IDI5LjgwNDkgMi4yNTAyNyAyOS4xNzYgMi4yNTAyNyAyOC40NzY5QzIuMjUwMjcgMjcuOTk0NiAyLjQzNzU1IDI3LjU0MjMgMi43Nzc2OSAyNy4yMDMxQzMuMTA2MTUgMjYuODc2MyAzLjUzNjcyIDI2LjY4MzcgMy45OTI5NiAyNi43MDY3WiIgZmlsbD0iIzk2QzkzMyIvPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYuNjU4NiAxMi4zMjY0QzE2LjgyOTYgMTIuNDk4OSAxNy4wNTM2IDEyLjU4NDkgMTcuMjc3NiAxMi41ODQ5QzE3LjUwMTEgMTIuNTg0OSAxNy43MjUxIDEyLjQ5ODkgMTcuODk2MSAxMi4zMjY0TDIyLjM0IDcuODQwNjRDMjIuNjgxOSA3LjQ5NTUzIDIyLjY4MTkgNi45MzYwNiAyMi4zNCA2LjU5MTU1QzIxLjk5ODEgNi4yNDY0NSAyMS40NDQ0IDYuMjQ2NDUgMjEuMTAyNiA2LjU5MTU1TDE3LjI3NzYgMTAuNDUyNUwxNS40MzYzIDguNTk0NDVDMTUuMDk0NSA4LjI0OTM0IDE0LjU0MDggOC4yNDkzNCAxNC4xOTg5IDguNTk0NDVDMTMuODU3IDguOTM4OTYgMTMuODU3IDkuNDk4NDMgMTQuMTk4OSA5Ljg0MzUzTDE2LjY1ODYgMTIuMzI2NFoiIGZpbGw9IiM5NkM5MzMiLz4NCgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM0LjIwNTIgMTUuMDA5NkwxOS45NTYyIDIyLjg2MTZDMTkuNTUzNyAyMi43ODg2IDE4Ljc0NTEgMjIuNjM2NiAxNy41OTA1IDIyLjM5MTFDMTcuMTE3MyAyMi4yOTAzIDE2LjY1MzUgMjIuNTk2IDE2LjU1MzcgMjMuMDczQzE2LjQ1NCAyMy41NSAxNi43NTYyIDI0LjAxODggMTcuMjI5MyAyNC4xMTk1QzE4Ljk3MjYgMjQuNDkwNSAxOS45MjUzIDI0LjY1MDEgMTkuOTY1IDI0LjY1NjZDMjAuMDEyMyAyNC42NjQzIDIwLjA2MDEgMjQuNjY4NCAyMC4xMDc0IDI0LjY2ODRDMjAuMjUzMiAyNC42Njg0IDIwLjM5NzMgMjQuNjMxMyAyMC41MjY4IDI0LjU2TDM1LjA0MzYgMTYuNTYwMkMzNS40NjgzIDE2LjMyNjQgMzUuNjI0NyAxNS43ODk5IDM1LjM5MjUgMTUuMzYxOEMzNS4xNjA5IDE0LjkzMyAzNC42Mjk5IDE0Ljc3NjQgMzQuMjA1MiAxNS4wMDk2WiIgZmlsbD0iIzk2QzkzMyIvPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuMTQ5OSAxOS43NTI4TDEzLjI3ODMgMTkuMzIxMkMxMy4wMDcgMTkuMjY4MiAxMi43NTU2IDE5LjQ3NzggMTIuNzU1NiAxOS43NTU4VjI1LjA5NjZDMTIuNzU1NiAyNS4yNzEgMTIuOTQ0NiAyNS4zNzgxIDEzLjA5MjIgMjUuMjg2OUwxMy45NDYzIDI0LjgyNTJDMTQuMDQyIDI0Ljc2NTcgMTQuMTY1NyAyNC43ODEgMTQuMjQ1MSAyNC44NjExTDE1LjEyODkgMjUuNzUyMUMxNS4yNjg0IDI1Ljg5MjkgMTUuNTA2NCAyNS43OTMzIDE1LjUwNjQgMjUuNTk0M0wxNS41MDUyIDIwLjE4OEMxNS41MDUyIDE5Ljk3NTQgMTUuMzU2NSAxOS43OTM1IDE1LjE0OTkgMTkuNzUyOFoiIGZpbGw9IiM5NkM5MzMiLz4NCjwvc3ZnPg=="};const s=()=>(window.AllakandoWebUI={openDialog:c,alert:E,confirm:C,showSpinner:L},`<div>
<button onclick="openDialog()">Open Dialog</button>
<button onclick="showSpinner()">Show Spinner</button>
<button onclick="confirmWithUser()">Confirm</button>
<button onclick="alert(false)">Alert</button>
<button onclick="confirmWithUser(true)">Confirm scrollable</button>
<button onclick="alert(true)">Alert scrollable</button>
<button onclick="alert(false, 'This is a long footer note so that it extends across multiple lines rather than just being a single line')">
Alert footer note
</button>
<script>
function openDialog() {
const options = {
headerTitle: "This is a window!",
scrollable: true,
bgColor: "primary",
body: 'This is some content inside of the window. <div slot="footer" style="margin:0 !important;">And this is some footer content</div>'
}
AllakandoWebUI.openDialog(options)
}
async function confirmWithUser(scrollable) {
const choice = await AllakandoWebUI.confirm({
headerTitle: "This action is irreversible. Proceed?",
message: "Are you sure you want to proceed? If you do there is no going back since this action cannot be undone.",
mainIcon: "QUESTION",
resolveText: "Yes, proceed",
rejectText: "Go back",
scrollable
})
console.log(choice)
}
function showSpinner() {
const closeSpinner = AllakandoWebUI.showSpinner("Loading data...")
setTimeout(() => {
closeSpinner()
}, 3000)
}
async function alert(scrollable, footerNote) {
AllakandoWebUI.alert({
headerTitle: "Warning!",
message: "You are being alerted right now!",
scrollable,
footerNote: footerNote ?? undefined,
buttonIcon:
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAEmBAMAAAA96iDpAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURUdwTG5ubmlpaWpqamhoaGpqamlpaWlpaWlpaWhoaGlpaWhoaFWkB/UAAAALdFJOUwAWZC3xSYCbtN7KT/DZcgAAC6xJREFUeNrdXc+TG8UVnpF2RlrtRcCyxugiFgwUc9ksDhTogh0Cwboo/oFxdFkDZm3rQhnK3lgXxwTzYy4YiBOiy0JRZVK6gHcsa9X/XLzG7HTP9Iy6+3s9UvHOmtan7ve+973Xo27Hgc394+rmla3Pv/z8sysfHDpRd2Ztjx3f+pGJduzGobXZASq//QWT2+1zs5muR6+2WbZFN/5aOKL1v7NpdvupYufoY6Zi/+4U50cXmaJF1wty95cGTN0mZ4uYpAtMz36wHoIrA6Zrk6ZdSO8wA4s+sojIvcDM7Ad7rtRnpvaGJafyQmZub1ohhdKQITa2wJ+lAcNsQj5T3pChNl6bO0jUoMp5kKL/fvbB6qFTp06trm5u/S9PwNwjjD43mwT+czmhdt31zX9mUwIdpvczvuLYpT9IP//4Zta8/osK0pmMKXo655m3MybrExpIB+QkOE1FrktRRRskxCTz2sl7Ck+ellHaLkHwuaG5JpJqrXs4pmckk6Qu/mWaFPbzJ9Jj3tJhmbKkmgBdykv/zk811/4F6syXIstIX/O/nAJ1FIH0aipqTLT1Sipy/wGsXHKwiZkISukcgBB6NJAkoI5SxZwxJAkow9grD8ggpbPBxEy2nExEHFY6riQm6hujX5YY5Cwt+0YdnJpwkfE32M2r9GLsfdDN3SG9kk6oem2BcFDkOJqCMRF81zSnaUCZyTP8fKz38Ct2lH1CjW2b0+WYriwTXUqLOA8TkqVoFWGivtf4NW2YcdWyw8Qw6AhXLu0W22ZBt+HQ2hNGoSdM05/JO1k9A44SKJyiRMxL7opkLmS6mxa6kCf1XaOPSy+NsL6j8oRPVGAoZgklHRXQ1vZTPfZPmhP7oR1MzpN8FNW1iGDk2LJQizf5aW1aw1TR+eUV3ZAgaEQ0NTx8wyKmqrqX8x4+cmzaUNnLDxYQdOnQu6a6zGOrkATxcUc1PW7bxcRr2Sgv0S9rURld1ttWc7ybjm3rKoWTrzid9DoqOxG3bMrLXMH5lcrSNQvAVFUQIKXCiOChcXSwNj06twvBpPCFYZEevmfe1Mjjlu6uU4z1p83CclGpLrbatJwXg94tCBLP5dKlKceYd7THfu7KfTN4ATLIn4cqIOZ6pr2zKV/aNenAJEbu6D7pxot3JJfAdoxX4CawePdymUB76YbmVUUtj8oXgagD6mYu8q7lTKJ+1Jl7Ii8O0t/bNifMMpK6a9kPx3Iu0mYZF8HkZTvUMlL9QhInzHSonoLks+HjjtPITC9tZsx73MMmmPysWS5B099GynmOytcy2GnHYNgB1GIIMiK+a7qpJvK4EabFjJQ3nCrWLeUWwW9GctYz6qqGWBdtf+kjeXduB8JkpuMDaVW5jCnxPoZpUVpRBZA7oZhK0lUaYvVvD1p5OeeWwcIOxdSTOHkFrMn3l/4XM0zLEidfBtspKCbZnARSgjDA9LNh6cnSPyoEW+JdEJMkOcWZeQfE9JoDTvQkzQ+GbacWiil26HqqQG6CmL5yUCffSKpPQxePBzBt75VTKxWgW60wplga7NCkdcdZQgShyOR3kunmtZlhaiUSrge3DBdgTIsJl/aRMkoc0bgPmsRQQ8OOAFM5sVYN+A2HGr6DPBApLoC74gSY+mIW7oNKg0sE5pi6IhkMYMar4LtZS4IDufj7BASYqoIy8LCaRcDUMcZUEpSBD1NBPIQ5prJAUDV8H5EAU5zgNvjEMMInfs0cU8hHWgvftKPA1OOFAFp08GFSd3CC+oUHuD1TTEv8coX45uY+JnNIcaiNeBpv4oEMYKpwRO7ilLmPKQIw+dwWVEzj5uO5BJh4HCWCjWmXYG+bXy+f4nUQ860yCZF3Yt8a4eNBmMI41moUb2O2Cd686ccJbxHsqfCyEMLUiwuyJVj5xv0jCFMQ55MWnu72MUGvdnMNoy7ap+H8E8LUiCcngOvqGBP0Nu5C7EQBxftFfQJMXLD1KN6C7hO83F2LxUqfAlOPAFNVgqk5Y0yVmLxDgprjN6e8S4JpFLfLZ43Jj0XdkKDmIMFUijENKDB18ZQpxVT/nWFq4Wk8Fr/jWN7NIyaC/PkzESb2e8W0hO1DiJgmNGu3hEswch9fmENMiwRv53OYBvOCiTq31HD5PO+YSHRBleAvA5xWIdF0pJhGfOsA1ogQJk77ktQIFYI/gFZjTCS1lE+AiaulSGpOn+CPX1zNSVKblwgwcbV5l+JvWxSYuB4G/E4Ol6sQOuGBNCh6YhSYuAVboOgdUmDieockPdYynp5iovwwpiqkeeQSYOISik9yzkQbls+xQOnEEmECTzzU9uX3NjxGsIHz60kg3zu4Sz4QvBR7Zfd/5flv37oOLZ2wF9Uu8m/KClJlzwOGRRw1oSELRjwvXJsppgV+jzqgSHi4tfh80qJILrgJU9Mo4jgVDRrfdkjeoaGwAa93K4X/ezqfxptO8m2oWZmIwmXzQJqJ1RrMA0EtiPIknAeCaonRj78zSmCJv+20ijnIKN+G4mItzgEZuIl3kCskCoqKCpp8ITRTtVJLkKTLKF4xwKyRrArC2SuDIBlnvdkH3jA5LY2ZB17afWqMos+KmJ8KM5/NOuMtpujIZXC/p7x638zprZv2niHq5A8PgjbmN8mfEgPUyftYy8GV/EG4ATq5ByYCX8LaVdDJa+D7bwuS7OZhf4GP3xM0TASBrCQYYI2xFlgiDmTlXA+rXUBMnvSv5Q1MroCYalJhUs09hck2pq50RjzscFEQ01DuOQPz03pgTF7GYRwB5FAYploGEy1ADoVhyjrbxYcOM8EwDTMyW+ahOfYxlTJP2eojKQ/ClH3yVAM5pqOBdByyT56qIIcdLgA6tZx9tinnUPpsUAWK1mrOoW19gA32f1AHYYK7Oa5m0P89Y3ydDndE83aO/jToa7oX789UdNuARip5Z/xOOaHRluWfRhnYPu0/X2JKdfMim0GJ7uefAcsd8ndkBksnF0khK3znhYu6UX7WKm5HoTrtFGufsaIbdsFUHx4Ud0j7w1zXnhrrXVZwI+rg9LCqFHU3QjqqMj2Yvx6gUyw5jRXYooAj9oWvO6KSECf1Ij08h3z4xdsu0sPHarNpncv5CTii5nXWz0V/kilG1LA4OghVr0I6zIpKelXl60b4+ybsbg/31e/R6LNieNPX+PE1vduoKBTB1IKSj1CLNzeUtO7Aa1m9+y7dJFBJY8LtdJ0CvEllNXoF3HrV1wzvqs3LFCVfoUSDQ9uXzbn633AQuCfW1hcIN+BZ0FHCDZ2q25CHDa8/VbSTJndICletR9R8IJCNetHWZRYvCwzNrtr0mL27J19lzCx7BcLltZRpT/ALrSwv3m1OyeZ902lKeBTh6ol3Sn8DTDFZ7PnMLOgkJEJzvXnqgnPdWlu8/pl9Ta6aTFKEuPIkLgUPmbicPsJVywERkonkqIpDwNfTJy6mN5Nm4uqzMUad3kAc7qjZD2OMLvjKoTiYaU2U8En2Rp0MkrEESrg5AKrcZ7iDp/p2EKgUpAjojzyTBHXPxA285MJpJrrcZLAXffqUUEoNgqUqPzkc2z2rOcRLbUa4cnt2JgUq+lRrgBdSA8Blhxumx7yl7lTex+nHcYGf5N8H6/ee4sOn2+mHKaT0ASaxWyqu/rhkkiiSudSl9oa+Pi12yhdlz7FP6BtY3AJeylsE73xb+tRRGkjpZPXbXN14OuOJ9avyJ9iIrP0g8/Nf7djlE8lvcY+fz/z4eM0hs1KbZVr00+V3T7z4SN1xH3nx1LObX2R/EteFgq3kgFK23aZDagdwUBExpAya0oJkoTcKzlR01rFgkE/tNh0rVhoYQ5p0HEvmhYaQ3lxzrFn5ghGkr+uOTXvHwLs/cizbo0NNSH95yrFu7kUtSNfrThG2Es7VJD2cqtNqrDA55xRo5eeno9q9VHeKNfe5fGc/dq5oRA9QrV/Nyja7mQq0AFjHt36UaM9DdWe29tjxZ7e+/O7b19nrb33305V3D+Fp5P+4W+Pp5XNNAgAAAABJRU5ErkJggg=="
})
}
<\/script>
</div>`);var D,y,p;u.parameters={...u.parameters,docs:{...(D=u.parameters)==null?void 0:D.docs,source:{originalSource:'args => {\n resetScroll();\n return `<ako-dialog \n ${args.headertitle ? `headertitle="${args.headertitle}"` : ""}\n ${args.headersubtitle ? `headersubtitle="${args.headersubtitle}"` : ""}\n ${args.modality ? `modality="${args.modality}"` : ""}\n ${args.scrollable ? `scrollable="${args.scrollable}"` : ""}\n ${args.fluid ? `fluid="${args.fluid}"` : ""}\n ${args.noheader ? `noheader="${args.noheader}"` : ""}\n ${args.nofooter ? `nofooter="${args.nofooter}"` : ""}\n ${args.noclose ? `noclose="${args.noclose}"` : ""}\n ${args.bgcolor ? `bgcolor="${args.bgcolor}"` : ""}\n ${args.icon ? `icon="${args.icon}"` : ""}\n >\n <div>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.\n \n Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.\n\n Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus.\n </div>\n <div slot="footer">Some content inside the footer!</div>\n </ako-dialog>`;\n}',...(p=(y=u.parameters)==null?void 0:y.docs)==null?void 0:p.source}}};var z,b,h;s.parameters={...s.parameters,docs:{...(z=s.parameters)==null?void 0:z.docs,source:{originalSource:`() => {
window.AllakandoWebUI = {
openDialog,
alert,
confirm,
showSpinner
};
return \`<div>
<button onclick="openDialog()">Open Dialog</button>
<button onclick="showSpinner()">Show Spinner</button>
<button onclick="confirmWithUser()">Confirm</button>
<button onclick="alert(false)">Alert</button>
<button onclick="confirmWithUser(true)">Confirm scrollable</button>
<button onclick="alert(true)">Alert scrollable</button>
<button onclick="alert(false, 'This is a long footer note so that it extends across multiple lines rather than just being a single line')">
Alert footer note
</button>
<script>
function openDialog() {
const options = {
headerTitle: "This is a window!",
scrollable: true,
bgColor: "primary",
body: 'This is some content inside of the window. <div slot="footer" style="margin:0 !important;">And this is some footer content</div>'
}
AllakandoWebUI.openDialog(options)
}
async function confirmWithUser(scrollable) {
const choice = await AllakandoWebUI.confirm({
headerTitle: "This action is irreversible. Proceed?",
message: "Are you sure you want to proceed? If you do there is no going back since this action cannot be undone.",
mainIcon: "QUESTION",
resolveText: "Yes, proceed",
rejectText: "Go back",
scrollable
})
console.log(choice)
}
function showSpinner() {
const closeSpinner = AllakandoWebUI.showSpinner("Loading data...")
setTimeout(() => {
closeSpinner()
}, 3000)
}
async function alert(scrollable, footerNote) {
AllakandoWebUI.alert({
headerTitle: "Warning!",
message: "You are being alerted right now!",
scrollable,
footerNote: footerNote ?? undefined,
buttonIcon:
"data:image/png;base64,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"
})
}
<\/script>
</div>\`;
}`,...(h=(b=s.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};const Q=["Template","utility"];export{u as Template,Q as __namedExportsOrder,w as default,s as utility};