@abgov/web-components 1.0.0-alpha.67 → 1.0.0-alpha.68

package/package.json

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

package/web-components.es.js

@@ -10299,8 +10299,8 @@ class TextArea extends SvelteElement {
 	constructor(options) {
 		super();
 
-		this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:3px;background:var(--color-white);color:var(--color-black, #ccc);padding:var(--input-padding, 0.5rem);font-size:var(--input-font-size);font-family:var(--font-family);min-width:100%}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{border-color:var(--goa-color-interactive--hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}.goa-textarea:disabled{border-color:var(--color-gray-200)}.goa-textarea:disabled:hover{border-color:var(--color-gray-200)}.goa-textarea:disabled:focus,.goa-textarea:disabled:active{box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--fs-sm)}.counter-error{color:var(--goa-color-status-emergency-dark)
-  }.error:hover,.error:focus,.error{border:2px solid var(--goa-color-status-emergency-dark)}</style>`;
+		this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:3px;background:var(--color-white);color:var(--color-black, #ccc);padding:var(--input-padding, 0.5rem);font-size:var(--input-font-size);font-family:var(--font-family);min-width:100%}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{border-color:var(--goa-color-interactive--hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}.goa-textarea:disabled{border-color:var(--color-gray-200)}.goa-textarea:disabled:hover{border-color:var(--color-gray-200)}.goa-textarea:disabled:focus,.goa-textarea:disabled:active{box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--fs-sm)}.counter-error{color:var(--goa-color-interactive--error)
+  }.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive--error)}</style>`;
 
 		init(
 			this,

package/web-components.umd.js

@@ -48,5 +48,5 @@
     --width: ${i[5]};
   `)},m(s,c){x(s,e,c),v(e,t),v(e,r),l&&l.m(e,null),n||(a=Z(t,"keyup",i[11]),n=!0)},p(s,[c]){c&1&&d(t,"name",s[0]),c&4&&d(t,"placeholder",s[2]),c&2&&(t.value=s[1]),c&8&&d(t,"rows",s[3]),c&128&&(t.disabled=s[7]),c&512&&(t.readOnly=s[9]),c&16&&d(t,"data-testid",s[4]),c&1024&&I(t,"error",s[10]),s[8]?l?l.p(s,c):(l=ji(s),l.c(),l.m(e,null)):l&&(l.d(1),l=null),c&32&&o!==(o=`
     --width: ${s[5]};
-  `)&&d(e,"style",o)},i:k,o:k,d(s){s&&E(e),l&&l.d(),n=!1,a()}}}function qo(i,e,t){let r,o,n,a,{name:l}=e,{value:s=""}=e,{placeholder:c=""}=e,{rows:u=3}=e,{testid:f=""}=e,{width:h="60ch"}=e,{error:p="false"}=e,{readonly:m="false"}=e,{disabled:b="false"}=e,{showcounter:w="false"}=e,{maxcharcount:y=0}=e;function z(A){const M=A.target.value;o||(A.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{event:A,name:l,value:M}})),A.stopPropagation())}return i.$$set=A=>{"name"in A&&t(0,l=A.name),"value"in A&&t(1,s=A.value),"placeholder"in A&&t(2,c=A.placeholder),"rows"in A&&t(3,u=A.rows),"testid"in A&&t(4,f=A.testid),"width"in A&&t(5,h=A.width),"error"in A&&t(12,p=A.error),"readonly"in A&&t(13,m=A.readonly),"disabled"in A&&t(14,b=A.disabled),"showcounter"in A&&t(15,w=A.showcounter),"maxcharcount"in A&&t(6,y=A.maxcharcount)},i.$$.update=()=>{i.$$.dirty&4096&&t(10,r=q(p)),i.$$.dirty&16384&&t(7,o=q(b)),i.$$.dirty&8192&&t(9,n=q(m)),i.$$.dirty&32768&&t(8,a=q(w))},[l,s,c,u,f,h,y,o,a,n,r,z,p,m,b,w]}class Pi extends j{constructor(e){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--font-family)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:3px;background:var(--color-white);color:var(--color-black, #ccc);padding:var(--input-padding, 0.5rem);font-size:var(--input-font-size);font-family:var(--font-family);min-width:100%}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{border-color:var(--goa-color-interactive--hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}.goa-textarea:disabled{border-color:var(--color-gray-200)}.goa-textarea:disabled:hover{border-color:var(--color-gray-200)}.goa-textarea:disabled:focus,.goa-textarea:disabled:active{box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--fs-sm)}.counter-error{color:var(--goa-color-status-emergency-dark)
-  }.error:hover,.error:focus,.error{border:2px solid var(--goa-color-status-emergency-dark)}</style>`,O(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},qo,Wo,N,{name:0,value:1,placeholder:2,rows:3,testid:4,width:5,error:12,readonly:13,disabled:14,showcounter:15,maxcharcount:6},null),e&&(e.target&&x(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["name","value","placeholder","rows","testid","width","error","readonly","disabled","showcounter","maxcharcount"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),g()}get value(){return this.$$.ctx[1]}set value(e){this.$$set({value:e}),g()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),g()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),g()}get testid(){return this.$$.ctx[4]}set testid(e){this.$$set({testid:e}),g()}get width(){return this.$$.ctx[5]}set width(e){this.$$set({width:e}),g()}get error(){return this.$$.ctx[12]}set error(e){this.$$set({error:e}),g()}get readonly(){return this.$$.ctx[13]}set readonly(e){this.$$set({readonly:e}),g()}get disabled(){return this.$$.ctx[14]}set disabled(e){this.$$set({disabled:e}),g()}get showcounter(){return this.$$.ctx[15]}set showcounter(e){this.$$set({showcounter:e}),g()}get maxcharcount(){return this.$$.ctx[6]}set maxcharcount(e){this.$$set({maxcharcount:e}),g()}}customElements.define("goa-textarea",Pi);function Oi(i){let e,t;return{c(){e=_("div"),t=F(i[0]),d(e,"slot","title"),d(e,"class","title")},m(r,o){x(r,e,o),v(e,t)},p(r,o){o&1&&W(t,r[0])},d(r){r&&E(e)}}}function Fi(i){let e;return{c(){e=_("div"),d(e,"class","actions"),d(e,"slot","actions")},m(t,r){x(t,e,r),e.innerHTML=i[1]},p(t,r){r&2&&(e.innerHTML=t[1])},d(t){t&&E(e)}}}function Ko(i){let e,t,r,o,n=i[0]&&Oi(i),a=i[1]&&Fi(i);return{c(){e=_("goa-container"),n&&n.c(),t=T(),a&&a.c(),r=T(),o=_("div"),this.c=k,d(o,"class","content"),d(o,"slot",""),C(e,"variant",i[3]),C(e,"headingsize",i[4])},m(l,s){x(l,e,s),n&&n.m(e,null),v(e,t),a&&a.m(e,null),v(e,r),v(e,o),o.innerHTML=i[2]},p(l,[s]){l[0]?n?n.p(l,s):(n=Oi(l),n.c(),n.m(e,t)):n&&(n.d(1),n=null),l[1]?a?a.p(l,s):(a=Fi(l),a.c(),a.m(e,r)):a&&(a.d(1),a=null),s&4&&(o.innerHTML=l[2]),s&8&&C(e,"variant",l[3]),s&16&&C(e,"headingsize",l[4])},i:k,o:k,d(l){l&&E(e),n&&n.d(),a&&a.d()}}}function Vo(i,e,t){let{title:r}=e,{actions:o=""}=e,{content:n}=e,{variant:a="default"}=e,{headingsize:l="large"}=e;return i.$$set=s=>{"title"in s&&t(0,r=s.title),"actions"in s&&t(1,o=s.actions),"content"in s&&t(2,n=s.content),"variant"in s&&t(3,a=s.variant),"headingsize"in s&&t(4,l=s.headingsize)},[r,o,n,a,l]}class Wi extends j{constructor(e){super();O(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},Vo,Ko,N,{title:0,actions:1,content:2,variant:3,headingsize:4},null),e&&(e.target&&x(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["title","actions","content","variant","headingsize"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),g()}get actions(){return this.$$.ctx[1]}set actions(e){this.$$set({actions:e}),g()}get content(){return this.$$.ctx[2]}set content(e){this.$$set({content:e}),g()}get variant(){return this.$$.ctx[3]}set variant(e){this.$$set({variant:e}),g()}get headingsize(){return this.$$.ctx[4]}set headingsize(e){this.$$set({headingsize:e}),g()}}customElements.define("test-container",Wi),D.ContainerWrapper=Wi,D.GoAAppFooter=zt,D.GoAAppHeader=ct,D.GoABadge=Mt,D.GoAButton=Tt,D.GoAButtonGroup=Ht,D.GoACallout=It,D.GoACard=Gt,D.GoACardActions=St,D.GoACardContent=Bt,D.GoACardGroup=Dt,D.GoACardImage=Nt,D.GoACheckbox=jt,D.GoAChip=Ft,D.GoACircularProgress=xi,D.GoAContainer=Wt,D.GoADropdown=Zt,D.GoADropdownItem=Yt,D.GoAFlexRow=Xt,D.GoAFormItem=ti,D.GoAHeroBanner=ii,D.GoAIcon=oi,D.GoAIconButton=ni,D.GoAInput=di,D.GoAMetaLink=Et,D.GoAMicrositeHeader=Si,D.GoAModal=bi,D.GoANavigationLink=Ct,D.GoANotification=_i,D.GoAPageBlock=st,D.GoAPageLayout=yi,D.GoARadioGroup=Ai,D.GoARadioItem=Mi,D.GoAScrollable=Li,D.GoASkeleton=ie,D.GoASpinner=Ni,D.GoATextArea=Pi,Object.defineProperty(D,"__esModule",{value:!0}),D[Symbol.toStringTag]="Module"});
+  `)&&d(e,"style",o)},i:k,o:k,d(s){s&&E(e),l&&l.d(),n=!1,a()}}}function qo(i,e,t){let r,o,n,a,{name:l}=e,{value:s=""}=e,{placeholder:c=""}=e,{rows:u=3}=e,{testid:f=""}=e,{width:h="60ch"}=e,{error:p="false"}=e,{readonly:m="false"}=e,{disabled:b="false"}=e,{showcounter:w="false"}=e,{maxcharcount:y=0}=e;function z(A){const M=A.target.value;o||(A.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{event:A,name:l,value:M}})),A.stopPropagation())}return i.$$set=A=>{"name"in A&&t(0,l=A.name),"value"in A&&t(1,s=A.value),"placeholder"in A&&t(2,c=A.placeholder),"rows"in A&&t(3,u=A.rows),"testid"in A&&t(4,f=A.testid),"width"in A&&t(5,h=A.width),"error"in A&&t(12,p=A.error),"readonly"in A&&t(13,m=A.readonly),"disabled"in A&&t(14,b=A.disabled),"showcounter"in A&&t(15,w=A.showcounter),"maxcharcount"in A&&t(6,y=A.maxcharcount)},i.$$.update=()=>{i.$$.dirty&4096&&t(10,r=q(p)),i.$$.dirty&16384&&t(7,o=q(b)),i.$$.dirty&8192&&t(9,n=q(m)),i.$$.dirty&32768&&t(8,a=q(w))},[l,s,c,u,f,h,y,o,a,n,r,z,p,m,b,w]}class Pi extends j{constructor(e){super();this.shadowRoot.innerHTML=`<style>:host{box-sizing:border-box;font-family:var(--font-family)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;transition:box-shadow 0.1s ease-in;border:1px solid var(--color-gray-600);border-radius:3px;background:var(--color-white);color:var(--color-black, #ccc);padding:var(--input-padding, 0.5rem);font-size:var(--input-font-size);font-family:var(--font-family);min-width:100%}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{border-color:var(--goa-color-interactive--hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 3px var(--goa-color-interactive--focus)}.goa-textarea:disabled{border-color:var(--color-gray-200)}.goa-textarea:disabled:hover{border-color:var(--color-gray-200)}.goa-textarea:disabled:focus,.goa-textarea:disabled:active{box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--fs-sm)}.counter-error{color:var(--goa-color-interactive--error)
+  }.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive--error)}</style>`,O(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},qo,Wo,N,{name:0,value:1,placeholder:2,rows:3,testid:4,width:5,error:12,readonly:13,disabled:14,showcounter:15,maxcharcount:6},null),e&&(e.target&&x(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["name","value","placeholder","rows","testid","width","error","readonly","disabled","showcounter","maxcharcount"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),g()}get value(){return this.$$.ctx[1]}set value(e){this.$$set({value:e}),g()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),g()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),g()}get testid(){return this.$$.ctx[4]}set testid(e){this.$$set({testid:e}),g()}get width(){return this.$$.ctx[5]}set width(e){this.$$set({width:e}),g()}get error(){return this.$$.ctx[12]}set error(e){this.$$set({error:e}),g()}get readonly(){return this.$$.ctx[13]}set readonly(e){this.$$set({readonly:e}),g()}get disabled(){return this.$$.ctx[14]}set disabled(e){this.$$set({disabled:e}),g()}get showcounter(){return this.$$.ctx[15]}set showcounter(e){this.$$set({showcounter:e}),g()}get maxcharcount(){return this.$$.ctx[6]}set maxcharcount(e){this.$$set({maxcharcount:e}),g()}}customElements.define("goa-textarea",Pi);function Oi(i){let e,t;return{c(){e=_("div"),t=F(i[0]),d(e,"slot","title"),d(e,"class","title")},m(r,o){x(r,e,o),v(e,t)},p(r,o){o&1&&W(t,r[0])},d(r){r&&E(e)}}}function Fi(i){let e;return{c(){e=_("div"),d(e,"class","actions"),d(e,"slot","actions")},m(t,r){x(t,e,r),e.innerHTML=i[1]},p(t,r){r&2&&(e.innerHTML=t[1])},d(t){t&&E(e)}}}function Ko(i){let e,t,r,o,n=i[0]&&Oi(i),a=i[1]&&Fi(i);return{c(){e=_("goa-container"),n&&n.c(),t=T(),a&&a.c(),r=T(),o=_("div"),this.c=k,d(o,"class","content"),d(o,"slot",""),C(e,"variant",i[3]),C(e,"headingsize",i[4])},m(l,s){x(l,e,s),n&&n.m(e,null),v(e,t),a&&a.m(e,null),v(e,r),v(e,o),o.innerHTML=i[2]},p(l,[s]){l[0]?n?n.p(l,s):(n=Oi(l),n.c(),n.m(e,t)):n&&(n.d(1),n=null),l[1]?a?a.p(l,s):(a=Fi(l),a.c(),a.m(e,r)):a&&(a.d(1),a=null),s&4&&(o.innerHTML=l[2]),s&8&&C(e,"variant",l[3]),s&16&&C(e,"headingsize",l[4])},i:k,o:k,d(l){l&&E(e),n&&n.d(),a&&a.d()}}}function Vo(i,e,t){let{title:r}=e,{actions:o=""}=e,{content:n}=e,{variant:a="default"}=e,{headingsize:l="large"}=e;return i.$$set=s=>{"title"in s&&t(0,r=s.title),"actions"in s&&t(1,o=s.actions),"content"in s&&t(2,n=s.content),"variant"in s&&t(3,a=s.variant),"headingsize"in s&&t(4,l=s.headingsize)},[r,o,n,a,l]}class Wi extends j{constructor(e){super();O(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},Vo,Ko,N,{title:0,actions:1,content:2,variant:3,headingsize:4},null),e&&(e.target&&x(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["title","actions","content","variant","headingsize"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),g()}get actions(){return this.$$.ctx[1]}set actions(e){this.$$set({actions:e}),g()}get content(){return this.$$.ctx[2]}set content(e){this.$$set({content:e}),g()}get variant(){return this.$$.ctx[3]}set variant(e){this.$$set({variant:e}),g()}get headingsize(){return this.$$.ctx[4]}set headingsize(e){this.$$set({headingsize:e}),g()}}customElements.define("test-container",Wi),D.ContainerWrapper=Wi,D.GoAAppFooter=zt,D.GoAAppHeader=ct,D.GoABadge=Mt,D.GoAButton=Tt,D.GoAButtonGroup=Ht,D.GoACallout=It,D.GoACard=Gt,D.GoACardActions=St,D.GoACardContent=Bt,D.GoACardGroup=Dt,D.GoACardImage=Nt,D.GoACheckbox=jt,D.GoAChip=Ft,D.GoACircularProgress=xi,D.GoAContainer=Wt,D.GoADropdown=Zt,D.GoADropdownItem=Yt,D.GoAFlexRow=Xt,D.GoAFormItem=ti,D.GoAHeroBanner=ii,D.GoAIcon=oi,D.GoAIconButton=ni,D.GoAInput=di,D.GoAMetaLink=Et,D.GoAMicrositeHeader=Si,D.GoAModal=bi,D.GoANavigationLink=Ct,D.GoANotification=_i,D.GoAPageBlock=st,D.GoAPageLayout=yi,D.GoARadioGroup=Ai,D.GoARadioItem=Mi,D.GoAScrollable=Li,D.GoASkeleton=ie,D.GoASpinner=Ni,D.GoATextArea=Pi,Object.defineProperty(D,"__esModule",{value:!0}),D[Symbol.toStringTag]="Module"});