@abgov/web-components 1.0.0-alpha.84 → 1.0.0-alpha.85
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/package.json +1 -1
- package/web-components.es.js +1 -1
- package/web-components.umd.js +1 -1
package/package.json
CHANGED
package/web-components.es.js
CHANGED
|
@@ -9711,7 +9711,7 @@ class TextArea extends SvelteElement {
|
|
|
9711
9711
|
constructor(options) {
|
|
9712
9712
|
super();
|
|
9713
9713
|
|
|
9714
|
-
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(--
|
|
9714
|
+
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(--textarea-padding-vertical, 0.5rem) var(--textarea-padding-horizontal, 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)
|
|
9715
9715
|
}.error:hover,.error:focus,.error{border:2px solid var(--goa-color-interactive--error)}</style>`;
|
|
9716
9716
|
|
|
9717
9717
|
init(
|
package/web-components.umd.js
CHANGED
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
--width: ${i[5]};
|
|
56
56
|
`)},m(s,c){w(s,e,c),m(e,t),m(e,r),l&&l.m(e,null),n||(a=U(t,"keyup",i[11]),n=!0)},p(s,[c]){c&1&&u(t,"name",s[0]),c&4&&u(t,"placeholder",s[2]),c&2&&(t.value=s[1]),c&8&&u(t,"rows",s[3]),c&128&&(t.disabled=s[7]),c&512&&(t.readOnly=s[9]),c&16&&u(t,"data-testid",s[4]),c&1024&&B(t,"error",s[10]),s[8]?l?l.p(s,c):(l=Li(s),l.c(),l.m(e,null)):l&&(l.d(1),l=null),c&32&&o!==(o=`
|
|
57
57
|
--width: ${s[5]};
|
|
58
|
-
`)&&u(e,"style",o)},i:p,o:p,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:d=3}=e,{testid:f=""}=e,{width:h="60ch"}=e,{error:_="false"}=e,{readonly:y="false"}=e,{disabled:v="false"}=e,{showcounter:M="false"}=e,{maxcharcount:k=0}=e;function C(x){const R=x.target.value;o||(x.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{event:x,name:l,value:R}})),x.stopPropagation())}return i.$$set=x=>{"name"in x&&t(0,l=x.name),"value"in x&&t(1,s=x.value),"placeholder"in x&&t(2,c=x.placeholder),"rows"in x&&t(3,d=x.rows),"testid"in x&&t(4,f=x.testid),"width"in x&&t(5,h=x.width),"error"in x&&t(12,_=x.error),"readonly"in x&&t(13,y=x.readonly),"disabled"in x&&t(14,v=x.disabled),"showcounter"in x&&t(15,M=x.showcounter),"maxcharcount"in x&&t(6,k=x.maxcharcount)},i.$$.update=()=>{i.$$.dirty&4096&&t(10,r=F(_)),i.$$.dirty&16384&&t(7,o=F(v)),i.$$.dirty&8192&&t(9,n=F(y)),i.$$.dirty&32768&&t(8,a=F(M))},[l,s,c,d,f,h,k,o,a,n,r,C,_,y,v,M]}class Ti extends N{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(--
|
|
58
|
+
`)&&u(e,"style",o)},i:p,o:p,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:d=3}=e,{testid:f=""}=e,{width:h="60ch"}=e,{error:_="false"}=e,{readonly:y="false"}=e,{disabled:v="false"}=e,{showcounter:M="false"}=e,{maxcharcount:k=0}=e;function C(x){const R=x.target.value;o||(x.target.dispatchEvent(new CustomEvent("_change",{composed:!0,bubbles:!1,cancelable:!0,detail:{event:x,name:l,value:R}})),x.stopPropagation())}return i.$$set=x=>{"name"in x&&t(0,l=x.name),"value"in x&&t(1,s=x.value),"placeholder"in x&&t(2,c=x.placeholder),"rows"in x&&t(3,d=x.rows),"testid"in x&&t(4,f=x.testid),"width"in x&&t(5,h=x.width),"error"in x&&t(12,_=x.error),"readonly"in x&&t(13,y=x.readonly),"disabled"in x&&t(14,v=x.disabled),"showcounter"in x&&t(15,M=x.showcounter),"maxcharcount"in x&&t(6,k=x.maxcharcount)},i.$$.update=()=>{i.$$.dirty&4096&&t(10,r=F(_)),i.$$.dirty&16384&&t(7,o=F(v)),i.$$.dirty&8192&&t(9,n=F(y)),i.$$.dirty&32768&&t(8,a=F(M))},[l,s,c,d,f,h,k,o,a,n,r,C,_,y,v,M]}class Ti extends N{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(--textarea-padding-vertical, 0.5rem) var(--textarea-padding-horizontal, 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)
|
|
59
59
|
}.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,Vo,G,{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&&w(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",Ti);function Wo(i){let e;return{c(){e=b("div"),e.innerHTML=`<slot></slot>
|
|
60
60
|
|
|
61
61
|
<span tabindex="0"></span>`,this.c=p},m(t,r){w(t,e,r),i[4](e)},p,i:p,o:p,d(t){t&&E(e),i[4](null)}}}function Uo(i){if(i.tabIndex>0||i.tabIndex===0&&i.getAttribute("tabIndex")!==null)return!0;if(i.disabled)return!1;switch(i.nodeName){case"A":return!!i.href&&i.rel!=="ignore";case"INPUT":return i.type!=="hidden"&&i.type!=="file";case"BUTTON":case"SELECT":case"TEXTAREA":return!0;default:return!1}}function Zo(i,e,t){let r,{active:o}=e,n=!1,a,l,s=!1;function c(){document.removeEventListener("focus",C,!0)}function d(){document.addEventListener("focus",C,!0)}function f(A){if(!A)return!1;for(const R of A)if(k(R)||f(R.childNodes)||h(R)||_(R))return!0;return!1}function h(A){if(!(A instanceof HTMLSlotElement))return!1;if(f(A.assignedNodes()))return!0}function _(A){var R;if(!(A instanceof HTMLElement))return!1;if(f((R=A.shadowRoot)===null||R===void 0?void 0:R.childNodes))return!0}function y(A){if(!A)return!1;for(let R=A.length-1;R>=0;R--){let L=A[R];if(k(L)||y(L.childNodes)||v(L)||M(L))return!0}return!1}function v(A){if(!(A instanceof HTMLSlotElement))return!1;if(y(A.assignedNodes()))return!0}function M(A){var R;if(!(A instanceof HTMLElement))return!1;if(y((R=A.shadowRoot)===null||R===void 0?void 0:R.childNodes))return!0}function k(A){if(!Uo(A))return!1;try{n=!0,A.focus()}catch{}finally{n=!1}return document.activeElement===A}function C(A){var R;if(n)return;const L=(R=l.firstChild)===null||R===void 0?void 0:R.assignedElements();if(!(L==null?void 0:L.length))return;const I=L[0];if(A.composedPath().includes(I)){a=A.target;return}f(I.childNodes),a==document.activeElement&&y(I.childNodes),a=document.activeElement}function x(A){ee[A?"unshift":"push"](()=>{l=A,t(0,l)})}return i.$$set=A=>{"active"in A&&t(1,o=A.active)},i.$$.update=()=>{i.$$.dirty&2&&t(3,r=F(o)),i.$$.dirty&12&&(r&&!s&&(d(),t(2,s=!0)),!r&&s&&(c(),t(2,s=!1)))},[l,o,s,r,x]}class Ri extends N{constructor(e){super();O(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},Zo,Wo,G,{active:1},null),e&&(e.target&&w(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["active"]}get active(){return this.$$.ctx[1]}set active(e){this.$$set({active:e}),g()}}customElements.define("goa-focus-trap",Ri);function Hi(i){let e;return{c(){e=b("goa-divider"),z(e,"spacing","small")},m(t,r){w(t,e,r)},d(t){t&&E(e)}}}function Ko(i){let e,t,r,o,n,a,l,s,c,d,f,h=i[1]?.length&&Hi();return{c(){e=b("footer"),t=b("div"),t.innerHTML='<slot name="nav"></slot>',r=T(),h&&h.c(),o=T(),n=b("div"),a=b("div"),a.innerHTML='<slot name="meta"></slot>',l=T(),s=b("div"),c=b("a"),c.innerHTML='<img alt="GoA Logo" class="logo" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E"/>',d=T(),f=b("a"),f.textContent=`\xA9 ${i[3]} Government of Alberta`,this.c=p,u(t,"class","nav-links"),u(a,"class","meta-links"),u(c,"href","https://alberta.ca"),u(f,"href","https://alberta.ca"),u(f,"class","goa-copyright"),u(s,"class","abgov"),B(s,"with-meta-links",i[2]?.length),u(n,"class","meta-section"),B(n,"with-meta-links",i[2]?.length),u(e,"class","app-footer")},m(_,y){w(_,e,y),m(e,t),m(e,r),h&&h.m(e,null),m(e,o),m(e,n),m(n,a),m(n,l),m(n,s),m(s,c),m(s,d),m(s,f),i[4](e)},p(_,[y]){_[1]?.length?h||(h=Hi(),h.c(),h.m(e,o)):h&&(h.d(1),h=null),y&4&&B(s,"with-meta-links",_[2]?.length),y&4&&B(n,"with-meta-links",_[2]?.length)},i:p,o:p,d(_){_&&E(e),h&&h.d(),i[4](null)}}}function Yo(i,e,t){let r,o,n;const a=new Date().getFullYear();Q(async()=>{await ye();const s=r.querySelector("slot[name=nav]"),c=r.querySelector("slot[name=meta]");t(1,o=s.assignedElements()),t(2,n=c.assignedElements())});function l(s){ee[s?"unshift":"push"](()=>{r=s,t(0,r)})}return[r,o,n,a,l]}class Xo extends N{constructor(e){super();this.shadowRoot.innerHTML="<style>.app-footer{background-color:var(--color-gray-100);padding:2rem;margin-top:2rem;border-top:2px solid var(--color-gray-200);border-bottom:1rem solid var(--goa-color-brand)}.meta-section{display:flex;flex-direction:column;padding:1rem 0}.meta-section.with-meta-links{gap:2rem;justify-content:space-between}.meta-links{display:none}.with-meta-links .meta-links{display:block}.nav-links{display:flex;flex-direction:column;gap:2rem}.abgov{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 640px){.meta-section{flex-direction:row;gap:2rem}.nav-links{flex-direction:row}.abgov{align-items:center;flex-direction:row-reverse}}.abgov.with-meta-links{gap:1rem;flex-direction:column;width:unset}@media(min-width: 640px){.abgov.with-meta-links{align-items:flex-end}}.goa-copyright{white-space:nowrap}a{color:var(--goa-color-text-secondary)}</style>",O(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},Yo,Ko,G,{},null),e&&e.target&&w(e.target,this,e.anchor)}}customElements.define("goa-app-footer",Xo);function Si(i,e,t){const r=i.slice();return r[5]=e[t],r}function Bi(i){let e,t,r,o;return{c(){e=b("div"),t=j(i[0]),r=T(),o=b("goa-divider"),u(e,"class","title"),z(o,"spacing","small")},m(n,a){w(n,e,a),m(e,t),w(n,r,a),w(n,o,a)},p(n,a){a&1&&q(t,n[0])},d(n){n&&E(e),n&&E(r),n&&E(o)}}}function Ii(i){let e,t,r=i[5].innerHTML+"",o,n;return{c(){e=b("li"),t=b("a"),o=j(r),u(t,"href",n=i[5].href)},m(a,l){w(a,e,l),m(e,t),m(t,o)},p(a,l){l&8&&r!==(r=a[5].innerHTML+"")&&q(o,r),l&8&&n!==(n=a[5].href)&&u(t,"href",n)},d(a){a&&E(e)}}}function Jo(i){let e,t,r,o,n,a,l=i[0]&&Bi(i),s=i[3],c=[];for(let d=0;d<s.length;d+=1)c[d]=Ii(Si(i,s,d));return{c(){e=b("section"),l&&l.c(),t=T(),r=b("div"),r.innerHTML="<slot></slot>",o=T(),n=b("ul");for(let d=0;d<c.length;d+=1)c[d].c();this.c=p,u(r,"class","hidden"),u(n,"class","links"),u(n,"style",a=`
|