@saasquatch/mint-components 1.7.0-1 → 1.7.0-2

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.
Files changed (40) hide show
  1. package/dist/cjs/{ShadowViewAddon-1fe631ba.js → ShadowViewAddon-1f9650bf.js} +3 -3
  2. package/dist/cjs/sqm-big-stat_35.cjs.entry.js +3 -4
  3. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  4. package/dist/collection/components/sqm-brand/sqm-brand.js +4 -5
  5. package/dist/collection/components/sqm-card-feed/sqm-card-feed-view.js +3 -3
  6. package/dist/collection/components/sqm-hero-image/sqm-hero-image.js +2 -2
  7. package/dist/collection/components/sqm-image/sqm-image.js +2 -2
  8. package/dist/collection/components/sqm-portal-container/sqm-portal-container.js +2 -2
  9. package/dist/collection/components/sqm-referral-card/sqm-referral-card.js +2 -2
  10. package/dist/collection/components/sqm-share-link/sqm-share-link.js +2 -2
  11. package/dist/esm/{ShadowViewAddon-c8e40951.js → ShadowViewAddon-9365d567.js} +3 -3
  12. package/dist/esm/sqm-big-stat_35.entry.js +3 -4
  13. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  14. package/dist/esm-es5/{ShadowViewAddon-c8e40951.js → ShadowViewAddon-9365d567.js} +1 -1
  15. package/dist/esm-es5/sqm-big-stat_35.entry.js +1 -1
  16. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  17. package/dist/mint-components/mint-components.esm.js +1 -1
  18. package/dist/mint-components/{p-2bed0c6a.entry.js → p-077a4326.entry.js} +1 -1
  19. package/dist/mint-components/p-0ec3b3e5.system.js +1 -1
  20. package/dist/mint-components/p-3d52dceb.system.entry.js +1 -0
  21. package/dist/mint-components/{p-75982d34.system.js → p-4476b10c.system.js} +1 -1
  22. package/dist/mint-components/{p-1b3afdee.entry.js → p-45643ed7.entry.js} +1 -1
  23. package/dist/mint-components/{p-ea03ec68.system.entry.js → p-ae580128.system.entry.js} +1 -1
  24. package/dist/mint-components/{p-9f082483.js → p-fb978128.js} +1 -1
  25. package/dist/types/components/sqm-brand/sqm-brand.d.ts +2 -1
  26. package/dist/types/components/sqm-hero-image/sqm-hero-image.d.ts +2 -1
  27. package/dist/types/components/sqm-image/sqm-image.d.ts +2 -1
  28. package/dist/types/components/sqm-portal-container/sqm-portal-container.d.ts +2 -1
  29. package/dist/types/components/sqm-referral-card/sqm-referral-card.d.ts +2 -1
  30. package/dist/types/components/sqm-share-link/sqm-share-link.d.ts +2 -1
  31. package/dist/types/components.d.ts +24 -12
  32. package/docs/docs.docx +0 -0
  33. package/docs/raisins.json +1 -1
  34. package/grapesjs/grapesjs.js +1 -1
  35. package/package.json +1 -1
  36. package/dist/mint-components/p-491eb934.system.entry.js +0 -1
  37. package/dist/types/global/android.d.ts +0 -7
  38. package/dist/types/global/demo.d.ts +0 -1
  39. package/dist/types/stories/features.d.ts +0 -4
  40. package/dist/types/stories/templates.d.ts +0 -4
