import{h as t,r as e,c as s}from"./p-083180bf.js";import{i as n}from"./p-f8a09b0f.js";import{n as a}from"./p-a7fc1e02.js";import"./p-d0993bb9.js";import{g as i}from"./p-9ec99ced.js";import"./p-cef45012.js";import{o as r}from"./p-f75de169.js";import{P as o,a as l}from"./p-e30abc44.js";function m(e){const{emptyStateHeader:s,emptyStateImage:a,emptyStateText:i,supportText:o,missingFeature:l=""}=e;return t("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},t("img",{style:{height:"100px",margin:"auto"},src:r(a,{height:200}),decoding:"async"}),t("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},t("sqm-text",{slot:"label"},t("p",{part:"header-text"},s)),t("sqm-text",{slot:"content"},t("p",{part:"description-text"},n.formatMessage({id:"emptyStateText",defaultMessage:i},{supportText:t("a",{target:"_blank",href:`mailto:saasquatch-support@impact.com?subject=Next steps for ${l} feature&body=Hi Support Team, %0D%0A\n                  %0D%0A  \n                  I am interested to learn more about the ${l} feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n                  %0D%0A \n                  - Feature Interested In: ${l}%0D%0A\n                  - Company Name: [Please fill out your company name here]%0D%0A\n                  %0D%0A\n                  Thank you`},o)})))))}const h=class{constructor(t){e(this,t)}render(){return t(s,{slot:"empty"},t(m,{emptyStateImage:this.emptyStateImage||"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png",emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))}},p=class{constructor(t){e(this,t),this.ignored=!0,this.direction="column",this.gap="xxx-large",this.display="grid",this.maxWidth="100%",this.flexWrap="wrap",a(this)}disconnectedCallback(){}render(){return t(o,Object.assign({},i(this)),t("slot",null))}},c=class{constructor(t){e(this,t),this.ignored=!0,a(this)}disconnectedCallback(){}componentWillLoad(){}render(){return t("div",null,t("style",null,`\n    sqm-text {\n      display: block;\n      color: ${this.textColor||"var(--sqm-text)"};\n    }\n\n    sqm-text h1 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-xxx-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h2 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-xx-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h3 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-x-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h4 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-large)"};\n      font-weight: var(--sl-font-weight-bold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text p {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-medium)"};\n      font-weight: var(--sl-font-weight-normal);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text sub {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-small)"};\n      font-weight: var(--sl-font-weight-normal);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n    `),t("slot",null))}},x=class{constructor(t){e(this,t),this.textAlign="left",this.labelMargin="small",this.padding="none",a(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"label"},this.label),s=t("slot",{name:"content"});return t(l,Object.assign({},{...i(this),label:e,content:s}))}};export{h as sqm_empty,p as sqm_portal_container,c as sqm_text,x as sqm_titled_section}