import{r,h as o}from"./p-083180bf.js";import{n as s}from"./p-a7fc1e02.js";const n=class{constructor(o){r(this,o),this.ignored=!0,this.loading=!1,this.transparent=!1,s(this)}disconnectedCallback(){}render(){return this.loading?o("sqm-skeleton",{height:"90px",width:"100%"}):"error"===this.type?o("sl-alert",{exportparts:"base: erroralert-base, icon:erroralert-icon",class:"Error "+(this.transparent?"Transparent":""),type:"danger",open:!0},o("sl-icon",{id:"icon",slot:"icon",name:`${this.icon?this.icon:"exclamation-octagon"}`}),o("slot",null)):"info"===this.type?o("sl-alert",{id:"icon",exportparts:"base: infoalert-base, icon:infoalert-icon",class:"Info "+(this.transparent?"Transparent":""),type:"info",open:!0},o("sl-icon",{id:"icon",slot:"icon",name:`${this.icon?this.icon:"info-circle"}`}),o("slot",null)):"warning"===this.type?o("sl-alert",{exportparts:"base: warningalert-base, icon:warningalert-icon",class:"Warning "+(this.transparent?"Transparent":""),type:"warning",open:!0},o("sl-icon",{id:"icon",slot:"icon",name:`${this.icon?this.icon:"exclamation-triangle"}`}),o("slot",null)):o("sl-alert",{exportparts:"base: successalert-base, icon:successalert-icon",class:"Success "+(this.transparent?"Transparent":""),type:"success",open:!0},o("sl-icon",{id:"icon",slot:"icon",name:`${this.icon?this.icon:"check2-circle"}`}),o("slot",null))}};n.style="sl-alert::part(base){border:var(--sqm-border-thickness) solid;border-radius:var(--sqm-border-radius-normal);font-family:var(--sqm-primary-font)}.Error::part(base){color:var(--sqm-danger-color-text);background-color:var(--sqm-danger-color-background);border-color:var(--sqm-danger-color-border);font-size:14px}.Error #icon{color:var(--sqm-danger-color-icon);font-size:24px}.Warning::part(base){color:var(--sqm-warning-color-text);background-color:var(--sqm-warning-color-background);border-color:var(--sqm-warning-color-border)}.Warning #icon{color:var(--sqm-warning-color-icon);font-size:24px}.Success::part(base){color:var(--sqm-success-color-text);background-color:var(--sqm-success-color-background);border-color:var(--sqm-success-color-border)}.Success #icon{color:var(--sqm-success-color-icon);font-size:24px}.Info::part(base){color:var(--sqm-informative-color-text);background-color:var(--sqm-informative-color-background);border-color:var(--sqm-informative-color-border)}.Info #icon{color:var(--sqm-informative-color-icon);font-size:24px}.Transparent::part(base){background-color:transparent;border:none;color:var(--sqm-text);margin-left:-20px}::slotted(*){margin:0}::slotted(*[part=alert-title]){font-size:16px;font-weight:bold}::slotted(*[part=alert-description]),::slotted(*[part=erroralert-text]){font-size:14px}";const t=class{constructor(o){r(this,o),this.ignored=!0,this.height="100%",this.width="100%",this.vanillaStyle=`\n  sl-skeleton::part(indicator) {\n    --sheen-color: var(--sqm-skeleton-animation-background);\n    --color: var(--sqm-skeleton-background);\n    border-radius: var(--sqm-border-radius-normal);\n  }\n\n  sl-skeleton::part(base) {\n    height:${this.height};\n    width:${this.width};\n  }\n\n  :host{\n    display: block;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n  `}disconnectedCallback(){}render(){return o("div",null,o("style",{type:"text/css"},this.vanillaStyle),o("sl-skeleton",null))}};export{n as sqm_form_message,t as sqm_skeleton}