@saasquatch/mint-components 1.6.12 → 1.6.13

package/dist/mint-components/{p-e0ea1929.js → p-50c4d42b.js}

@@ -1,4 +1,4 @@
-import{h as e,c as a,d as t,g as l}from"./p-64c3217a.js";import{j as r,b as i,u as s,f as o}from"./p-901f5b80.js";import{i as n}from"./p-f14692ac.js";import{d,O as c,L as u,b as p,I as v,T as g,g as m,W as f,f as h}from"./p-cdddccfe.js";import{c as C}from"./p-c1086930.js";import{H as b,A as x,a as y,b as w,E as q}from"./p-02be1a88.js";import{c as E,j as _,a as S}from"./p-cef45012.js";import{u as k}from"./p-99ec46fe.js";import{l as R}from"./p-d576140e.js";import{l as M}from"./p-9ec99ced.js";import{T as I}from"./p-1e1f2fc5.js";import{a as $,P as A}from"./p-133f8f27.js";const L={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#1da1f2",text:"#fff",icon:"twitter"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}},T=E({HostBlock:b,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),z=T.toString();function V(t,l){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${t.backgroundcolor?t.backgroundcolor:t.medium?L[t.medium].color:""}80!important;\n\n\tbackground: ${t.backgroundcolor?t.backgroundcolor:t.medium?L[t.medium].color:""};\n\tcolor: ${t.textcolor?t.textcolor:t.medium?L[t.medium].text:""};\n\tborder-radius: ${t.borderradius?t.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?L[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?L[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return t.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},z),e("style",{type:"text/css"},r),e("sl-button",{class:T.classes.buttonStyle,loading:t.loading,disabled:t.disabled,pill:t.pill,size:t.size,type:t.type,onClick:t.onClick,exportparts:`base: ${t.type}sharebutton-base`},!t.hideicon&&e("sl-icon",{slot:t.iconslot||"prefix",name:t.icon?t.icon:L[t.medium].icon,exportparts:"icon"}),!t.hidetext&&l))}const H=E({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"}}}),D=H.toString();function B(a){var t,l,r,i,s,o,n,d,c,u,p;const{states:v,data:g,elements:m}=a,{styles:f}=v;if(v.loading)return e("div",{class:H.classes.Leaderboard},e("style",{type:"text/css"},D,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),m.loadingstate);if(!v.hasLeaders)return m.empty;let h=!1;return e("div",{class:H.classes.Leaderboard,part:"sqm-base"},e("style",{type:"text/css"},D,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),e("table",{part:"sqm-table"},e("tr",null,f.showRank&&e("th",{class:"Rank"},f.rankheading),e("th",{class:"User"},f.usersheading),e("th",{class:"Score"},f.statsheading)),null===(t=g.leaderboard)||void 0===t?void 0:t.map((a=>{var t,l;return a.rowNumber===(null===(t=g.viewerRank)||void 0===t?void 0:t.rowNumber)&&(h=!0),e("tr",{class:f.hideViewer||a.rowNumber!==(null===(l=g.viewerRank)||void 0===l?void 0:l.rowNumber)?"":"highlight"},f.showRank&&e("td",{class:"Rank"},a.rank),e("td",{class:"User"},a.firstName&&a.lastInitial?a.firstName+" "+a.lastInitial:a.firstName||a.lastInitial?a.firstName||a.lastInitial:f.anonymousUser),e("td",{class:"Score"},a.textValue))})),!h&&!f.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!h&&!f.hideViewer&&e("tr",{class:"highlight"},f.showRank&&e("td",{class:"Rank"},(null===(l=g.viewerRank)||void 0===l?void 0:l.rank)||"-"),e("td",{class:"User"},(null===(r=g.viewerRank)||void 0===r?void 0:r.firstName)&&(null===(i=g.viewerRank)||void 0===i?void 0:i.lastInitial)?(null===(s=g.viewerRank)||void 0===s?void 0:s.firstName)+" "+(null===(o=g.viewerRank)||void 0===o?void 0:o.lastInitial):(null===(n=g.viewerRank)||void 0===n?void 0:n.firstName)||(null===(d=g.viewerRank)||void 0===d?void 0:d.lastInitial)?(null===(c=g.viewerRank)||void 0===c?void 0:c.firstName)||(null===(u=g.viewerRank)||void 0===u?void 0:u.lastInitial):f.anonymousUser),e("td",{class:"Score"},(null===(p=g.viewerRank)||void 0===p?void 0:p.textValue)||"0"))))}const P={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""},F=E({HostBlock:b,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"}}),j=F.toString();function U(a){const{buttonStyle:t="icon"}=a,l=!a.loading&&a.error,r=l?a.inputPlaceholderText:a.copyString,i=l||a.loading||a.disabled,s=e("sl-tooltip",{trigger:"manual",content:a.tooltiptext,placement:"button-below"===a.buttonStyle?"bottom":"button-outside"===a.buttonStyle?"top":"top-end",disabled:a.disabled,open:a.open,skidding:"icon"===a.buttonStyle?-5:0,slot:"suffix"},"icon"===t?e("sl-icon-button",{onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},name:"files",disabled:i}):e("sl-button",{onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},size:"medium",style:{width:`${"button-below"===t&&"100%"}`},disabled:i,type:"primary"},a.copyButtonLabel||"Copy"));return e("div",null,e("style",{type:"text/css"},j,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",P[a.textAlign],i&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),e("div",{class:F.classes.containerStyle,style:{flexDirection:"button-below"===t?"column":"row"}},e("sl-input",{class:`${F.classes.inputStyle} ${l?F.classes.inputErrorStyle:""}`,exportparts:"label: input-label",value:a.loading?"Loading...":r,readonly:!0,disabled:i},"icon"===t&&s,l&&e("p",{slot:"help-text",class:F.classes.errorTextStyle},a.errorText)),("button-outside"===t||"button-below"===t)&&s))}function Z(a){const{statvalue:t,flexReverse:l,alignment:r}=a,i=E({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":l?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":r},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sl-color-gray-600)","text-transform":"uppercase","text-align":r}}),s=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},s),e("div",{part:"stat-value",class:i.classes.Stat},t),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=E({HostBlock:b,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),W=N.toString();function O(a,t){const{data:l,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:N.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},W),e("div",{class:N.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:N.classes.FooterWrapper,part:"sqm-footer"},l.footer))}const G=a=>{var t,l,r,i;const{states:s,callbacks:o}=a,{text:n}=s,{errors:d}=s.formState;return s.showEdit?e("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},s.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label",value:s.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label",value:s.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&s.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label",disabled:!0,value:s.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext),e("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext)))):e("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=s.user)||void 0===t?void 0:t.firstName," ",null===(l=s.user)||void 0===l?void 0:l.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=s.user)||void 0===r?void 0:r.email},null===(i=s.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},X=d.gql`
+import{h as e,c as a,d as t,g as l}from"./p-64c3217a.js";import{j as r,b as i,u as s,f as o}from"./p-901f5b80.js";import{i as n}from"./p-65fffbfb.js";import{d,O as c,L as u,b as p,I as v,T as g,g as m,W as f,f as h}from"./p-cdddccfe.js";import{c as C}from"./p-c1086930.js";import{H as b,A as x,a as y,b as w,E as q}from"./p-02be1a88.js";import{c as E,j as _,a as S}from"./p-cef45012.js";import{u as k}from"./p-99ec46fe.js";import{l as R}from"./p-d576140e.js";import{l as M}from"./p-9ec99ced.js";import{T as I}from"./p-1e1f2fc5.js";import{a as $,P as A}from"./p-133f8f27.js";const L={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#1da1f2",text:"#fff",icon:"twitter"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}},T=E({HostBlock:b,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),z=T.toString();function V(t,l){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${t.backgroundcolor?t.backgroundcolor:t.medium?L[t.medium].color:""}80!important;\n\n\tbackground: ${t.backgroundcolor?t.backgroundcolor:t.medium?L[t.medium].color:""};\n\tcolor: ${t.textcolor?t.textcolor:t.medium?L[t.medium].text:""};\n\tborder-radius: ${t.borderradius?t.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?L[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${t.backgroundcolor?t.backgroundcolor:t.medium?L[t.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return t.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},z),e("style",{type:"text/css"},r),e("sl-button",{class:T.classes.buttonStyle,loading:t.loading,disabled:t.disabled,pill:t.pill,size:t.size,type:t.type,onClick:t.onClick,exportparts:`base: ${t.type}sharebutton-base`},!t.hideicon&&e("sl-icon",{slot:t.iconslot||"prefix",name:t.icon?t.icon:L[t.medium].icon,exportparts:"icon"}),!t.hidetext&&l))}const H=E({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"}}}),D=H.toString();function B(a){var t,l,r,i,s,o,n,d,c,u,p;const{states:v,data:g,elements:m}=a,{styles:f}=v;if(v.loading)return e("div",{class:H.classes.Leaderboard},e("style",{type:"text/css"},D,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),m.loadingstate);if(!v.hasLeaders)return m.empty;let h=!1;return e("div",{class:H.classes.Leaderboard,part:"sqm-base"},e("style",{type:"text/css"},D,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),e("table",{part:"sqm-table"},e("tr",null,f.showRank&&e("th",{class:"Rank"},f.rankheading),e("th",{class:"User"},f.usersheading),e("th",{class:"Score"},f.statsheading)),null===(t=g.leaderboard)||void 0===t?void 0:t.map((a=>{var t,l;return a.rowNumber===(null===(t=g.viewerRank)||void 0===t?void 0:t.rowNumber)&&(h=!0),e("tr",{class:f.hideViewer||a.rowNumber!==(null===(l=g.viewerRank)||void 0===l?void 0:l.rowNumber)?"":"highlight"},f.showRank&&e("td",{class:"Rank"},a.rank),e("td",{class:"User"},a.firstName&&a.lastInitial?a.firstName+" "+a.lastInitial:a.firstName||a.lastInitial?a.firstName||a.lastInitial:f.anonymousUser),e("td",{class:"Score"},a.textValue))})),!h&&!f.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!h&&!f.hideViewer&&e("tr",{class:"highlight"},f.showRank&&e("td",{class:"Rank"},(null===(l=g.viewerRank)||void 0===l?void 0:l.rank)||"-"),e("td",{class:"User"},(null===(r=g.viewerRank)||void 0===r?void 0:r.firstName)&&(null===(i=g.viewerRank)||void 0===i?void 0:i.lastInitial)?(null===(s=g.viewerRank)||void 0===s?void 0:s.firstName)+" "+(null===(o=g.viewerRank)||void 0===o?void 0:o.lastInitial):(null===(n=g.viewerRank)||void 0===n?void 0:n.firstName)||(null===(d=g.viewerRank)||void 0===d?void 0:d.lastInitial)?(null===(c=g.viewerRank)||void 0===c?void 0:c.firstName)||(null===(u=g.viewerRank)||void 0===u?void 0:u.lastInitial):f.anonymousUser),e("td",{class:"Score"},(null===(p=g.viewerRank)||void 0===p?void 0:p.textValue)||"0"))))}const P={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""},F=E({HostBlock:b,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"}}),j=F.toString();function U(a){const{buttonStyle:t="icon"}=a,l=!a.loading&&a.error,r=l?a.inputPlaceholderText:a.copyString,i=l||a.loading||a.disabled,s=e("sl-tooltip",{trigger:"manual",content:a.tooltiptext,placement:"button-below"===a.buttonStyle?"bottom":"button-outside"===a.buttonStyle?"top":"top-end",disabled:a.disabled,open:a.open,skidding:"icon"===a.buttonStyle?-5:0,slot:"suffix"},"icon"===t?e("sl-icon-button",{onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},name:"files",disabled:i}):e("sl-button",{onClick:()=>{var e;return null===(e=a.onClick)||void 0===e?void 0:e.call(a)},size:"medium",style:{width:`${"button-below"===t&&"100%"}`},disabled:i,type:"primary"},a.copyButtonLabel||"Copy"));return e("div",null,e("style",{type:"text/css"},j,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",P[a.textAlign],i&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),e("div",{class:F.classes.containerStyle,style:{flexDirection:"button-below"===t?"column":"row"}},e("sl-input",{class:`${F.classes.inputStyle} ${l?F.classes.inputErrorStyle:""}`,exportparts:"label: input-label",value:a.loading?"Loading...":r,readonly:!0,disabled:i},"icon"===t&&s,l&&e("p",{slot:"help-text",class:F.classes.errorTextStyle},a.errorText)),("button-outside"===t||"button-below"===t)&&s))}function Z(a){const{statvalue:t,flexReverse:l,alignment:r}=a,i=E({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":l?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":r},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sl-color-gray-600)","text-transform":"uppercase","text-align":r}}),s=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},s),e("div",{part:"stat-value",class:i.classes.Stat},t),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=E({HostBlock:b,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),W=N.toString();function O(a,t){const{data:l,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:N.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},W),e("div",{class:N.classes.HeaderWrapper,part:"sqm-header"},l.header,e("slot",{name:"sqm-navigation-menu"})),t,e("div",{class:N.classes.FooterWrapper,part:"sqm-footer"},l.footer))}const G=a=>{var t,l,r,i;const{states:s,callbacks:o}=a,{text:n}=s,{errors:d}=s.formState;return s.showEdit?e("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},s.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label",value:s.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label",value:s.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&s.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label",disabled:!0,value:s.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext),e("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext)))):e("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(t=s.user)||void 0===t?void 0:t.firstName," ",null===(l=s.user)||void 0===l?void 0:l.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=s.user)||void 0===r?void 0:r.email},null===(i=s.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},X=d.gql`
   query ($programId: ID) {
     user: viewer {
       ... on User {