@saasquatch/mint-components 1.14.6-19 → 1.14.6-20

package/dist/mint-components/{p-390dab8a.entry.js → p-b54f8e03.entry.js}

@@ -1 +1 @@
-import{r as t,h as s}from"./p-f708da7b.js";import{i as e,n as o}from"./p-cd651f81.js";import"./p-65069b66.js";import{i as r}from"./p-94a876b9.js";import{c as a}from"./p-c1086930.js";import{a as i,g as n}from"./p-9ec99ced.js";import"./p-cef45012.js";import{L as d,R as p}from"./p-f98a4354.js";import{L as l}from"./p-55308978.js";const c=class{constructor(s){t(this,s),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.dropdownOptional=!1,o(this)}disconnectedCallback(){}render(){const t=i([{attribute:"dropdown-name",value:this.dropdownName}]);if(!r()&&t)return s(p,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},s("slot",null));const o={...n(this),selectOptions:s("slot",null)},{states:c}=r()?a({states:{leadFormState:{}},content:{dropdownName:(m=this).dropdownName,dropdownLabel:m.dropdownLabel,requiredFieldErrorMessage:m.requiredFieldErrorMessage,dropdownOptional:m.dropdownOptional}},m.demoData||{},{arrayMerge:(t,s)=>s}):{states:{leadFormState:e(d)}};var m;return s(l,{states:c,content:o})}};export{c as sqm_lead_dropdown_field}
+import{r as t,h as s}from"./p-f708da7b.js";import{i as e,n as o}from"./p-cd651f81.js";import"./p-65069b66.js";import{i as r}from"./p-94a876b9.js";import{c as a}from"./p-c1086930.js";import{a as i,g as n}from"./p-9ec99ced.js";import"./p-cef45012.js";import{L as d,R as p}from"./p-f98a4354.js";import{L as l}from"./p-cd10001b.js";const c=class{constructor(s){t(this,s),this.ignored=!0,this.dropdownLabel="Select an option",this.requiredFieldErrorMessage="Please select a {dropdownLabel}",this.dropdownOptional=!1,o(this)}disconnectedCallback(){}render(){const t=i([{attribute:"dropdown-name",value:this.dropdownName}]);if(!r()&&t)return s(p,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this drop down field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"},s("slot",null));const o={...n(this),selectOptions:s("slot",null)},{states:c}=r()?a({states:{leadFormState:{}},content:{dropdownName:(m=this).dropdownName,dropdownLabel:m.dropdownLabel,requiredFieldErrorMessage:m.requiredFieldErrorMessage,dropdownOptional:m.dropdownOptional}},m.demoData||{},{arrayMerge:(t,s)=>s}):{states:{leadFormState:e(d)}};var m;return s(l,{states:c,content:o})}};export{c as sqm_lead_dropdown_field}

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

@@ -0,0 +1 @@
+import{h as o}from"./p-f708da7b.js";import{i as l}from"./p-65069b66.js";import{j as r,a as e}from"./p-cef45012.js";r.setup(e());const a=r.createStyleSheet({ErrorStyle:{"--sl-input-border-color":"var(--sl-color-danger-500)","--sl-input-background-color":"var(--sl-color-danger-10)","--sl-input-border-color-focus":"var(--sl-color-danger-500)","--sl-input-border-color-hover":"var(--sl-color-danger-500)"},ErrorMessageStyle:{margin:0,color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}}),s=a.toString();function n(r){var e,n,t,i,d;const{states:c,content:p}=r,v=null===(e=null==c?void 0:c.leadFormState)||void 0===e?void 0:e.validationErrors;console.log({validationErrors:v});const u=({dropdownLabel:o})=>l.formatMessage({id:`requiredFieldErrorMessage-${o}`,defaultMessage:p.requiredFieldErrorMessage},{dropdownLabel:o});return o("div",{class:a.classes.FieldContainer,part:"sqm-base"},o("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\nsl-select::part(label){\n  font-size: var(--sl-input-label-font-size-small);\n  font-weight: var(--sl-font-weight-semibold);\n}\n",s),o("sl-select",Object.assign({exportparts:"label: input-label, base: input-base",label:p.dropdownLabel,name:`/${p.dropdownName}`},p.dropdownOptional?[]:{required:!0},{disabled:(null===(n=c.leadFormState)||void 0===n?void 0:n.loading)||(null===(t=c.leadFormState)||void 0===t?void 0:t.disabled),validationError:({value:o})=>{if(!o)return u({dropdownLabel:p.dropdownLabel})}},(null===(d=null===(i=c.leadFormState)||void 0===i?void 0:i.validationErrors)||void 0===d?void 0:d[p.dropdownName])?{class:a.classes.ErrorStyle}:[]),p.selectOptions),(null==v?void 0:v[p.dropdownName])&&o("p",{class:a.classes.ErrorMessageStyle},u({dropdownLabel:p.dropdownLabel})))}export{n as L}