@hhgtech/hhg-components 1.25.17 → 1.25.19

package/build/esm/{index.styled-1d730d27.js → index.styled-08f338ff.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-86b09138.js";import t,{useMemo as o}from"react";import{L as i}from"./Onboarding-f5e77ca6.js";import{CommonGAssets as n}from"./gAssets.js";import{t as r}from"./theme-da141727.js";import{T as a}from"./index-5d569ee2.js";import s from"styled-components";import{j as l}from"./index.styles-3745dc2e.js";import"./index-43d83c96.js";import"dayjs";import"./screenSizeContext-9f2a4814.js";import"./utils-967698bd.js";import"./isProduction-904f917e.js";import"@mantine/core";import"./translationsContext-2e507b01.js";import"string-format";import"@mantine/hooks";const c=s.div`
+import{_ as e}from"./tslib.es6-e278d15e.js";import t,{useMemo as o}from"react";import{L as n}from"./Onboarding-036e6d1b.js";import{CommonGAssets as i}from"./gAssets.js";import{t as r}from"./theme-b1eced2e.js";import{T as a}from"./index-303b3307.js";import s from"styled-components";import{C as l}from"./index-d210ffc2.js";const c=s.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -36,7 +36,7 @@ import{_ as e}from"./tslib.es6-86b09138.js";import t,{useMemo as o}from"react";i
   & > * {
     pointer-events: none;
   }
-`,p=[i.Myanmar,i.Taiwan],m=s((i=>{var{icon:s,name:l,className:m,locale:g="en-PH",dataEventCategory:b,dataEventAction:x,dataEventLabel:h,onSelect:v}=i,f=e(i,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const u=o((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return t.createElement(d,Object.assign({onClick:v,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child","data-event-category":b,"data-event-action":x,"data-event-label":h},f),t.createElement(c,{size:64,iconSize:40,backgroundColor:r.colors.white},t.createElement("img",{src:s||n.getAssetPath("week_default.png"),alt:""})),u?t.createElement(a,Object.assign({type:"semiBold",size:"n1",color:r.colors.gray800},p.includes(g)&&{style:{fontSize:"10px"}}),l):t.createElement(a,Object.assign({size:"n1",color:r.colors.gray600},p.includes(g)&&{style:{fontSize:"10px"}}),l))}))`
+`,p=[n.Myanmar,n.Taiwan],m=s((n=>{var{icon:s,name:l,className:m,locale:g="en-PH",dataEventCategory:b,dataEventAction:x,dataEventLabel:h,onSelect:v}=n,f=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const u=o((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return t.createElement(d,Object.assign({onClick:v,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child","data-event-category":b,"data-event-action":x,"data-event-label":h},f),t.createElement(c,{size:64,iconSize:40,backgroundColor:r.colors.white},t.createElement("img",{src:s||i.getAssetPath("week_default.png"),alt:""})),u?t.createElement(a,Object.assign({type:"semiBold",size:"n1",color:r.colors.gray800},p.includes(g)&&{style:{fontSize:"10px"}}),l):t.createElement(a,Object.assign({size:"n1",color:r.colors.gray600},p.includes(g)&&{style:{fontSize:"10px"}}),l))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
 `,g=s(l.Slide)`
   cursor: pointer;

package/build/esm/{index.styled-a960846e.js → index.styled-10eb643b.js}

@@ -1,4 +1,4 @@
-import e,{css as o}from"styled-components";import{t}from"./theme-da141727.js";import{M as r}from"./utils-967698bd.js";import{_ as i}from"./tslib.es6-86b09138.js";import a,{useState as s,forwardRef as l}from"react";import{L as n}from"./index.styled-d4de3910.js";import{C as c}from"./index-c7cbd72b.js";import{T as d}from"./index-5d569ee2.js";import"dayjs";import{s as p,e as h,b as C,f as g,c as m,g as v,a as x,d as u,h as w}from"./screenSizeContext-9f2a4814.js";import"./index-43d83c96.js";import"./isProduction-904f917e.js";import"./Onboarding-f5e77ca6.js";import"./gAssets.js";import{createStyles as f}from"@mantine/core";const b=e.div`
+import e,{css as o}from"styled-components";import{t}from"./theme-b1eced2e.js";import{M as r}from"./utils-a3a6589e.js";import{_ as i}from"./tslib.es6-e278d15e.js";import a,{useState as s,forwardRef as l}from"react";import{L as n}from"./index.styled-36fe7aba.js";import{C as c}from"./index-4f30cec1.js";import{T as d}from"./index-303b3307.js";import"dayjs";import{s as p,e as h,b as C,f as g,c as m,g as v,a as x,d as u,h as w}from"./screenSizeContext-0e9aeaf0.js";import"./index-85ee8ef5.js";import"./isProduction-d28e3981.js";import"./Onboarding-036e6d1b.js";import"./gAssets.js";import{createStyles as f}from"@mantine/core";const b=e.div`
   background-color: var(--background-color, transparent);
   color: white;
   cursor: pointer;

package/build/esm/{index.styled-801193c3.js → index.styled-307b4a74.js}

@@ -1,10 +1,10 @@
-import{_ as e,a as t}from"./tslib.es6-86b09138.js";import r,{createContext as n,useContext as o}from"react";import{createFormContext as a,yupResolver as i}from"@mantine/form";import"./index.styled-a960846e.js";import{B as s}from"./index-882f8fed.js";import"./gAssets.js";import{Container as l,Title as p,Input as d}from"@mantine/core";import"./index.styled-d4de3910.js";import{c as m}from"./index-c7cbd72b.js";import{M as c}from"./utils-967698bd.js";import{t as g}from"./theme-da141727.js";import"./index.styled-11e0ce87.js";import{u}from"./useTranslations-49be9e59.js";import"./index-a077234a.js";import{r as b,e as h,m as x,R as f,O as w}from"./index.styles-3745dc2e.js";import{L as E}from"./index-43d83c96.js";import{L as y}from"./Onboarding-f5e77ca6.js";import"dayjs";import"./screenSizeContext-9f2a4814.js";import P from"styled-components";import"./isProduction-904f917e.js";import"@mantine/hooks";import"lodash/debounce";import{T as j}from"./index-2dfb4d86.js";import{V as v}from"./Visible-cd8e0490.js";import*as M from"yup";import"./translationsContext-2e507b01.js";import"string-format";const I=n({}),[O,T,N]=a(),k=P.div`
+import{_ as e,a as t}from"./tslib.es6-e278d15e.js";import r,{createContext as n,useContext as o}from"react";import{createFormContext as a,yupResolver as i}from"@mantine/form";import"./index.styled-10eb643b.js";import{B as s}from"./index-54117aac.js";import"./gAssets.js";import{Container as l,Title as p,Input as m}from"@mantine/core";import"./index.styled-36fe7aba.js";import{c as d}from"./index-4f30cec1.js";import{M as c}from"./utils-a3a6589e.js";import{t as g}from"./theme-b1eced2e.js";import"./index.styled-e27c9e4c.js";import{u}from"./useTranslations-2f288d89.js";import"./index-c0239260.js";import{q as b,e as h,l as x,R as f,O as w}from"./index.styles-be7daa10.js";import"dayjs";import"./screenSizeContext-0e9aeaf0.js";import E from"styled-components";import{L as y}from"./index-85ee8ef5.js";import"./isProduction-d28e3981.js";import{L as P}from"./Onboarding-036e6d1b.js";import"./index-d210ffc2.js";import"@mantine/hooks";import"lodash/debounce";import{T as j}from"./index-b818144c.js";import{V as v}from"./Visible-ce07dc1b.js";import*as M from"yup";import"./translationsContext-be10740f.js";import"string-format";const I=n({}),[O,T,N]=a(),k=E.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,z=P(l)`
+`,z=E(l)`
   &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
     display: flex;
     flex-direction: column;
@@ -45,9 +45,9 @@ import{_ as e,a as t}from"./tslib.es6-86b09138.js";import r,{createContext as n,
   .form-button {
     width: 100%;
   }
-`,C=P.img`
+`,C=E.img`
   margin-bottom: 38px;
-`,B=t=>{var n,{heading:a,description:i,children:s,className:l,imgSrc:d}=t,c=e(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:u,siteType:b}=o(I);return r.createElement(z,Object.assign({},c,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),r.createElement(m,{type:u?b:(null===(n=E[process.env.UNIFY_LOCALE])||void 0===n?void 0:n.LOGO_TYPE)||"hellobacsi"}),r.createElement(k,null,d&&r.createElement(C,{src:d,loading:"lazy"}),r.createElement("div",{className:"header"},r.createElement(p,{order:3},a),r.createElement(j,{size:"p3",mt:8,color:g.colors.gray600},i)),s))},S=P.div`
+`,q=t=>{var n,{heading:a,description:i,children:s,className:l,imgSrc:m}=t,c=e(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:u,siteType:b}=o(I);return r.createElement(z,Object.assign({},c,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),r.createElement(d,{type:u?b:(null===(n=y[process.env.UNIFY_LOCALE])||void 0===n?void 0:n.LOGO_TYPE)||"hellobacsi"}),r.createElement(k,null,m&&r.createElement(C,{src:m,loading:"lazy"}),r.createElement("div",{className:"header"},r.createElement(p,{order:3},a),r.createElement(j,{size:"p3",mt:8,color:g.colors.gray600},i)),s))},B=E.div`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -64,7 +64,7 @@ import{_ as e,a as t}from"./tslib.es6-86b09138.js";import r,{createContext as n,
       border-radius: 0 4px 4px 0;
     }
   }
-`,$={[y.Vietnam]:"VN",[y.Cambodia]:"KH",[y.Indonesia]:"ID",[y.Malaysia]:"MY",[y.PhilippinesEnglish]:"PH",[y.PhilippinesTagalog]:"PH",[y.Taiwan]:"TW",[y.Thailand]:"TH",[y.Myanmar]:"MM"},q=({inputOrder:e=["phone"]})=>{const{t:t}=u(),n=T(),o=r.createElement("div",{className:"phone-input"},r.createElement(b,Object.assign({defaultCountry:$[process.env.UNIFY_LOCALE]||"VN"},n.getInputProps("phone"))),r.createElement(d.Error,null,n.errors.phone)),a=r.createElement(h,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold"},t("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=r.createElement(h,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=r.createElement(x,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),l=r.createElement(f.Group,Object.assign({className:"radio-group",label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("bmi.selectGender"))},n.getInputProps("gender")),r.createElement(f,{value:"0",label:t("onboarding.formEmail.genderMale")}),r.createElement(f,{value:"1",label:t("onboarding.formEmail.genderFemale")})),p=r.createElement("div",{className:"otp-input"},r.createElement(w,Object.assign({enterKeyHint:void 0,nonce:void 0},n.getInputProps("otp"))),r.createElement(d.Error,null,n.errors.otp)),m=r.createElement(h.Password,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:r.createElement(v,null)},n.getInputProps("password"))),c=r.createElement(h.Password,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:r.createElement(v,null)},n.getInputProps("confirmPassword"))),g=e.map((e=>{switch(e){case"phone":return o;case"full_name":return a;case"email":return i;case"dob":return s;case"gender":return l;case"otp":return p;case"password":return m;case"confirm_password":return c;default:return null}}));return r.createElement(S,null,g)},D=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")}),H=e=>M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),V=e=>M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))}),Y=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),A=P(B)`
+`,S={[P.Vietnam]:"VN",[P.Cambodia]:"KH",[P.Indonesia]:"ID",[P.Malaysia]:"MY",[P.PhilippinesEnglish]:"PH",[P.PhilippinesTagalog]:"PH",[P.Taiwan]:"TW",[P.Thailand]:"TH",[P.Myanmar]:"MM"},$=({inputOrder:e=["phone"]})=>{const{t:t}=u(),n=T(),o=r.createElement("div",{className:"phone-input"},r.createElement(b,Object.assign({defaultCountry:S[process.env.UNIFY_LOCALE]||"VN"},n.getInputProps("phone"))),r.createElement(m.Error,null,n.errors.phone)),a=r.createElement(h,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold"},t("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=r.createElement(h,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=r.createElement(x,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),l=r.createElement(f.Group,Object.assign({className:"radio-group",label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("bmi.selectGender"))},n.getInputProps("gender")),r.createElement(f,{value:"0",label:t("onboarding.formEmail.genderMale")}),r.createElement(f,{value:"1",label:t("onboarding.formEmail.genderFemale")})),p=r.createElement("div",{className:"otp-input"},r.createElement(w,Object.assign({enterKeyHint:void 0,nonce:void 0},n.getInputProps("otp"))),r.createElement(m.Error,null,n.errors.otp)),d=r.createElement(h.Password,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:r.createElement(v,null)},n.getInputProps("password"))),c=r.createElement(h.Password,Object.assign({label:r.createElement(j,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:r.createElement(v,null)},n.getInputProps("confirmPassword"))),g=e.map((e=>{switch(e){case"phone":return o;case"full_name":return a;case"email":return i;case"dob":return s;case"gender":return l;case"otp":return p;case"password":return d;case"confirm_password":return c;default:return null}}));return r.createElement(B,null,g)},D=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")}),H=e=>M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),V=e=>M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))}),Y=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),A=E(q)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -81,7 +81,7 @@ import{_ as e,a as t}from"./tslib.es6-86b09138.js";import r,{createContext as n,
       border-radius: 0 4px 4px 0;
     }
   }
-`,L={[y.Vietnam]:"VN",[y.Cambodia]:"KH",[y.Indonesia]:"ID",[y.Malaysia]:"MY",[y.PhilippinesEnglish]:"PH",[y.PhilippinesTagalog]:"PH",[y.Taiwan]:"TW",[y.Thailand]:"TH",[y.Myanmar]:"MM"},F=({onClose:e,onSubmit:n,canSkip:o=!0,customFormTexts:a})=>{const{t:l}=u(),p=N({initialValues:{phone:""},validate:i(D(l))});return r.createElement(A,{heading:(null==a?void 0:a.heading)||l("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||l("onboarding.updatePhone.description")},r.createElement(O,{form:p},r.createElement("form",{onSubmit:p.onSubmit((e=>t(void 0,void 0,void 0,(function*(){n(e.phone)}))),(e=>{console.log(e)}))},r.createElement(q,{inputOrder:["phone"]}),r.createElement(s,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},l("onboarding.button.continue")),o&&r.createElement(s,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},l("onboarding.button.skip")))))};y.Vietnam,y.Cambodia,y.Indonesia,y.Malaysia,y.PhilippinesEnglish,y.PhilippinesTagalog,y.Taiwan,y.Thailand,y.Myanmar;const U=(e="")=>{const t=e.indexOf("@"),r=e.substring(0,t),n=r.length>3?3:r.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},_=P(B)`
+`,L={[P.Vietnam]:"VN",[P.Cambodia]:"KH",[P.Indonesia]:"ID",[P.Malaysia]:"MY",[P.PhilippinesEnglish]:"PH",[P.PhilippinesTagalog]:"PH",[P.Taiwan]:"TW",[P.Thailand]:"TH",[P.Myanmar]:"MM"},F=({onClose:e,onSubmit:n,canSkip:o=!0,customFormTexts:a})=>{const{t:l}=u(),p=N({initialValues:{phone:""},validate:i(D(l))});return r.createElement(A,{heading:(null==a?void 0:a.heading)||l("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||l("onboarding.updatePhone.description")},r.createElement(O,{form:p},r.createElement("form",{onSubmit:p.onSubmit((e=>t(void 0,void 0,void 0,(function*(){n(e.phone)}))),(e=>{console.log(e)}))},r.createElement($,{inputOrder:["phone"]}),r.createElement(s,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},l("onboarding.button.continue")),o&&r.createElement(s,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},l("onboarding.button.skip")))))};P.Vietnam,P.Cambodia,P.Indonesia,P.Malaysia,P.PhilippinesEnglish,P.PhilippinesTagalog,P.Taiwan,P.Thailand,P.Myanmar;const U=(e="")=>{const t=e.indexOf("@"),r=e.substring(0,t),n=r.length>3?3:r.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},_=E(q)`
   .otp-input {
     margin-bottom: 36px;
     ${c.mbDown} {
@@ -114,20 +114,20 @@ import{_ as e,a as t}from"./tslib.es6-86b09138.js";import r,{createContext as n,
     margin-bottom: 3px;
     margin-left: 3px;
   }
-`,G=P.div`
+`,G=E.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
   background: white;
   overflow-y: auto;
-`,K=P.div`
+`,K=E.div`
   height: 100%;
   ${c.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
   }
-`,W=P.div`
+`,W=E.div`
   padding: 48px 24px 24px;
 
   ${c.lgPcUp} {
@@ -137,7 +137,7 @@ import{_ as e,a as t}from"./tslib.es6-86b09138.js";import r,{createContext as n,
       width: calc(100% - 640px);
     }
   }
-`,R=P.div`
+`,R=E.div`
   width: 640px;
   padding: 16px 16px 0 16px;
   display: none;
@@ -146,7 +146,7 @@ import{_ as e,a as t}from"./tslib.es6-86b09138.js";import r,{createContext as n,
     width: 640px;
     display: table-cell;
   }
-`,Z=P.div`
+`,Z=E.div`
   background-color: ${g.colors.primary50};
   border-radius: 12px;
   height: 100%;
@@ -157,10 +157,10 @@ import{_ as e,a as t}from"./tslib.es6-86b09138.js";import r,{createContext as n,
   &[data-is-marry-baby='true'] {
     background-color: ${g.mbColors.tonePink};
   }
-`,J=P.div`
+`,J=E.div`
   margin-top: 40px;
   padding: 24px 40px;
-`,Q=P.img`
+`,Q=E.img`
   width: 100%;
   display: block;
-`;export{q as D,O as F,L as M,I as O,_ as S,V as a,B as b,Y as c,G as d,K as e,W as f,F as g,U as h,R as i,Z as j,J as k,Q as l,H as o,N as u};
+`;export{$ as D,O as F,L as M,I as O,_ as S,V as a,q as b,Y as c,G as d,K as e,W as f,F as g,U as h,R as i,Z as j,J as k,Q as l,H as o,N as u};

package/build/esm/{index.styled-d4de3910.js → index.styled-36fe7aba.js}

@@ -1,4 +1,4 @@
-import e from"react";import{M as t}from"./utils-967698bd.js";import o from"styled-components";var i="DjBFAbd";const a=({children:t,className:o,style:a,htmlFor:s,size:r})=>e.createElement("label",{"data-size":r,className:`${i} ${o||""}`,style:a,htmlFor:s},t),s=o.div`
+import e from"react";import{M as t}from"./utils-a3a6589e.js";import o from"styled-components";var i="DjBFAbd";const a=({children:t,className:o,style:a,htmlFor:s,size:r})=>e.createElement("label",{"data-size":r,className:`${i} ${o||""}`,style:a,htmlFor:s},t),s=o.div`
   position: relative;
   width: 100%;