@@ -1,4 +1,4 @@
1
- import{r as d,h as t,c as e}from"./p-64c3217a.js";import{m as n,e as i,k as r,y as a,o as s,i as o,b as $,u as l}from"./p-30b3592f.js";import{i as u}from"./p-25846611.js";import{u as c}from"./p-ee461c80.js";import{L as h,P as f,d as v,a as m,p as g,$ as p,A as y,O as b,b as w,w as x,U as k,V as C,g as E,G as N,e as S,J as I}from"./p-6e2ca2a0.js";import"./p-81f34787.js";import{j as M}from"./p-e7e129ac.js";import{c as R}from"./p-c1086930.js";import"./p-61ff3ceb.js";import{c as A}from"./p-ab8f86d3.js";import{a as P}from"./p-3894495a.js";import{u as T}from"./p-dc564561.js";import"./p-916a8f50.js";import{g as L,a as O,s as _}from"./p-9c5f124f.js";import"./p-46416f3e.js";import"./p-cf7d0aee.js";import{c as F,K as D,B,H as V,G,C as j,D as U,E as q,I as H,M as W,L as z,N as K,e as Z,P as Y,f as X,g as J,R as Q,O as dd,i as td,Q as ed,b as nd,S as id,a as rd,u as ad,d as sd,T as od}from"./p-9f082483.js";import"./p-16b6aea4.js";const $d=class{constructor(t){d(this,t),this.flexReverse=!1,this.statFontSize="x-large",this.statDescriptionFontSize="small",this.ignored=!0,n(this)}disconnectedCallback(){}render(){var d;const{props:e,label:n}=h()?F(this):D(this);console.log(e);const i=!!(null===(d=f().innerHTML)||void 0===d?void 0:d.trim()),r=t("slot",{name:"label"},i?t("slot",null):n);return t(B,Object.assign({},e,{labelSlot:r}))}},ld=class{constructor(t){d(this,t),n(this)}disconnectedCallback(){}render(){var d,n;const r=null!==(d=this.brandColor)&&void 0!==d?d:"#FFF",a=V(r),s=(null!==(n=this.brandFont)&&void 0!==n?n:"Nunito Sans").trim()||void 0;i((()=>{if(!s)return;const d=document.createElement("link");return d.setAttribute("href",function(...d){return`https://fonts.googleapis.com/css2?${d.map((d=>`family=${encodeURIComponent(d)}`)).join("&")}`}(s)),d.setAttribute("rel","stylesheet"),document.head.appendChild(d),()=>document.head.removeChild(d)}),[s]);const o=null!=s?s:"";return t(e,null,t("style",null,`\n\n :host{\n display: contents;\n \n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${this.brandColor&&a}\n ${this.borderRadius&&`border-radius: ${this.borderRadius};`}\n ${this.backgroundColor&&`background: ${this.backgroundColor};`}\n ${this.fontColor&&`color: ${this.fontColor};`}\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ud=class{constructor(t){d(this,t),this.ignored=!0,this.width=347,this.gap=24,n(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},L(this)),t("slot",null))}},cd=A({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),hd=cd.toString();function fd({missingProps:d,heading:e="There was a problem loading this section",subheading:n="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:i="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},a){if(!d)return!1;const s=f(),[o,$]=r(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},hd),t("div",{slot:"icon",class:cd.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:cd.classes.DivStyle},t("h2",{class:cd.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:e})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:n}))),t("details",{class:cd.classes.Details},t("summary",{onClick:()=>$(!o)},o?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:i},{tagName:s.tagName.toLowerCase()})),t("ul",null,d.map((d=>t("li",null,t("strong",null,d.attribute)))))),t("div",{class:cd.classes.Children},a))}const vd=class{constructor(t){d(this,t),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,n(this)}disconnectedCallback(){}render(){const d=O([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&d)return t(fd,{missingProps:d,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 e={...L(this)},{states:n,callbacks:i}=h()?R({states:{validationErrors:[],checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(d,t)=>t}):function(){const d=s("sq:validation-state"),[t,e]=r(!1);return{states:{validationErrors:null==d?void 0:d.validationErrors,checked:t},callbacks:{setChecked:e}}}();return t(j,{states:n,content:e,callbacks:i})}};function md(d,e){const n=()=>"row"===d.direction?{"border-right":d.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":d.dividerStyle||"1px solid #EAEAEA"},i={LayoutContainer:{display:"contents","& > :not(:last-child)":{...n()},"& > ::slotted(*:not(:last-child))":{...n()}}},r=`\n display: flex;\n flex: 1;\n flex-direction: ${d.direction};\n background-color: var(--sqm-content-background);\n ${"column"===d.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n `,a=`\n :host{\n ${r}\n }\n sqm-divided-layout {\n ${r}\n }\n `,s=A(i),o=s.toString();return t("div",{class:s.classes.LayoutContainer},t("style",{type:"text/css"},a,o),e)}const gd=class{constructor(t){d(this,t),this.dividerStyle="1px solid #EAEAEA",n(this)}disconnectedCallback(){}render(){return t(md,Object.assign({},L(this)),t("slot",null))}},pd=class{constructor(t){d(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,n(this)}disconnectedCallback(){}render(){const d=O([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&d)return t(fd,{missingProps:d,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:"},t("slot",null));const e={...L(this),selectOptions:t("slot",null)},{states:n}=h()?R({states:{validationErrors:[]}},this.demoData||{},{arrayMerge:(d,t)=>t}):function(){const d=s("sq:validation-state");return{states:{validationErrors:null==d?void 0:d.validationErrors}}}();return t(U,{states:n,content:e})}},yd=v.gql`
1
+ import{r as d,h as t,c as e}from"./p-64c3217a.js";import{m as n,e as i,k as r,y as a,o as s,i as o,b as $,u as l}from"./p-30b3592f.js";import{i as u}from"./p-25846611.js";import{u as c}from"./p-ee461c80.js";import{L as h,P as f,d as v,a as m,p as g,$ as p,A as y,O as b,b as w,w as x,U as k,V as C,g as E,G as N,e as S,J as I}from"./p-6e2ca2a0.js";import"./p-81f34787.js";import{j as M}from"./p-e7e129ac.js";import{c as R}from"./p-c1086930.js";import"./p-61ff3ceb.js";import{c as A}from"./p-ab8f86d3.js";import{a as P}from"./p-3894495a.js";import{u as T}from"./p-dc564561.js";import"./p-916a8f50.js";import{g as L,a as O,s as _}from"./p-9c5f124f.js";import"./p-46416f3e.js";import"./p-cf7d0aee.js";import{c as F,K as D,B,H as V,G,C as j,D as U,E as q,I as H,M as W,L as z,N as K,e as Z,P as Y,f as X,g as J,R as Q,O as dd,i as td,Q as ed,b as nd,S as id,a as rd,u as ad,d as sd,T as od}from"./p-fb978128.js";import"./p-16b6aea4.js";const $d=class{constructor(t){d(this,t),this.flexReverse=!1,this.statFontSize="x-large",this.statDescriptionFontSize="small",this.ignored=!0,n(this)}disconnectedCallback(){}render(){var d;const{props:e,label:n}=h()?F(this):D(this);console.log(e);const i=!!(null===(d=f().innerHTML)||void 0===d?void 0:d.trim()),r=t("slot",{name:"label"},i?t("slot",null):n);return t(B,Object.assign({},e,{labelSlot:r}))}},ld=class{constructor(t){d(this,t),n(this)}disconnectedCallback(){}render(){var d,n;const r=null!==(d=this.brandColor)&&void 0!==d?d:"#FFF",a=V(r),s=(null!==(n=this.brandFont)&&void 0!==n?n:"Nunito Sans").trim()||void 0;i((()=>{if(!s)return;const d=document.createElement("link");return d.setAttribute("href",function(...d){return`https://fonts.googleapis.com/css2?${d.map((d=>`family=${encodeURIComponent(d)}`)).join("&")}`}(s)),d.setAttribute("rel","stylesheet"),document.head.appendChild(d),()=>document.head.removeChild(d)}),[s]);const o=null!=s?s:"";return t(e,null,t("style",null,`\n\n :host{\n display: contents;\n ${this.borderRadius&&`border-radius: ${this.borderRadius};`}\n ${this.backgroundColor&&`background: ${this.backgroundColor};`}\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${this.brandColor&&a}\n ${this.fontColor&&`color: ${this.fontColor};`}\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ud=class{constructor(t){d(this,t),this.ignored=!0,this.width=347,this.gap=24,n(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},L(this)),t("slot",null))}},cd=A({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),hd=cd.toString();function fd({missingProps:d,heading:e="There was a problem loading this section",subheading:n="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:i="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},a){if(!d)return!1;const s=f(),[o,$]=r(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},hd),t("div",{slot:"icon",class:cd.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:cd.classes.DivStyle},t("h2",{class:cd.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:e})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:n}))),t("details",{class:cd.classes.Details},t("summary",{onClick:()=>$(!o)},o?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:i},{tagName:s.tagName.toLowerCase()})),t("ul",null,d.map((d=>t("li",null,t("strong",null,d.attribute)))))),t("div",{class:cd.classes.Children},a))}const vd=class{constructor(t){d(this,t),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,n(this)}disconnectedCallback(){}render(){const d=O([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&d)return t(fd,{missingProps:d,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 e={...L(this)},{states:n,callbacks:i}=h()?R({states:{validationErrors:[],checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(d,t)=>t}):function(){const d=s("sq:validation-state"),[t,e]=r(!1);return{states:{validationErrors:null==d?void 0:d.validationErrors,checked:t},callbacks:{setChecked:e}}}();return t(j,{states:n,content:e,callbacks:i})}};function md(d,e){const n=()=>"row"===d.direction?{"border-right":d.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":d.dividerStyle||"1px solid #EAEAEA"},i={LayoutContainer:{display:"contents","& > :not(:last-child)":{...n()},"& > ::slotted(*:not(:last-child))":{...n()}}},r=`\n display: flex;\n flex: 1;\n flex-direction: ${d.direction};\n background-color: var(--sqm-content-background);\n ${"column"===d.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n `,a=`\n :host{\n ${r}\n }\n sqm-divided-layout {\n ${r}\n }\n `,s=A(i),o=s.toString();return t("div",{class:s.classes.LayoutContainer},t("style",{type:"text/css"},a,o),e)}const gd=class{constructor(t){d(this,t),this.dividerStyle="1px solid #EAEAEA",n(this)}disconnectedCallback(){}render(){return t(md,Object.assign({},L(this)),t("slot",null))}},pd=class{constructor(t){d(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,n(this)}disconnectedCallback(){}render(){const d=O([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&d)return t(fd,{missingProps:d,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:"},t("slot",null));const e={...L(this),selectOptions:t("slot",null)},{states:n}=h()?R({states:{validationErrors:[]}},this.demoData||{},{arrayMerge:(d,t)=>t}):function(){const d=s("sq:validation-state");return{states:{validationErrors:null==d?void 0:d.validationErrors}}}();return t(U,{states:n,content:e})}},yd=v.gql`
2
2
  query {
3
3
  viewer {
4
4
  ... on User {