@saasquatch/mint-components 1.5.3-2 → 1.5.3-3

package/dist/mint-components/{p-e218474f.entry.js → p-d437fa7d.entry.js}

@@ -1,4 +1,4 @@
-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,f as o,b as $,u as l}from"./p-27455c4c.js";import{i as u}from"./p-f0b9e163.js";import{u as c}from"./p-982ad256.js";import{j as h,P as f,d as v,i as m,b as p,q as g,M as y,r as b,c as w,g as x,E as k,D as C,H as E,l as N,R as S,A as I}from"./p-95398ce2.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 P}from"./p-ab8f86d3.js";import{a as A}from"./p-ec7dd6f7.js";import{u as T}from"./p-274a87bd.js";import"./p-7794c289.js";import{g as L,a as O,s as _}from"./p-9c5f124f.js";import"./p-46416f3e.js";import"./p-227ccb7c.js";import{c as F,K as D,B,H as G,G as V,C as j,D as q,E as U,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-86263d7f.js";import"./p-16b6aea4.js";const $d=class{constructor(t){d(this,t),this.flexReverse=!1,this.ignored=!0,n(this)}disconnectedCallback(){}render(){var d;const{props:e,label:n}=h()?F(this):D(this),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=G(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          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            --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(V,Object.assign({},L(this)),t("slot",null))}},cd=P({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"30px"},Details:{marginLeft:"30px"},Heading:{display:"inline-block"},Alert:{margin:"30px"}}),hd=cd.toString();function fd({missingProps:d}){if(!d)return!1;const e=f(),[n,i]=r(!1);return t("sl-alert",{type:"danger",open:!0,class:cd.classes.Alert},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},"There was a problem loading this page"),t("p",null,"There was a technical problem that prevented this page from loading. Please contact us with the link to this page.")),t("details",{class:cd.classes.Details},t("summary",{onClick:()=>i(!n)},n?"Less":"More"," details"),t("p",null,"Error occured while loading ",`<${e.tagName.toLowerCase()}>`,". Values for the following attributes are missing:"),t("ul",null,d.map((d=>t("li",null,t("strong",null,d.attribute)))))))}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(d)return t(fd,{missingProps:d});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=P(i),o=s.toString();return t("div",{class:s.classes.LayoutContainer},t("style",{type:"text/css"},a,o),e)}const pd=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))}},gd=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(d)return t(fd,{missingProps:d});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(q,{states:n,content:e})}},yd=v.gql`
+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,f as o,b as $,u as l}from"./p-27455c4c.js";import{i as u}from"./p-f0b9e163.js";import{u as c}from"./p-982ad256.js";import{j as h,P as f,d as v,i as m,b as p,q as g,M as y,r as b,c as w,g as x,E as k,D as C,H as E,l as N,R as S,A as I}from"./p-95398ce2.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 P}from"./p-ab8f86d3.js";import{a as A}from"./p-ec7dd6f7.js";import{u as T}from"./p-274a87bd.js";import"./p-7794c289.js";import{g as L,a as O,s as _}from"./p-9c5f124f.js";import"./p-46416f3e.js";import"./p-227ccb7c.js";import{c as F,K as D,B,H as G,G as V,C as j,D as q,E as U,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-86263d7f.js";import"./p-16b6aea4.js";const $d=class{constructor(t){d(this,t),this.flexReverse=!1,this.ignored=!0,n(this)}disconnectedCallback(){}render(){var d;const{props:e,label:n}=h()?F(this):D(this),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=G(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          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            --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(V,Object.assign({},L(this)),t("slot",null))}},cd=P({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Alert:{margin:"28px"}}),hd=cd.toString();function fd({missingProps:d}){if(!d)return!1;const e=f(),[n,i]=r(!1);return t("sl-alert",{type:"danger",open:!0,class:cd.classes.Alert},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},"There was a problem loading this section"),t("p",null,"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.")),t("details",{class:cd.classes.Details},t("summary",{onClick:()=>i(!n)},n?"Less":"More"," details"),t("p",null,"Error occured while loading ",`<${e.tagName.toLowerCase()}>`,". Values for the following attributes are missing:"),t("ul",null,d.map((d=>t("li",null,t("strong",null,d.attribute)))))))}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(d)return t(fd,{missingProps:d});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=P(i),o=s.toString();return t("div",{class:s.classes.LayoutContainer},t("style",{type:"text/css"},a,o),e)}const pd=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))}},gd=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(d)return t(fd,{missingProps:d});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(q,{states:n,content:e})}},yd=v.gql`
   query {
     viewer {
       ... on User {