@abgov/web-components 1.0.0-alpha.183 → 1.0.0-alpha.184

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/web-components",
-  "version": "1.0.0-alpha.183",
+  "version": "1.0.0-alpha.184",
   "description": "Government of Alberta - UI Web components",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/web-components.es.js

@@ -7493,7 +7493,7 @@ function instance$r($$self, $$props, $$invalidate) {
 class FooterNavSection extends SvelteElement {
 	constructor(options) {
 		super();
-		this.shadowRoot.innerHTML = `<style>:host{flex:auto}.title{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-4)}.hidden{display:none}.links{display:block;list-style-type:none;padding-left:0}@media(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--wide-column-count)}}li{padding:0.75rem 0}a{color:var(--goa-color-text-default)}</style>`;
+		this.shadowRoot.innerHTML = `<style>:host{flex:auto}.title{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-4);padding-bottom:var(--goa-space-l)}.hidden{display:none}.links{display:block;list-style-type:none;padding-left:0}@media(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--wide-column-count)}}li{padding:0.75rem 0}a{color:var(--goa-color-text-default)}</style>`;
 
 		init(
 			this,

package/web-components.umd.js

@@ -54,7 +54,7 @@ var __vite_style__=document.createElement("style");__vite_style__.innerHTML=`@im
       --narrow-column-count: ${Math.ceil(u[1]/2)};
       --wide-display-type: ${u[1]>1?"block":"flex"};
       --wide-column-count: ${u[1]};
-    `)&&d(o,"style",a)},i:C,o:C,d(u){u&&L(e),l&&l.d(),He(c,u),i[4](null)}}}function Sn(i,e,t){let{heading:r=""}=e,{maxcolumncount:n=1}=e,o,a=[];Q(async()=>{if(await ce(),t(3,a=o.querySelector("slot").assignedElements()),!a.map(c=>c.hasAttribute("href")).reduce((c,u)=>c&&u,!0)){t(3,a=[]),console.warn("GoAFooterNavSection children must be anchor elements.");return}It(o,":host",{"flex-grow":n})});function l(s){U[s?"unshift":"push"](()=>{o=s,t(2,o)})}return i.$$set=s=>{"heading"in s&&t(0,r=s.heading),"maxcolumncount"in s&&t(1,n=s.maxcolumncount)},[r,n,o,a,l]}class Bn extends Z{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{flex:auto}.title{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-4)}.hidden{display:none}.links{display:block;list-style-type:none;padding-left:0}@media(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--wide-column-count)}}li{padding:0.75rem 0}a{color:var(--goa-color-text-default)}</style>",G(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},Sn,Vn,B,{heading:0,maxcolumncount:1},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["heading","maxcolumncount"]}get heading(){return this.$$.ctx[0]}set heading(e){this.$$set({heading:e}),g()}get maxcolumncount(){return this.$$.ctx[1]}set maxcolumncount(e){this.$$set({maxcolumncount:e}),g()}}customElements.define("goa-app-footer-nav-section",Bn);function ti(i){let e,t,r,n=i[8]&&i[9].includes(i[8]),o=n&&ii(i);return{c(){e=b("div"),t=O(i[5]),r=N(),o&&o.c(),d(e,"class","label")},m(a,l){k(a,e,l),m(e,t),m(e,r),o&&o.m(e,null)},p(a,l){l&32&&W(t,a[5]),l&256&&(n=a[8]&&a[9].includes(a[8])),n?o?o.p(a,l):(o=ii(a),o.c(),o.m(e,null)):o&&(o.d(1),o=null)},d(a){a&&L(e),o&&o.d()}}}function ii(i){let e,t,r,n;return{c(){e=b("em"),t=O("("),r=O(i[8]),n=O(")")},m(o,a){k(o,e,a),m(e,t),m(e,r),m(e,n)},p(o,a){a&256&&W(r,o[8])},d(o){o&&L(e)}}}function ri(i){let e,t,r,n;return{c(){e=b("div"),t=b("goa-icon"),r=N(),n=O(i[7]),M(t,"type","warning"),M(t,"size","small"),M(t,"theme","filled"),J(t,"pointer-events","none"),d(e,"class","error-msg")},m(o,a){k(o,e,a),m(e,t),m(e,r),m(e,n)},p(o,a){a&128&&W(n,o[7])},d(o){o&&L(e)}}}function ni(i){let e,t;return{c(){e=b("div"),t=O(i[6]),d(e,"class","help-msg")},m(r,n){k(r,e,n),m(e,t)},p(r,n){n&64&&W(t,r[6])},d(r){r&&L(e)}}}function On(i){let e,t,r,n,o,a,l=i[5]&&ti(i),s=i[7]&&ri(i),c=i[6]&&ni(i);return{c(){e=b("div"),l&&l.c(),t=N(),r=b("div"),r.innerHTML="<slot></slot>",n=N(),s&&s.c(),o=N(),c&&c.c(),this.c=C,d(r,"class","form-item-input"),d(e,"data-testid",i[0]),d(e,"style",a=Y(i[1],i[2],i[3],i[4])),d(e,"class","goa-form-item")},m(u,f){k(u,e,f),l&&l.m(e,null),m(e,t),m(e,r),m(e,n),s&&s.m(e,null),m(e,o),c&&c.m(e,null)},p(u,[f]){u[5]?l?l.p(u,f):(l=ti(u),l.c(),l.m(e,t)):l&&(l.d(1),l=null),u[7]?s?s.p(u,f):(s=ri(u),s.c(),s.m(e,o)):s&&(s.d(1),s=null),u[6]?c?c.p(u,f):(c=ni(u),c.c(),c.m(e,null)):c&&(c.d(1),c=null),f&1&&d(e,"data-testid",u[0]),f&30&&a!==(a=Y(u[1],u[2],u[3],u[4]))&&d(e,"style",a)},i:C,o:C,d(u){u&&L(e),l&&l.d(),s&&s.d(),c&&c.d()}}}function Zn(i,e,t){const[r,n]=$("Requirement type",["optional","required"],!1);let{testid:o=""}=e,{mt:a=null}=e,{mr:l=null}=e,{mb:s=null}=e,{ml:c=null}=e,{label:u=""}=e,{helptext:f=""}=e,{error:h=""}=e,{requirement:v=""}=e;return Q(()=>{n(v)}),i.$$set=y=>{"testid"in y&&t(0,o=y.testid),"mt"in y&&t(1,a=y.mt),"mr"in y&&t(2,l=y.mr),"mb"in y&&t(3,s=y.mb),"ml"in y&&t(4,c=y.ml),"label"in y&&t(5,u=y.label),"helptext"in y&&t(6,f=y.helptext),"error"in y&&t(7,h=y.error),"requirement"in y&&t(8,v=y.requirement)},[o,a,l,s,c,u,f,h,v,r]}class Pn extends Z{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}*{box-sizing:border-box}.label{display:block;font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:0.5rem 0}.label em{color:var(--goa-color-greyscale-700);font-weight:var(--goa-font-weight-regular);font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--goa-font-size-2);color:var(--goa-color-text-default);margin-right:56px}.error-msg{display:inline-flex;gap:0.25rem;font-size:var(--goa-font-size-2);color:var(--goa-color-interactive-error);margin-bottom:0.25rem}</style>",G(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},Zn,On,B,{testid:0,mt:1,mr:2,mb:3,ml:4,label:5,helptext:6,error:7,requirement:8},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["testid","mt","mr","mb","ml","label","helptext","error","requirement"]}get testid(){return this.$$.ctx[0]}set testid(e){this.$$set({testid:e}),g()}get mt(){return this.$$.ctx[1]}set mt(e){this.$$set({mt:e}),g()}get mr(){return this.$$.ctx[2]}set mr(e){this.$$set({mr:e}),g()}get mb(){return this.$$.ctx[3]}set mb(e){this.$$set({mb:e}),g()}get ml(){return this.$$.ctx[4]}set ml(e){this.$$set({ml:e}),g()}get label(){return this.$$.ctx[5]}set label(e){this.$$set({label:e}),g()}get helptext(){return this.$$.ctx[6]}set helptext(e){this.$$set({helptext:e}),g()}get error(){return this.$$.ctx[7]}set error(e){this.$$set({error:e}),g()}get requirement(){return this.$$.ctx[8]}set requirement(e){this.$$set({requirement:e}),g()}}customElements.define("goa-form-item",Pn);function Gn(i){let e,t,r;return{c(){e=b("div"),t=b("slot"),this.c=C,d(e,"class","goa-grid"),d(e,"style",r=`
+    `)&&d(o,"style",a)},i:C,o:C,d(u){u&&L(e),l&&l.d(),He(c,u),i[4](null)}}}function Sn(i,e,t){let{heading:r=""}=e,{maxcolumncount:n=1}=e,o,a=[];Q(async()=>{if(await ce(),t(3,a=o.querySelector("slot").assignedElements()),!a.map(c=>c.hasAttribute("href")).reduce((c,u)=>c&&u,!0)){t(3,a=[]),console.warn("GoAFooterNavSection children must be anchor elements.");return}It(o,":host",{"flex-grow":n})});function l(s){U[s?"unshift":"push"](()=>{o=s,t(2,o)})}return i.$$set=s=>{"heading"in s&&t(0,r=s.heading),"maxcolumncount"in s&&t(1,n=s.maxcolumncount)},[r,n,o,a,l]}class Bn extends Z{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{flex:auto}.title{font-size:var(--goa-font-size-7);line-height:var(--goa-line-height-4);padding-bottom:var(--goa-space-l)}.hidden{display:none}.links{display:block;list-style-type:none;padding-left:0}@media(min-width: 720px){.links{display:var(--narrow-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--narrow-column-count)}}@media(min-width: 1024px){.links{display:var(--wide-display-type);list-style-type:none;padding-left:0;flex-direction:column;column-count:var(--wide-column-count)}}li{padding:0.75rem 0}a{color:var(--goa-color-text-default)}</style>",G(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},Sn,Vn,B,{heading:0,maxcolumncount:1},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["heading","maxcolumncount"]}get heading(){return this.$$.ctx[0]}set heading(e){this.$$set({heading:e}),g()}get maxcolumncount(){return this.$$.ctx[1]}set maxcolumncount(e){this.$$set({maxcolumncount:e}),g()}}customElements.define("goa-app-footer-nav-section",Bn);function ti(i){let e,t,r,n=i[8]&&i[9].includes(i[8]),o=n&&ii(i);return{c(){e=b("div"),t=O(i[5]),r=N(),o&&o.c(),d(e,"class","label")},m(a,l){k(a,e,l),m(e,t),m(e,r),o&&o.m(e,null)},p(a,l){l&32&&W(t,a[5]),l&256&&(n=a[8]&&a[9].includes(a[8])),n?o?o.p(a,l):(o=ii(a),o.c(),o.m(e,null)):o&&(o.d(1),o=null)},d(a){a&&L(e),o&&o.d()}}}function ii(i){let e,t,r,n;return{c(){e=b("em"),t=O("("),r=O(i[8]),n=O(")")},m(o,a){k(o,e,a),m(e,t),m(e,r),m(e,n)},p(o,a){a&256&&W(r,o[8])},d(o){o&&L(e)}}}function ri(i){let e,t,r,n;return{c(){e=b("div"),t=b("goa-icon"),r=N(),n=O(i[7]),M(t,"type","warning"),M(t,"size","small"),M(t,"theme","filled"),J(t,"pointer-events","none"),d(e,"class","error-msg")},m(o,a){k(o,e,a),m(e,t),m(e,r),m(e,n)},p(o,a){a&128&&W(n,o[7])},d(o){o&&L(e)}}}function ni(i){let e,t;return{c(){e=b("div"),t=O(i[6]),d(e,"class","help-msg")},m(r,n){k(r,e,n),m(e,t)},p(r,n){n&64&&W(t,r[6])},d(r){r&&L(e)}}}function On(i){let e,t,r,n,o,a,l=i[5]&&ti(i),s=i[7]&&ri(i),c=i[6]&&ni(i);return{c(){e=b("div"),l&&l.c(),t=N(),r=b("div"),r.innerHTML="<slot></slot>",n=N(),s&&s.c(),o=N(),c&&c.c(),this.c=C,d(r,"class","form-item-input"),d(e,"data-testid",i[0]),d(e,"style",a=Y(i[1],i[2],i[3],i[4])),d(e,"class","goa-form-item")},m(u,f){k(u,e,f),l&&l.m(e,null),m(e,t),m(e,r),m(e,n),s&&s.m(e,null),m(e,o),c&&c.m(e,null)},p(u,[f]){u[5]?l?l.p(u,f):(l=ti(u),l.c(),l.m(e,t)):l&&(l.d(1),l=null),u[7]?s?s.p(u,f):(s=ri(u),s.c(),s.m(e,o)):s&&(s.d(1),s=null),u[6]?c?c.p(u,f):(c=ni(u),c.c(),c.m(e,null)):c&&(c.d(1),c=null),f&1&&d(e,"data-testid",u[0]),f&30&&a!==(a=Y(u[1],u[2],u[3],u[4]))&&d(e,"style",a)},i:C,o:C,d(u){u&&L(e),l&&l.d(),s&&s.d(),c&&c.d()}}}function Zn(i,e,t){const[r,n]=$("Requirement type",["optional","required"],!1);let{testid:o=""}=e,{mt:a=null}=e,{mr:l=null}=e,{mb:s=null}=e,{ml:c=null}=e,{label:u=""}=e,{helptext:f=""}=e,{error:h=""}=e,{requirement:v=""}=e;return Q(()=>{n(v)}),i.$$set=y=>{"testid"in y&&t(0,o=y.testid),"mt"in y&&t(1,a=y.mt),"mr"in y&&t(2,l=y.mr),"mb"in y&&t(3,s=y.mb),"ml"in y&&t(4,c=y.ml),"label"in y&&t(5,u=y.label),"helptext"in y&&t(6,f=y.helptext),"error"in y&&t(7,h=y.error),"requirement"in y&&t(8,v=y.requirement)},[o,a,l,s,c,u,f,h,v,r]}class Pn extends Z{constructor(e){super();this.shadowRoot.innerHTML="<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}*{box-sizing:border-box}.label{display:block;font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-default);font-size:var(--goa-font-size-4);padding:0.5rem 0}.label em{color:var(--goa-color-greyscale-700);font-weight:var(--goa-font-weight-regular);font-size:var(--goa-font-size-2);line-height:var(--goa-line-height-1);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--goa-font-size-2);color:var(--goa-color-text-default);margin-right:56px}.error-msg{display:inline-flex;gap:0.25rem;font-size:var(--goa-font-size-2);color:var(--goa-color-interactive-error);margin-bottom:0.25rem}</style>",G(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},Zn,On,B,{testid:0,mt:1,mr:2,mb:3,ml:4,label:5,helptext:6,error:7,requirement:8},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["testid","mt","mr","mb","ml","label","helptext","error","requirement"]}get testid(){return this.$$.ctx[0]}set testid(e){this.$$set({testid:e}),g()}get mt(){return this.$$.ctx[1]}set mt(e){this.$$set({mt:e}),g()}get mr(){return this.$$.ctx[2]}set mr(e){this.$$set({mr:e}),g()}get mb(){return this.$$.ctx[3]}set mb(e){this.$$set({mb:e}),g()}get ml(){return this.$$.ctx[4]}set ml(e){this.$$set({ml:e}),g()}get label(){return this.$$.ctx[5]}set label(e){this.$$set({label:e}),g()}get helptext(){return this.$$.ctx[6]}set helptext(e){this.$$set({helptext:e}),g()}get error(){return this.$$.ctx[7]}set error(e){this.$$set({error:e}),g()}get requirement(){return this.$$.ctx[8]}set requirement(e){this.$$set({requirement:e}),g()}}customElements.define("goa-form-item",Pn);function Gn(i){let e,t,r;return{c(){e=b("div"),t=b("slot"),this.c=C,d(e,"class","goa-grid"),d(e,"style",r=`
     ${Y(i[2],i[3],i[4],i[5])}
     --min-child-width: ${i[1]||0};
     gap: var(--goa-space-${i[0]})