@abgov/web-components 1.0.0-alpha.170 → 1.0.0-alpha.172

package/package.json

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

package/web-components.es.js

@@ -15600,7 +15600,7 @@ function create_else_block(ctx) {
 	};
 }
 
-// (148:38) 
+// (152:38) 
 function create_if_block_3(ctx) {
 	let goa_icon;
 
@@ -15619,7 +15619,7 @@ function create_if_block_3(ctx) {
 	};
 }
 
-// (146:36) 
+// (150:36) 
 function create_if_block_2(ctx) {
 	let goa_icon;
 
@@ -15639,7 +15639,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (144:4) {#if _isCurrent}
+// (148:4) {#if _isCurrent}
 function create_if_block_1(ctx) {
 	let goa_icon;
 
@@ -15658,7 +15658,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (156:4) {#if status === "incomplete"}
+// (160:4) {#if status === "incomplete"}
 function create_if_block(ctx) {
 	let div;
 
@@ -15729,6 +15729,7 @@ function create_fragment$1(ctx) {
 			attr(div2, "class", "details");
 			attr(label, "id", /*arialabel*/ ctx[2]);
 			attr(label, "role", "listitem");
+			attr(label, "tabindex", "-1");
 			attr(label, "for", /*text*/ ctx[0]);
 			attr(label, "data-status", /*status*/ ctx[3]);
 			attr(label, "aria-disabled", label_aria_disabled_value = !/*_isEnabled*/ ctx[6] ? "true" : "false");
@@ -15912,10 +15913,10 @@ class FormStep extends SvelteElement {
 	constructor(options) {
 		super();
 
-		this.shadowRoot.innerHTML = `<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):focus-within{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
+		this.shadowRoot.innerHTML = `<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):focus-within,[role="listitem"]:not([aria-disabled="true"]):focus,[role="listitem"]:not([aria-disabled="true"]):active{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
   }[data-status=complete] .status{background-color:var(--goa-color-interactive-default)}[aria-current="step"][data-status=complete] .status{background:var(--goa-color-greyscale-white)}.step-number{margin-bottom:var(--font-valign-fix);font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-secondary)}[role="listitem"]:not(
-    [data-status=complete], 
-    [data-status=incomplete], 
+    [data-status=complete],
+    [data-status=incomplete],
     [aria-current="step"]
   ) .status{border-color:var(--goa-color-greyscale-500)}.text{font:var(--goa-typography-body-s)}.subtext{margin-top:0.25rem;font:var(--goa-typography-body-xs);color:var(--goa-color-text-secondary)}.details{margin-top:0.75rem}@media(max-width: 639px){[role="listitem"]{flex-direction:row;align-items:center;text-align:start}.details{margin-left:1rem;margin-top:0}}</style>`;
 

package/web-components.umd.js

@@ -165,9 +165,9 @@ var __vite_style__=document.createElement("style");__vite_style__.innerHTML=`@im
       translate(
         calc(50% + 1.25rem + 1.75rem), 
         calc((var(--height) - var(--step-height)) / 2 - 1.25rem - 1.75rem)
-      )}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}@media(max-width: 639px){progress.horizontal{display:none}progress.vertical{display:inline-block}.form-stepper{display:inline-block}}</style>`,G(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},ia,ta,O,{step:12,mt:0,mr:1,mb:2,ml:3},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["step","mt","mr","mb","ml"]}get step(){return this.$$.ctx[12]}set step(e){this.$$set({step:e}),g()}get mt(){return this.$$.ctx[0]}set mt(e){this.$$set({mt:e}),g()}get mr(){return this.$$.ctx[1]}set mr(e){this.$$set({mr:e}),g()}get mb(){return this.$$.ctx[2]}set mb(e){this.$$set({mb:e}),g()}get ml(){return this.$$.ctx[3]}set ml(e){this.$$set({ml:e}),g()}}customElements.define("goa-form-stepper",Mi);function ra(i){let e,t;return{c(){e=b("div"),t=F(i[1]),u(e,"data-testid","child-index"),u(e,"class","step-number")},m(r,n){k(r,e,n),m(e,t)},p(r,n){n&2&&W(t,r[1])},d(r){r&&M(e)}}}function na(i){let e;return{c(){e=b("goa-icon"),E(e,"type","remove")},m(t,r){k(t,e,r)},p:x,d(t){t&&M(e)}}}function oa(i){let e;return{c(){e=b("goa-icon"),E(e,"type","checkmark"),E(e,"inverted","")},m(t,r){k(t,e,r)},p:x,d(t){t&&M(e)}}}function aa(i){let e;return{c(){e=b("goa-icon"),E(e,"type","pencil")},m(t,r){k(t,e,r)},p:x,d(t){t&&M(e)}}}function Li(i){let e;return{c(){e=b("div"),e.textContent="Partially complete",u(e,"class","subtext"),u(e,"data-testid","subtext")},m(t,r){k(t,e,r)},d(t){t&&M(e)}}}function la(i){let e,t,r,n,l,o,a,s,c,d,f,h,y;function w(C,L){return C[7]?aa:C[3]==="complete"?oa:C[3]==="incomplete"?na:ra}let v=w(i),_=v(i),p=i[3]==="incomplete"&&Li();return{c(){e=b("label"),t=b("input"),n=D(),l=b("div"),_.c(),o=D(),a=b("div"),s=b("div"),c=F(i[0]),d=D(),p&&p.c(),this.c=x,u(t,"id",i[0]),u(t,"type","checkbox"),t.checked=i[7],t.disabled=r=!i[6],u(l,"data-testid","status"),u(l,"class","status"),u(s,"class","text"),u(s,"data-testid","text"),u(a,"class","details"),u(e,"id",i[2]),u(e,"role","listitem"),u(e,"for",i[0]),u(e,"data-status",i[3]),u(e,"aria-disabled",f=i[6]?"false":"true"),u(e,"aria-current",h=i[7]?"step":"false"),u(e,"aria-label",y=`${i[2]} ${i[0]} ${i[3]||""}`)},m(C,L){k(C,e,L),m(e,t),i[10](t),m(e,n),m(e,l),_.m(l,null),m(e,o),m(e,a),m(a,s),m(s,c),m(a,d),p&&p.m(a,null),i[11](e)},p(C,[L]){L&1&&u(t,"id",C[0]),L&128&&(t.checked=C[7]),L&64&&r!==(r=!C[6])&&(t.disabled=r),v===(v=w(C))&&_?_.p(C,L):(_.d(1),_=v(C),_&&(_.c(),_.m(l,null))),L&1&&W(c,C[0]),C[3]==="incomplete"?p||(p=Li(),p.c(),p.m(a,null)):p&&(p.d(1),p=null),L&4&&u(e,"id",C[2]),L&1&&u(e,"for",C[0]),L&8&&u(e,"data-status",C[3]),L&64&&f!==(f=C[6]?"false":"true")&&u(e,"aria-disabled",f),L&128&&h!==(h=C[7]?"step":"false")&&u(e,"aria-current",h),L&13&&y!==(y=`${C[2]} ${C[0]} ${C[3]||""}`)&&u(e,"aria-label",y)},i:x,o:x,d(C){C&&M(e),i[10](null),_.d(),p&&p.d(),i[11](null)}}}function sa(i,e,t){let r,n,{text:l}=e,{current:o="false"}=e,{enabled:a="false"}=e,{childindex:s=""}=e,{arialabel:c=""}=e,{status:d}=e,f,h;Q(()=>{f.addEventListener("click",()=>{!n||(t(5,h.checked=!h.checked,h),f.dispatchEvent(new CustomEvent("_click",{composed:!0,bubbles:!0,detail:+s})))})});function y(v){X[v?"unshift":"push"](()=>{h=v,t(5,h)})}function w(v){X[v?"unshift":"push"](()=>{f=v,t(4,f)})}return i.$$set=v=>{"text"in v&&t(0,l=v.text),"current"in v&&t(8,o=v.current),"enabled"in v&&t(9,a=v.enabled),"childindex"in v&&t(1,s=v.childindex),"arialabel"in v&&t(2,c=v.arialabel),"status"in v&&t(3,d=v.status)},i.$$.update=()=>{i.$$.dirty&256&&t(7,r=q(o)),i.$$.dirty&512&&t(6,n=q(a))},[l,s,c,d,f,h,n,r,o,a,y,w]}class Ai extends B{constructor(e){super();this.shadowRoot.innerHTML=`<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):focus-within{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
+      )}progress::-webkit-progress-value{background:var(--goa-color-interactive-default)}progress::-webkit-progress-bar{background:var(--goa-color-greyscale-200)}progress::-moz-progress-bar{background:var(--goa-color-interactive-default)}@media(max-width: 639px){progress.horizontal{display:none}progress.vertical{display:inline-block}.form-stepper{display:inline-block}}</style>`,G(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},ia,ta,O,{step:12,mt:0,mr:1,mb:2,ml:3},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["step","mt","mr","mb","ml"]}get step(){return this.$$.ctx[12]}set step(e){this.$$set({step:e}),g()}get mt(){return this.$$.ctx[0]}set mt(e){this.$$set({mt:e}),g()}get mr(){return this.$$.ctx[1]}set mr(e){this.$$set({mr:e}),g()}get mb(){return this.$$.ctx[2]}set mb(e){this.$$set({mb:e}),g()}get ml(){return this.$$.ctx[3]}set ml(e){this.$$set({ml:e}),g()}}customElements.define("goa-form-stepper",Mi);function ra(i){let e,t;return{c(){e=b("div"),t=F(i[1]),u(e,"data-testid","child-index"),u(e,"class","step-number")},m(r,n){k(r,e,n),m(e,t)},p(r,n){n&2&&W(t,r[1])},d(r){r&&M(e)}}}function na(i){let e;return{c(){e=b("goa-icon"),E(e,"type","remove")},m(t,r){k(t,e,r)},p:x,d(t){t&&M(e)}}}function oa(i){let e;return{c(){e=b("goa-icon"),E(e,"type","checkmark"),E(e,"inverted","")},m(t,r){k(t,e,r)},p:x,d(t){t&&M(e)}}}function aa(i){let e;return{c(){e=b("goa-icon"),E(e,"type","pencil")},m(t,r){k(t,e,r)},p:x,d(t){t&&M(e)}}}function Li(i){let e;return{c(){e=b("div"),e.textContent="Partially complete",u(e,"class","subtext"),u(e,"data-testid","subtext")},m(t,r){k(t,e,r)},d(t){t&&M(e)}}}function la(i){let e,t,r,n,l,o,a,s,c,d,f,h,y;function w(C,L){return C[7]?aa:C[3]==="complete"?oa:C[3]==="incomplete"?na:ra}let v=w(i),_=v(i),p=i[3]==="incomplete"&&Li();return{c(){e=b("label"),t=b("input"),n=D(),l=b("div"),_.c(),o=D(),a=b("div"),s=b("div"),c=F(i[0]),d=D(),p&&p.c(),this.c=x,u(t,"id",i[0]),u(t,"type","checkbox"),t.checked=i[7],t.disabled=r=!i[6],u(l,"data-testid","status"),u(l,"class","status"),u(s,"class","text"),u(s,"data-testid","text"),u(a,"class","details"),u(e,"id",i[2]),u(e,"role","listitem"),u(e,"tabindex","-1"),u(e,"for",i[0]),u(e,"data-status",i[3]),u(e,"aria-disabled",f=i[6]?"false":"true"),u(e,"aria-current",h=i[7]?"step":"false"),u(e,"aria-label",y=`${i[2]} ${i[0]} ${i[3]||""}`)},m(C,L){k(C,e,L),m(e,t),i[10](t),m(e,n),m(e,l),_.m(l,null),m(e,o),m(e,a),m(a,s),m(s,c),m(a,d),p&&p.m(a,null),i[11](e)},p(C,[L]){L&1&&u(t,"id",C[0]),L&128&&(t.checked=C[7]),L&64&&r!==(r=!C[6])&&(t.disabled=r),v===(v=w(C))&&_?_.p(C,L):(_.d(1),_=v(C),_&&(_.c(),_.m(l,null))),L&1&&W(c,C[0]),C[3]==="incomplete"?p||(p=Li(),p.c(),p.m(a,null)):p&&(p.d(1),p=null),L&4&&u(e,"id",C[2]),L&1&&u(e,"for",C[0]),L&8&&u(e,"data-status",C[3]),L&64&&f!==(f=C[6]?"false":"true")&&u(e,"aria-disabled",f),L&128&&h!==(h=C[7]?"step":"false")&&u(e,"aria-current",h),L&13&&y!==(y=`${C[2]} ${C[0]} ${C[3]||""}`)&&u(e,"aria-label",y)},i:x,o:x,d(C){C&&M(e),i[10](null),_.d(),p&&p.d(),i[11](null)}}}function sa(i,e,t){let r,n,{text:l}=e,{current:o="false"}=e,{enabled:a="false"}=e,{childindex:s=""}=e,{arialabel:c=""}=e,{status:d}=e,f,h;Q(()=>{f.addEventListener("click",()=>{!n||(t(5,h.checked=!h.checked,h),f.dispatchEvent(new CustomEvent("_click",{composed:!0,bubbles:!0,detail:+s})))})});function y(v){X[v?"unshift":"push"](()=>{h=v,t(5,h)})}function w(v){X[v?"unshift":"push"](()=>{f=v,t(4,f)})}return i.$$set=v=>{"text"in v&&t(0,l=v.text),"current"in v&&t(8,o=v.current),"enabled"in v&&t(9,a=v.enabled),"childindex"in v&&t(1,s=v.childindex),"arialabel"in v&&t(2,c=v.arialabel),"status"in v&&t(3,d=v.status)},i.$$.update=()=>{i.$$.dirty&256&&t(7,r=q(o)),i.$$.dirty&512&&t(6,n=q(a))},[l,s,c,d,f,h,n,r,o,a,y,w]}class Ai extends B{constructor(e){super();this.shadowRoot.innerHTML=`<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):focus-within,[role="listitem"]:not([aria-disabled="true"]):focus,[role="listitem"]:not([aria-disabled="true"]):active{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
   }[data-status=complete] .status{background-color:var(--goa-color-interactive-default)}[aria-current="step"][data-status=complete] .status{background:var(--goa-color-greyscale-white)}.step-number{margin-bottom:var(--font-valign-fix);font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-secondary)}[role="listitem"]:not(
-    [data-status=complete], 
-    [data-status=incomplete], 
+    [data-status=complete],
+    [data-status=incomplete],
     [aria-current="step"]
   ) .status{border-color:var(--goa-color-greyscale-500)}.text{font:var(--goa-typography-body-s)}.subtext{margin-top:0.25rem;font:var(--goa-typography-body-xs);color:var(--goa-color-text-secondary)}.details{margin-top:0.75rem}@media(max-width: 639px){[role="listitem"]{flex-direction:row;align-items:center;text-align:start}.details{margin-left:1rem;margin-top:0}}</style>`,G(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},sa,la,O,{text:0,current:8,enabled:9,childindex:1,arialabel:2,status:3},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["text","current","enabled","childindex","arialabel","status"]}get text(){return this.$$.ctx[0]}set text(e){this.$$set({text:e}),g()}get current(){return this.$$.ctx[8]}set current(e){this.$$set({current:e}),g()}get enabled(){return this.$$.ctx[9]}set enabled(e){this.$$set({enabled:e}),g()}get childindex(){return this.$$.ctx[1]}set childindex(e){this.$$set({childindex:e}),g()}get arialabel(){return this.$$.ctx[2]}set arialabel(e){this.$$set({arialabel:e}),g()}get status(){return this.$$.ctx[3]}set status(e){this.$$set({status:e}),g()}}customElements.define("goa-form-step",Ai);function ca(i){let e,t,r;return{c(){e=b("div"),t=b("slot"),this.c=x,u(e,"style",r=Y(i[0],i[1],i[2],i[3])),u(e,"class","pages")},m(n,l){k(n,e,l),m(e,t),i[6](e)},p(n,[l]){l&15&&r!==(r=Y(n[0],n[1],n[2],n[3]))&&u(e,"style",r)},i:x,o:x,d(n){n&&M(e),i[6](null)}}}function da(i,e,t){let{current:r=1}=e,{mt:n=null}=e,{mr:l=null}=e,{mb:o=null}=e,{ml:a=null}=e,s;Q(async()=>{await me(),c(r)});function c(h){if(!s)return;d().forEach((w,v)=>{const _=w;_.style.display=v+1===+h?"block":"none"})}function d(){const h=s.querySelector("slot");return h?[...h.assignedElements()]:[...s.children]}function f(h){X[h?"unshift":"push"](()=>{s=h,t(4,s)})}return i.$$set=h=>{"current"in h&&t(5,r=h.current),"mt"in h&&t(0,n=h.mt),"mr"in h&&t(1,l=h.mr),"mb"in h&&t(2,o=h.mb),"ml"in h&&t(3,a=h.ml)},i.$$.update=()=>{i.$$.dirty&32&&c(r)},[n,l,o,a,s,r,f]}class Ti extends B{constructor(e){super();G(this,{target:this.shadowRoot,props:P(this.attributes),customElement:!0},da,ca,O,{current:5,mt:0,mr:1,mb:2,ml:3},null),e&&(e.target&&k(e.target,this,e.anchor),e.props&&(this.$set(e.props),g()))}static get observedAttributes(){return["current","mt","mr","mb","ml"]}get current(){return this.$$.ctx[5]}set current(e){this.$$set({current:e}),g()}get mt(){return this.$$.ctx[0]}set mt(e){this.$$set({mt:e}),g()}get mr(){return this.$$.ctx[1]}set mr(e){this.$$set({mr:e}),g()}get mb(){return this.$$.ctx[2]}set mb(e){this.$$set({mb:e}),g()}get ml(){return this.$$.ctx[3]}set ml(e){this.$$set({ml:e}),g()}}customElements.define("goa-pages",Ti),he.FormStep=Ai,he.FormStepper=Mi,he.Pages=Ti,he.Pagination=yi,Object.defineProperty(he,"__esModule",{value:!0}),he[Symbol.toStringTag]="Module"});