@saasquatch/mint-components 1.13.2 → 1.13.3-10

package/dist/mint-components/p-e6e2b28b.js

@@ -0,0 +1 @@
+import{h as t}from"./p-f708da7b.js";import{c as e}from"./p-cef45012.js";import{E as a}from"./p-9acb5038.js";const n=e({DialogContainer:{maxWidth:"390px !important"},Container:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-small)",justifyContent:"space-between"},FacadeContainer:{display:"flex",gap:"var(--sl-spacing-medium)",flexDirection:"column"},ButtonContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},FooterContainer:{textAlign:"left",display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)"},CodeContainer:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},Code:{width:"100%",height:"100%",maxWidth:"335px"}}),i=n.toString();function l({dialogIsOpen:e,error:l,viewError:o,showDialog:r,hideDialog:s,qrLink:p,titleText:d,viewCodeText:c,downloadCodeText:x,printCodeText:b,errorHeaderText:g,errorDescriptionText:m,createDownloadable:u,createPrintable:f}){return t("div",{class:n.classes.Container,part:"sqm-base"},t("style",null,"\n  sl-dialog::part(base) {\n    inset: auto;\n    position: absolute;\n    left: 25%;\n  }\n  sl-dialog::part(panel) {\n    max-width: 390px;\n    width: 100%;\n  }\n  sl-dialog::part(footer) {\n    display: flex;\n    flex-direction: column;\n    gap: var(--sl-spacing-small);\n    width: 100%;\n  }\n  sl-dialog::part(body) {\n    padding: 0 var(--sl-spacing-large);\n  }\n  :host{\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    :host{\n      display: block;\n    }\n  }"),t("style",null,i),t("div",{class:n.classes.FacadeContainer},l&&t(a,{loadingErrorAlertDescription:g,loadingErrorAlertHeader:m}),t("span",{part:"sqm-title"},d),t("div",{class:n.classes.ButtonContainer},t("sl-button",{type:"primary",exportparts:"base: primarybutton-base",onClick:r},c),t("sl-button",{exportparts:"base: textbutton-base",type:"text",onClick:u},x),t("sl-button",{exportparts:"base: textbutton-base",type:"text",onClick:f},b))),t("sl-dialog",{class:n.classes.DialogContainer,width:"250px",open:e,label:d,"onSl-hide":s},(o||l)&&t(a,{loadingErrorAlertDescription:g,loadingErrorAlertHeader:m}),p&&t("div",{class:n.classes.CodeContainer},t("img",{class:n.classes.Code,src:p})),t("div",{slot:"footer",class:n.classes.FooterContainer},t("sl-button",{exportparts:"base: button-base",disabled:l,variant:"default",onClick:u},x),t("sl-button",{exportparts:"base: button-base",disabled:l,variant:"default",onClick:f},b))))}export{l as Q}