@saasquatch/mint-components 1.14.7-1 → 1.14.7-10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{ShadowViewAddon-3c344355.js → ShadowViewAddon-d79686c7.js} +1 -1
- package/dist/cjs/sqm-big-stat_43.cjs.entry.js +9 -2
- package/dist/cjs/sqm-lead-checkbox-field-view-34d94919.js +83 -0
- package/dist/cjs/sqm-lead-checkbox-field.cjs.entry.js +8 -98
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +56 -3
- package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js +1 -1
- package/dist/collection/components/sqm-lead-form/LeadCheckboxField.stories.js +4 -63
- package/dist/collection/components/sqm-lead-form/sqm-lead-checkbox-field-view.js +11 -10
- package/dist/collection/components/sqm-lead-form/sqm-lead-checkbox-field.js +5 -9
- package/dist/collection/components/sqm-lead-form/useCheckboxField.js +1 -14
- package/dist/collection/components/sqm-lead-form/useLeadForm.js +8 -1
- package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +2 -0
- package/dist/esm/{ShadowViewAddon-64194d20.js → ShadowViewAddon-88ca6579.js} +1 -1
- package/dist/esm/sqm-big-stat_43.entry.js +9 -2
- package/dist/esm/sqm-lead-checkbox-field-view-a8c1c78e.js +81 -0
- package/dist/esm/sqm-lead-checkbox-field.entry.js +12 -102
- package/dist/esm/sqm-stencilbook.entry.js +56 -3
- package/dist/esm-es5/ShadowViewAddon-88ca6579.js +1 -0
- package/dist/esm-es5/sqm-big-stat_43.entry.js +1 -1
- package/dist/esm-es5/sqm-lead-checkbox-field-view-a8c1c78e.js +1 -0
- package/dist/esm-es5/sqm-lead-checkbox-field.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-00df0cac.js +1 -0
- package/dist/mint-components/p-0a6dd9ce.system.entry.js +1 -0
- package/dist/mint-components/p-0b4cac9f.system.entry.js +1 -0
- package/dist/mint-components/p-2011095e.js +394 -0
- package/dist/mint-components/p-2ad84d3e.system.entry.js +1 -0
- package/dist/mint-components/p-37996351.system.js +1 -1
- package/dist/mint-components/p-48c69c2d.entry.js +1 -0
- package/dist/mint-components/p-8a8750b2.system.js +1 -0
- package/dist/mint-components/p-95b88eb6.system.js +1 -0
- package/dist/mint-components/{p-f60d1ae9.entry.js → p-9743b3d1.entry.js} +2 -2
- package/dist/mint-components/{p-851eaf57.entry.js → p-c45a40b0.entry.js} +2 -2
- package/dist/types/components/sqm-lead-form/LeadCheckboxField.stories.d.ts +0 -27
- package/dist/types/components/sqm-lead-form/sqm-lead-checkbox-field-view.d.ts +0 -5
- package/dist/types/components/sqm-lead-form/useCheckboxField.d.ts +1 -6
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/esm-es5/ShadowViewAddon-64194d20.js +0 -1
- package/dist/mint-components/p-0d94d81a.system.js +0 -1
- package/dist/mint-components/p-10a8ecae.system.entry.js +0 -1
- package/dist/mint-components/p-30a11ec0.js +0 -394
- package/dist/mint-components/p-48ad59a8.system.entry.js +0 -1
- package/dist/mint-components/p-550346bd.entry.js +0 -1
- package/dist/mint-components/p-eaf1a8a6.system.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++){t=arguments[a];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return __assign.apply(this,arguments)};System.register(["./p-f26aedcd.system.js","./p-48135f99.system.js","./p-bdb7d451.system.js","./p-6cd4f2b1.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-1d704c40.system.js"],(function(e){"use strict";var t,a,n,i,o,r,s,l,c,d,h,u,b,v,f;return{setters:[function(e){t=e.h;a=e.r},function(e){n=e.i;i=e.k;o=e.f;r=e.n},function(e){s=e.i},function(e){l=e.i},function(e){c=e.c},function(e){d=e.a;h=e.g},function(e){u=e.j;b=e.a},function(e){v=e.L;f=e.R}],execute:function(){var g={ErrorStyle:{"&::part(control)":{background:"var(--sl-color-danger-10)",borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};var k="\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-checkbox::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n line-height: 20px;\n}\nsl-checkbox::part(base){\n align-items: start;\n}\n";u.setup(b());var m=u.createStyleSheet(g);var p=m.toString();function x(e){var a,n,i,o,r,l;var c=e.states,d=e.content,h=e.callbacks;var u=function(e){var t=e.checkboxLabel;return s.formatMessage({id:"requiredFieldErrorMessage-"+t,defaultMessage:d.requiredFieldErrorMessage},{checkboxLabel:t})};return t("div",{class:m.classes.FieldContainer,part:"sqm-base"},t("style",{type:"text/css"},k,p),t("sl-checkbox",Object.assign({exportparts:"label: input-label, base: input-base",name:"/"+d.checkboxName,checked:c.checked,"onSl-change":function(e){e.target.value=e.target.checked;h.setChecked(e.target.value)}},!d.checkboxOptional?{required:false}:[],{disabled:((a=c.leadFormState)===null||a===void 0?void 0:a.loading)||((n=c.leadFormState)===null||n===void 0?void 0:n.disabled),validationError:function(e){var t=e.value;if(!t&&!d.checkboxOptional){return u({checkboxLabel:d.checkboxLabel})}}},((o=(i=c.leadFormState)===null||i===void 0?void 0:i.validationErrors)===null||o===void 0?void 0:o[d.checkboxName])?{class:m.classes.ErrorStyle,helpText:((l=(r=c.leadFormState)===null||r===void 0?void 0:r.validationErrors)===null||l===void 0?void 0:l[d.checkboxName])||d.requiredFieldErrorMessage}:[]),s.formatMessage({id:d.checkboxName+"-message",defaultMessage:d.checkboxLabel},{labelLink:t("a",{href:d.checkboxLabelLink,target:"_blank"},d.checkboxLabelLinkText||d.checkboxLabelLink)})))}function y(e){var t;var a=n(v);var r=i(false),s=r[0],l=r[1];o((function(){var t,n;if((t=a===null||a===void 0?void 0:a.initialData)===null||t===void 0?void 0:t[e.checkboxName]){l(!!((n=a===null||a===void 0?void 0:a.initialData)===null||n===void 0?void 0:n[e.checkboxName]))}}),[(t=a===null||a===void 0?void 0:a.initialData)===null||t===void 0?void 0:t[e.checkboxName]]);return{states:{leadFormState:a,checked:s},callbacks:{setChecked:l}}}var L=e("sqm_lead_checkbox_field",function(){function e(e){a(this,e);this.ignored=true;this.checkboxLabel="By signing up you agree to the {labelLink}";this.checkboxLabelLink="https://example.com";this.checkboxLabelLinkText="Terms and Conditions";this.errorMessage="Must be checked";this.checkboxOptional=false;r(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=d([{attribute:"checkbox-name",value:this.checkboxName}]);if(!l()&&e){return t(f,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"})}var a=__assign({},h(this));var n=l()?S(this):y(this),i=n.states,o=n.callbacks;return t(x,{states:i,content:a,callbacks:o})};return e}());function S(e){return c({states:{registrationFormState:{},checked:false},callbacks:{setChecked:function(){}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,r as t}from"./p-f708da7b.js";import{i as s,k as a,f as o,n as i}from"./p-cd651f81.js";import{i as r}from"./p-65069b66.js";import{i as l}from"./p-94a876b9.js";import{c as n}from"./p-c1086930.js";import{a as c,g as d}from"./p-9ec99ced.js";import{j as h,a as u}from"./p-cef45012.js";import{L as m,R as p}from"./p-f98a4354.js";h.setup(u());const b=h.createStyleSheet({ErrorStyle:{"&::part(control)":{background:"var(--sl-color-danger-10)",borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}}),g=b.toString();function v(t){var s,a,o,i,l,n;const{states:c,content:d,callbacks:h}=t;return e("div",{class:b.classes.FieldContainer,part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-checkbox::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n line-height: 20px;\n}\nsl-checkbox::part(base){\n align-items: start;\n}\n",g),e("sl-checkbox",Object.assign({exportparts:"label: input-label, base: input-base",name:`/${d.checkboxName}`,checked:c.checked,"onSl-change":e=>{e.target.value=e.target.checked,h.setChecked(e.target.value)}},d.checkboxOptional?[]:{required:!1},{disabled:(null===(s=c.leadFormState)||void 0===s?void 0:s.loading)||(null===(a=c.leadFormState)||void 0===a?void 0:a.disabled),validationError:({value:e})=>{if(!e&&!d.checkboxOptional)return(({checkboxLabel:e})=>r.formatMessage({id:`requiredFieldErrorMessage-${e}`,defaultMessage:d.requiredFieldErrorMessage},{checkboxLabel:e}))({checkboxLabel:d.checkboxLabel})}},(null===(i=null===(o=c.leadFormState)||void 0===o?void 0:o.validationErrors)||void 0===i?void 0:i[d.checkboxName])?{class:b.classes.ErrorStyle,helpText:(null===(n=null===(l=c.leadFormState)||void 0===l?void 0:l.validationErrors)||void 0===n?void 0:n[d.checkboxName])||d.requiredFieldErrorMessage}:[]),r.formatMessage({id:d.checkboxName+"-message",defaultMessage:d.checkboxLabel},{labelLink:e("a",{href:d.checkboxLabelLink,target:"_blank"},d.checkboxLabelLinkText||d.checkboxLabelLink)})))}const f=class{constructor(e){t(this,e),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,i(this)}disconnectedCallback(){}render(){const t=c([{attribute:"checkbox-name",value:this.checkboxName}]);if(!l()&&t)return e(p,{missingProps:t,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const i={...d(this)},{states:r,callbacks:h}=l()?n({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const i=s(m),[r,l]=a(!1);return o((()=>{var t,s;(null===(t=null==i?void 0:i.initialData)||void 0===t?void 0:t[e.checkboxName])&&l(!!(null===(s=null==i?void 0:i.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==i?void 0:i.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{leadFormState:i,checked:r},callbacks:{setChecked:l}}}(this);return e(v,{states:r,content:i,callbacks:h})}};export{f as sqm_lead_checkbox_field}
|