@flarehr/apollo-super-selection 3.63.64333 → 3.66.64919
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/dist/lib/apollo-super-selection/apollo-super-selection.css +1 -1
- package/dist/lib/apollo-super-selection/apollo-super-selection.esm.js +1 -1
- package/dist/lib/apollo-super-selection/assets/logo-active.svg +1 -1
- package/dist/lib/apollo-super-selection/assets/logo-virgin.svg +8 -0
- package/dist/lib/apollo-super-selection/p-0f723eb4.system.js +1 -1
- package/dist/lib/apollo-super-selection/p-7019e8c7.entry.js +14 -0
- package/dist/lib/apollo-super-selection/p-e0743f67.system.entry.js +69 -0
- package/dist/lib/cjs/apollo-super-selection.cjs.js +1 -1
- package/dist/lib/cjs/loader.cjs.js +1 -1
- package/dist/lib/cjs/sss-button_30.cjs.entry.js +60 -43
- package/dist/lib/collection/apollo-super-selection.css +1 -1
- package/dist/lib/collection/components/super-selection-app/app-state-pages/success.js +1 -1
- package/dist/lib/collection/components/super-selection-app/existing-choice/existing-choice.js +31 -23
- package/dist/lib/collection/components/super-selection-app/footer-section/footer-section.js +1 -1
- package/dist/lib/collection/components/super-selection-app/funds/constants.js +2 -2
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/custom-fund.js +3 -3
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/default-fund/default-fund.js +3 -3
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund-inputs.js +2 -2
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/my-own-fund/my-own-fund.js +1 -1
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-fund-inputs.js +1 -1
- package/dist/lib/collection/components/super-selection-app/funds/custom-fund/self-managed-fund/self-managed-fund.js +1 -1
- package/dist/lib/collection/components/super-selection-app/header-section/header-section.js +3 -13
- package/dist/lib/collection/components/super-selection-app/misc/button.js +32 -1
- package/dist/lib/collection/components/super-selection-app/misc/dropdown-async.js +2 -2
- package/dist/lib/collection/components/super-selection-app/services/feature-flag.service.js +3 -1
- package/dist/lib/collection/components/super-selection-app/standard-choice/standard-choice-form.js +4 -4
- package/dist/lib/collection/components/super-selection-app/super-choice-page/assets/logo-active.svg +1 -1
- package/dist/lib/collection/components/super-selection-app/super-choice-page/assets/logo-virgin.svg +8 -0
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-top.js +5 -5
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js +17 -10
- package/dist/lib/esm/apollo-super-selection.js +1 -1
- package/dist/lib/esm/loader.js +1 -1
- package/dist/lib/esm/sss-button_30.entry.js +60 -43
- package/dist/lib/esm-es5/apollo-super-selection.js +1 -1
- package/dist/lib/esm-es5/loader.js +1 -1
- package/dist/lib/esm-es5/sss-button_30.entry.js +2 -2
- package/dist/lib/types/components/super-selection-app/misc/button.d.ts +2 -0
- package/dist/lib/types/components.d.ts +3 -1
- package/package.json +1 -1
- package/dist/lib/apollo-super-selection/p-3633c389.system.entry.js +0 -69
- package/dist/lib/apollo-super-selection/p-ae75dece.entry.js +0 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.left-0{left:0}.z-50{z-index:50}.z-10{z-index:10}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mt-4{margin-top:1rem}.-mt-12{margin-top:-3rem}.-mt-28{margin-top:-7rem}.mt-8{margin-top:2rem}.mt-3{margin-top:.75rem}.ml-6{margin-left:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.mb-3{margin-bottom:.75rem}.ml-0\.5{margin-left:.125rem}.ml-0{margin-left:0}.mt-2{margin-top:.5rem}.mt-0\.5{margin-top:.125rem}.mt-0{margin-top:0}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.-mt-5{margin-top:-1.25rem}.-mr-3\.5{margin-right:-.875rem}.-mr-3{margin-right:-.75rem}.mr-0\.5{margin-right:.125rem}.mr-0{margin-right:0}.mb-2{margin-bottom:.5rem}.mr-1\.5{margin-right:.375rem}.mr-1{margin-right:.25rem}.mt-11{margin-top:2.75rem}.ml-3{margin-left:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-20{height:5rem}.h-8{height:2rem}.h-16{height:4rem}.h-full{height:100%}.h-5{height:1.25rem}.max-h-60{max-height:15rem}.w-20{width:5rem}.w-8{width:2rem}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-5{width:1.25rem}.w-36{width:9rem}.w-1\/2{width:50%}.min-w-0{min-width:0}.max-w-560{max-width:560px}.max-w-\[200px\]{max-width:200px}.max-w-800{max-width:800px}.max-w-400{max-width:400px}.max-w-960{max-width:960px}.max-w-720{max-width:720px}.max-w-\[96px\]{max-width:96px}.max-w-\[80px\]{max-width:80px}.flex-none{flex:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.content-center{align-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.-space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(-1px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(-1px*var(--tw-space-y-reverse))}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1px*var(--tw-space-x-reverse));margin-left:calc(-1px*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-none{border-radius:0}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b-0{border-bottom-width:0}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-transparent{border-color:#0000}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.bg-primary-base{background-color:var(--fl-color-primary)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-hover{background-color:var(--fl-color-primary-hover)}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.fill-primary-base{fill:var(--fl-color-primary)}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-0\.5{padding:.125rem}.p-0{padding:0}.py-20{padding-top:5rem;padding-bottom:5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0{padding-top:0;padding-bottom:0}.px-2{padding-left:.5rem;padding-right:.5rem}.pt-28{padding-top:7rem}.pb-6{padding-bottom:1.5rem}.pl-4{padding-left:1rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.pl-6{padding-left:1.5rem}.pb-8{padding-bottom:2rem}.pt-8{padding-top:2rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-9{padding-right:2.25rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-inter{font-family:Inter,sans-serif}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-8{line-height:2rem}.leading-7{line-height:1.75rem}.leading-6{line-height:1.5rem}.leading-5{line-height:1.25rem}.leading-4{line-height:1rem}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-transparent{color:#0000}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-primary-base{color:var(--fl-color-primary)}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-10{opacity:.1}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invalid\:border-red-300:invalid{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.invalid\:text-red-900:invalid{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.invalid\:placeholder-red-300:invalid::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.invalid\:placeholder-red-300:invalid:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.invalid\:placeholder-red-300:invalid::placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.hover\:bg-primary-hover:hover{background-color:var(--fl-color-primary-hover)}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.focus\:z-10:focus{z-index:10}.focus\:border-primary-base:focus{border-color:var(--fl-color-primary)}.focus\:border-primary-focus:focus{border-color:var(--fl-color-primary-focus)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-primary-focus:focus{--tw-ring-color:var(--fl-color-primary-focus)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.invalid\:focus\:border-red-500:focus:invalid{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.invalid\:focus\:ring-red-500:focus:invalid{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:border-gray-300:disabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}@media (min-width:640px){.sm\:mt-4{margin-top:1rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-20{margin-top:5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-0{margin-bottom:0}.sm\:mr-8{margin-right:2rem}.sm\:w-auto{width:auto}.sm\:max-w-320{max-width:320px}.sm\:flex-row{flex-direction:row}.sm\:justify-start{justify-content:flex-start}.sm\:border-b-0{border-bottom-width:0}.sm\:border-r{border-right-width:1px}.sm\:p-6{padding:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pb-0{padding-bottom:0}.sm\:pr-8{padding-right:2rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pt-12{padding-top:3rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:uppercase{text-transform:uppercase}.sm\:leading-8{line-height:2rem}}@media (min-width:768px){.md\:mt-0{margin-top:0}.md\:ml-0{margin-left:0}.md\:mb-0{margin-bottom:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-\[240px\]{max-width:240px}}@media (min-width:1024px){.lg\:-mr-5{margin-right:-1.25rem}.lg\:mt-2{margin-top:.5rem}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:max-w-full{max-width:100%}.lg\:max-w-none{max-width:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:rounded-tr-none{border-top-right-radius:0}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:rounded-tr-lg{border-top-right-radius:.5rem}.lg\:border-b{border-bottom-width:1px}.lg\:border-b-0{border-bottom-width:0}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
|
|
1
|
+
/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.left-0{left:0}.z-50{z-index:50}.z-10{z-index:10}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mt-4{margin-top:1rem}.-mt-12{margin-top:-3rem}.-mt-28{margin-top:-7rem}.mt-8{margin-top:2rem}.mt-3{margin-top:.75rem}.ml-6{margin-left:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.mb-3{margin-bottom:.75rem}.mt-2{margin-top:.5rem}.mt-0\.5{margin-top:.125rem}.mt-0{margin-top:0}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.-mt-5{margin-top:-1.25rem}.-mr-3\.5{margin-right:-.875rem}.-mr-3{margin-right:-.75rem}.mr-0\.5{margin-right:.125rem}.mr-0{margin-right:0}.mr-1\.5{margin-right:.375rem}.mr-1{margin-right:.25rem}.mt-11{margin-top:2.75rem}.ml-3{margin-left:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-20{height:5rem}.h-8{height:2rem}.h-16{height:4rem}.h-10{height:2.5rem}.h-full{height:100%}.h-5{height:1.25rem}.h-12{height:3rem}.max-h-60{max-height:15rem}.w-20{width:5rem}.w-8{width:2rem}.w-full{width:100%}.w-10{width:2.5rem}.w-auto{width:auto}.w-screen{width:100vw}.w-5{width:1.25rem}.w-36{width:9rem}.w-\[80px\]{width:80px}.w-1\/2{width:50%}.min-w-0{min-width:0}.max-w-560{max-width:560px}.max-w-\[200px\]{max-width:200px}.max-w-800{max-width:800px}.max-w-140{max-width:140px}.max-w-400{max-width:400px}.max-w-960{max-width:960px}.max-w-720{max-width:720px}.max-w-\[96px\]{max-width:96px}.flex-none{flex:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.content-center{align-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.-space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(-1px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(-1px*var(--tw-space-y-reverse))}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1px*var(--tw-space-x-reverse));margin-left:calc(-1px*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-none{border-radius:0}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-tr-lg{border-top-right-radius:.5rem}.rounded-tr-none{border-top-right-radius:0}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b-0{border-bottom-width:0}.border-transparent{border-color:#0000}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.bg-primary-base{background-color:var(--fl-color-primary)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-hover{background-color:var(--fl-color-primary-hover)}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.fill-primary-base{fill:var(--fl-color-primary)}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-0\.5{padding:.125rem}.p-0{padding:0}.py-20{padding-top:5rem;padding-bottom:5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-0{padding-top:0;padding-bottom:0}.pt-28{padding-top:7rem}.pb-6{padding-bottom:1.5rem}.pt-8{padding-top:2rem}.pl-4{padding-left:1rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.pl-6{padding-left:1.5rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-9{padding-right:2.25rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-inter{font-family:Inter,sans-serif}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-8{line-height:2rem}.leading-7{line-height:1.75rem}.leading-6{line-height:1.5rem}.leading-5{line-height:1.25rem}.leading-4{line-height:1rem}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-transparent{color:#0000}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-primary-base{color:var(--fl-color-primary)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-10{opacity:.1}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.ring-offset-1{--tw-ring-offset-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invalid\:border-red-300:invalid{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.invalid\:text-red-900:invalid{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.invalid\:placeholder-red-300:invalid::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.invalid\:placeholder-red-300:invalid:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.invalid\:placeholder-red-300:invalid::placeholder{--tw-placeholder-opacity:1;color:rgb(252 165 165/var(--tw-placeholder-opacity))}.hover\:bg-primary-hover:hover{background-color:var(--fl-color-primary-hover)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-primary-base:hover{background-color:var(--fl-color-primary)}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.hover\:text-primary-hover:hover{color:var(--fl-color-primary-hover)}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.focus\:z-10:focus{z-index:10}.focus\:border-primary-base:focus{border-color:var(--fl-color-primary)}.focus\:border-primary-focus:focus{border-color:var(--fl-color-primary-focus)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-primary-focus:focus{--tw-ring-color:var(--fl-color-primary-focus)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.invalid\:focus\:border-red-500:focus:invalid{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.invalid\:focus\:ring-red-500:focus:invalid{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:border-gray-300:disabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.group:hover .group-hover\:fill-white{fill:#fff}@media (min-width:640px){.sm\:mt-4{margin-top:1rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-20{margin-top:5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-0{margin-bottom:0}.sm\:mr-8{margin-right:2rem}.sm\:mt-2{margin-top:.5rem}.sm\:h-12{height:3rem}.sm\:w-auto{width:auto}.sm\:max-w-\[100px\]{max-width:100px}.sm\:max-w-320{max-width:320px}.sm\:flex-row{flex-direction:row}.sm\:justify-start{justify-content:flex-start}.sm\:border-b-0{border-bottom-width:0}.sm\:border-r{border-right-width:1px}.sm\:p-6{padding:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pb-0{padding-bottom:0}.sm\:pr-8{padding-right:2rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pt-12{padding-top:3rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:leading-8{line-height:2rem}}@media (min-width:768px){.md\:mt-0{margin-top:0}.md\:ml-0{margin-left:0}.md\:mb-0{margin-bottom:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-14{height:3.5rem}.md\:w-\[96px\]{width:96px}.md\:max-w-\[240px\]{max-width:240px}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:-mr-5{margin-right:-1.25rem}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-16{height:4rem}.lg\:w-\[140px\]{width:140px}.lg\:max-w-full{max-width:100%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:rounded-tr-none{border-top-right-radius:0}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:rounded-tr-lg{border-top-right-radius:.5rem}.lg\:border-b{border-bottom-width:1px}.lg\:border-b-0{border-bottom-width:0}.lg\:object-left{-o-object-position:left;object-position:left}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
|
|
@@ -16,7 +16,7 @@ export class Success {
|
|
|
16
16
|
h("p", { class: "mt-4 text-center text-gray-600 leading-7 max-w-560 mx-auto" }, "Your superannuation details have been updated successfully and will be submitted to your employer."),
|
|
17
17
|
h("div", { class: "flex justify-center mt-8" },
|
|
18
18
|
h("div", { class: "max-w-[200px] w-full" },
|
|
19
|
-
h("sss-button", { fillWidth: true, onClick: this.handleContinueButtonClick },
|
|
19
|
+
h("sss-button", { size: "xl", fillWidth: true, onClick: this.handleContinueButtonClick },
|
|
20
20
|
h("span", null, "Continue"))))));
|
|
21
21
|
}
|
|
22
22
|
handleContinueButtonClick(_event) {
|
package/dist/lib/collection/components/super-selection-app/existing-choice/existing-choice.js
CHANGED
|
@@ -47,50 +47,58 @@ export class ExistingChoice {
|
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
49
|
const PromotedFundView = (props) => {
|
|
50
|
-
return (h("div", { class: "flex justify-center
|
|
51
|
-
h("img", { class: "h-16 w-
|
|
50
|
+
return (h("div", { class: "flex justify-center" },
|
|
51
|
+
h("img", { class: "h-16 object-contain w-full max-w-140", alt: getFundNameById(props.id), src: getLogoSrc(props.id) })));
|
|
52
52
|
};
|
|
53
53
|
const MyOwnFundView = () => {
|
|
54
54
|
return (h("div", { class: "flex h-20 justify-center items-center relative" },
|
|
55
55
|
h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
|
|
56
|
-
h("div", { class: "h-
|
|
56
|
+
h("div", { class: "h-10 w-10 absolute" },
|
|
57
57
|
h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" },
|
|
58
|
-
h("path", { d: "
|
|
58
|
+
h("path", { d: "M174.7 111.8C165.1 110.3 160.1 102.1 161.5 93.35C170.4 40.37 216.5 0 272 0C320.8 0 362.3 31.19 377.6 74.67C380.6 82.1 376.2 92.14 367.9 95.09C359.5 98.03 350.4 93.66 347.5 85.33C336.5 54.24 306.8 32 272 32C232.4 32 199.5 60.82 193.1 98.65C191.6 107.4 183.4 113.2 174.7 111.8V111.8zM400 264C400 250.7 410.7 240 424 240C437.3 240 448 250.7 448 264C448 277.3 437.3 288 424 288C410.7 288 400 277.3 400 264zM488.5 125.8L480 159.1C501.1 176.5 519.6 198.5 530.7 224H544C561.7 224 576 238.3 576 256V352C576 369.7 561.7 384 544 384H512C495.5 405.1 473.5 423.6 448 434.7V464C448 490.5 426.5 512 400 512H368C341.5 512 320 490.5 320 464V448H256V464C256 490.5 234.5 512 208 512H176C149.5 512 128 490.5 128 464V416C89.14 386.8 64 340.3 64 288C28.52 287.2 0 258.2 0 222.6C0 197.8 14 175.1 36.18 164L40.84 161.7C48.75 157.7 58.36 160.9 62.31 168.8C66.26 176.7 63.06 186.4 55.16 190.3L50.49 192.6C39.16 198.3 31.1 209.9 31.1 222.6C31.1 241 46.97 256 65.44 256H67.2C82.02 182.1 146.6 128 223.1 128H376.4C394 108.4 419.6 96 448 96H465.3C480.9 96 492.3 110.7 488.5 125.8H488.5zM224 160C153.3 160 96 217.3 96 288C96 329.9 116.1 367 147.2 390.4L160 400V464C160 472.8 167.2 480 176 480H208C216.8 480 224 472.8 224 464V416H352V464C352 472.8 359.2 480 368 480H400C408.8 480 416 472.8 416 464V413.7L435.2 405.4C455.6 396.5 473.2 382.4 486.4 364.8L496 352H544V256H509.7L501.4 236.8C492.5 216.4 478.4 198.8 460.8 185.6L443.8 172.8L455 128H448C429 128 412.1 136.2 400.3 149.3L390.7 160H224z" })))));
|
|
59
59
|
};
|
|
60
60
|
const SelfManagedFundView = () => {
|
|
61
61
|
return (h("div", { class: "flex h-20 justify-center items-center relative" },
|
|
62
62
|
h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
|
|
63
|
-
h("div", { class: "h-
|
|
63
|
+
h("div", { class: "h-10 w-10 absolute" },
|
|
64
64
|
h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", class: "fill-primary-base" },
|
|
65
|
-
h("path", { d: "
|
|
65
|
+
h("path", { d: "M248.9 192H272v48C272 248.8 279.2 256 288 256C296.8 256 304 248.8 304 240V192h23.12C411.4 192 480 113 480 16C480 7.164 472.8 0 464 0h-39.13C364.9 0 313 40.13 288 98.13C263 40.13 211.1 0 151.1 0H112C103.2 0 96 7.164 96 16C96 113 164.6 192 248.9 192zM424.9 32h22.38c-6.625 71.88-58 128-120 128h-22.5C311.4 88.13 362.8 32 424.9 32zM151.1 32C213.3 32 264.5 88.13 271.3 160h-22.5c-62 0-113.4-56.13-120-128H151.1zM558.2 333.6c-9.5-8.619-22-13.37-35.12-13.37c-12.5 0-24.88 4.248-34.62 12.12l-61.45 49.21c-1.928 1.545-4.324 2.385-6.795 2.385h-41.62c4.625-9.619 6.5-20.74 4.75-32.23C379.4 323.7 353.7 304 325.6 304H181.2c-20.75 0-40.1 6.746-57.5 19.24l-38.5 28.73H16c-8.801 0-16 7.195-16 15.99S7.198 383.1 15.1 383.1l80.01-.0238l46.86-35.25c11.12-8.244 24.62-12.74 38.37-12.74h146.7c13.25 0 24 10.74 24 23.99s-10.75 23.98-24 23.98H239.1c-8.75 0-16 7.246-16 15.99c0 8.746 7.25 15.99 16 15.99h180.2c9.625 0 19-3.248 26.62-9.246l61.62-49.22c4.25-3.373 9.5-5.248 14.62-5.248c5 0 9.875 1.75 13.75 5.248c10.12 9.119 9.375 24.48-.875 32.61l-100.7 80.58c-7.584 6.064-17.01 9.369-26.72 9.369H16c-8.801 0-15.1 7.189-15.1 15.98S7.198 512 15.1 512h392.5c17 0 33.38-5.871 46.62-16.37l100.9-80.7c12.25-9.744 19.5-24.36 19.1-39.98C576.5 359.3 569.1 344.2 558.2 333.6z" })))));
|
|
66
66
|
};
|
|
67
67
|
const DefaultFundView = () => {
|
|
68
68
|
return (h("div", { class: "flex h-20 justify-center items-center relative" },
|
|
69
69
|
h("div", { class: "h-20 w-20 rounded-full bg-primary-base opacity-10" }),
|
|
70
|
-
h("div", { class: "h-
|
|
70
|
+
h("div", { class: "h-10 w-10 absolute" },
|
|
71
71
|
h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", class: "fill-primary-base" },
|
|
72
|
-
h("path", { d: "M448 96h-
|
|
72
|
+
h("path", { d: "M448 96h-64V48C384 21.53 362.5 0 336 0h-160C149.5 0 128 21.53 128 48V96H64C28.65 96 0 124.7 0 160v256c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V160C512 124.7 483.3 96 448 96zM160 48C160 39.17 167.2 32 176 32h160C344.8 32 352 39.17 352 48V96H160V48zM480 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V288h144v64c0 8.844 7.156 16 16 16h128c8.844 0 16-7.156 16-16V288H480V416zM208 336V288h96v48H208zM480 256H32V160c0-17.64 14.36-32 32-32h384c17.64 0 32 14.36 32 32V256z" })))));
|
|
73
73
|
};
|
|
74
74
|
return (h("div", null,
|
|
75
75
|
h("div", { class: "text-2xl sm:text-3xl font-bold text-center" }, "Your super choice"),
|
|
76
76
|
h("div", { class: "sm:text-lg text-gray-600 mt-3 sm:mt-4 max-w-800 text-center leading-7" }, "Continue with your chosen fund or choose another fund below."),
|
|
77
77
|
h("div", { class: "flex justify-center mt-8 sm:mt-12" },
|
|
78
78
|
h("div", { class: "max-w-400 w-full" },
|
|
79
|
-
h("div", { class: "flex-col border shadow-sm p-6 rounded-lg text-center
|
|
80
|
-
(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
79
|
+
h("div", { class: "flex-col border shadow-sm p-6 pt-8 rounded-lg text-center" },
|
|
80
|
+
h("div", { class: "space-y-4" },
|
|
81
|
+
(() => {
|
|
82
|
+
switch (this.existingFund.type) {
|
|
83
|
+
case 'Promoted Fund':
|
|
84
|
+
return h(PromotedFundView, { id: this.existingFund.id });
|
|
85
|
+
case 'Self Managed Fund':
|
|
86
|
+
return h(SelfManagedFundView, null);
|
|
87
|
+
case 'My Own Fund':
|
|
88
|
+
return h(MyOwnFundView, null);
|
|
89
|
+
case 'Default Fund':
|
|
90
|
+
return h(DefaultFundView, null);
|
|
91
|
+
}
|
|
92
|
+
})(),
|
|
93
|
+
h("div", { class: "sm:text-lg font-bold leading-6" }, (() => {
|
|
94
|
+
switch (this.existingFund.type) {
|
|
95
|
+
case 'Default Fund':
|
|
96
|
+
return "Employer's default fund";
|
|
97
|
+
default:
|
|
98
|
+
return this.existingFund.name;
|
|
99
|
+
}
|
|
100
|
+
})())),
|
|
101
|
+
h("div", { class: "mt-6" },
|
|
94
102
|
h("sss-button", { fillWidth: true, promiseFn: () => this.handleFundNominationAccepted() }, "Continue with this fund"))),
|
|
95
103
|
h("div", { class: "mt-4" },
|
|
96
104
|
h("sss-button", { fillWidth: true, variant: "secondary", promiseFn: () => this.handleFundNominationDeclined() }, "Choose another fund"))))));
|
|
@@ -5,7 +5,7 @@ export class FooterSection {
|
|
|
5
5
|
render() {
|
|
6
6
|
return (h("div", { class: "text-center text-gray-500 text-xs mt-8 sm:mt-20 w-full max-w-960 mx-auto" },
|
|
7
7
|
h("span", null, "Powered by Flare"),
|
|
8
|
-
h("p", { class: "block text-transparent" },
|
|
8
|
+
h("p", { class: "block text-transparent hover:text-gray-500" },
|
|
9
9
|
"v",
|
|
10
10
|
AppVersion),
|
|
11
11
|
!FeatureFlagService.isNewComplianceEnabled() && (h("p", { class: "mt-4" }, "This page contains factual information only and does not take into account your particular objectives, financial circumstances or needs. If you have questions or need help making a decision about your super fund, you should speak to a licensed financial advice provider. You should consider the relevant super fund's PDS and TMD (if applicable) in deciding whether to apply to join the super fund. Each of the advertised fund's PDS and TMD (if applicable) can be found in their advertisements above. If you are considering joining another fund you can find the PDS and TMD on the fund's website. Your employer and Flare do not endorse or accept responsibility for any financial product advice or services provided by the promoters or trustees of the advertised superannuation funds. Flare do not endorse or accept responsibility for any of their content shown about any of the advertised superannuation funds as they are merely passing on the content as provided without any changes. Flare do not express any opinion or make any recommendation about any of the advertised funds."))));
|
|
@@ -33,7 +33,7 @@ export const AustralianEthical = {
|
|
|
33
33
|
export const Virgin = {
|
|
34
34
|
Id: 'virgin',
|
|
35
35
|
Name: 'Virgin Money Super',
|
|
36
|
-
PdsUrl: 'https://virginmoney.com.au/superannuation/
|
|
36
|
+
PdsUrl: 'https://virginmoney.com.au/superannuation/',
|
|
37
37
|
Abn: '19 905 422 981'
|
|
38
38
|
};
|
|
39
39
|
export const PromotedFundIdList = [
|
|
@@ -89,7 +89,7 @@ export const getLogoSrc = (id) => {
|
|
|
89
89
|
logo = 'logo-slate.png';
|
|
90
90
|
break;
|
|
91
91
|
case Virgin.Id:
|
|
92
|
-
logo = 'logo-
|
|
92
|
+
logo = 'logo-virgin.svg';
|
|
93
93
|
break;
|
|
94
94
|
default:
|
|
95
95
|
return;
|
|
@@ -28,20 +28,20 @@ export class CustomFund {
|
|
|
28
28
|
h("path", { "fill-rule": "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", "clip-rule": "evenodd" })));
|
|
29
29
|
};
|
|
30
30
|
const CheckIcon = () => {
|
|
31
|
-
return (h("svg", { class: "h-5 w-5 fill-primary-base", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
|
|
31
|
+
return (h("svg", { class: "h-5 w-5 fill-primary-base group-hover:fill-white", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
|
|
32
32
|
h("path", { "fill-rule": "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule": "evenodd" })));
|
|
33
33
|
};
|
|
34
34
|
return (h("div", { class: "max-w-560 relative" },
|
|
35
35
|
h("label", { class: "font-medium text-gray-700 text-sm" }, "Which fund would you like to nominate?"),
|
|
36
36
|
h("div", { class: "mt-1 mb-4" },
|
|
37
|
-
h("button", { type: "button", class: "bg-white relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-primary-focus focus:border-primary-base text-sm", onClick: () => (this.showFundOptionsSelection = !this.showFundOptionsSelection) },
|
|
37
|
+
h("button", { type: "button", class: "bg-white relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left cursor-default focus:outline-none focus:ring-1 focus:ring-primary-focus focus:border-primary-base text-base sm:text-sm", onClick: () => (this.showFundOptionsSelection = !this.showFundOptionsSelection) },
|
|
38
38
|
h("span", { class: {
|
|
39
39
|
'block truncate': true,
|
|
40
40
|
'text-gray-500': this.showFundOptionsSelection
|
|
41
41
|
} }, this.showFundOptionsSelection ? 'Select' : this.currentCustomFund.label),
|
|
42
42
|
h("span", { class: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" },
|
|
43
43
|
h(ChevronDownIcon, null))),
|
|
44
|
-
this.showFundOptionsSelection && (h("ul", { class: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none text-sm" }, this.fundOptionsList.map((f) => (h("li", { class: "text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 hover:bg-primary-
|
|
44
|
+
this.showFundOptionsSelection && (h("ul", { class: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none text-base sm:text-sm" }, this.fundOptionsList.map((f) => (h("li", { class: "text-gray-900 cursor-default select-none relative py-2 pl-3 pr-9 group hover:bg-primary-base", onClick: () => {
|
|
45
45
|
this.showFundOptionsSelection = !this.showFundOptionsSelection;
|
|
46
46
|
navigationService.navigateInternally(this.history, f.value);
|
|
47
47
|
} },
|
|
@@ -38,7 +38,7 @@ export class DefaultFund {
|
|
|
38
38
|
h("sss-header-section", { currentPage: "own-fund" }),
|
|
39
39
|
h("div", { class: "flex justify-center mt-11" },
|
|
40
40
|
h("sss-custom-fund", null,
|
|
41
|
-
h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg" },
|
|
41
|
+
h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" },
|
|
42
42
|
h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"),
|
|
43
43
|
h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" },
|
|
44
44
|
h("div", { class: "flex" },
|
|
@@ -48,10 +48,10 @@ export class DefaultFund {
|
|
|
48
48
|
this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", null,
|
|
49
49
|
h("div", { class: "mt-3" },
|
|
50
50
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Fund Name"),
|
|
51
|
-
h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.defaultFundProductName)),
|
|
51
|
+
h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFundProductName)),
|
|
52
52
|
h("div", { class: "mt-3" },
|
|
53
53
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"),
|
|
54
|
-
h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.defaultFund.usi))))),
|
|
54
|
+
h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.defaultFund.usi))))),
|
|
55
55
|
h("div", { class: "flex justify-center mt-8" },
|
|
56
56
|
h("div", { class: "sm:max-w-320 w-full" },
|
|
57
57
|
this.isDefaultFundExists && !this.isInvalidDefaultFund && (h("div", { class: "mb-4" },
|
|
@@ -27,12 +27,12 @@ export class MyOwnFundInputs {
|
|
|
27
27
|
}, showValidationErrors: this.showValidationErrors })),
|
|
28
28
|
O.isSome(this.myOwnFundForm.fundUsi) && (h("div", { class: "mt-3" },
|
|
29
29
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Fund USI"),
|
|
30
|
-
h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-sm" }, this.myOwnFundForm.fundUsi.value)))),
|
|
30
|
+
h("div", { class: "mt-1 shadow-sm px-3 py-2 rounded-md border border-gray-300 bg-gray-50 text-gray-500 text-base sm:text-sm" }, this.myOwnFundForm.fundUsi.value)))),
|
|
31
31
|
h("div", { class: "mt-3" },
|
|
32
32
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Member number"),
|
|
33
33
|
h("div", { class: "mt-1" },
|
|
34
34
|
h("input", { type: "text", class: {
|
|
35
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-sm border-gray-300 rounded-md': true,
|
|
35
|
+
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
|
|
36
36
|
'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
37
37
|
.showValidationErrors
|
|
38
38
|
}, required: true, pattern: "[A-Za-z0-9]{4,16}", name: "memberNumber", id: "memberNumber", value: O.toUndefined(customFundState.myOwnFundForm.memberNumber), onChange: (ev) => this.updateMemberNumber(ev.target.value.trim()) }),
|
|
@@ -27,7 +27,7 @@ export class MyOwnFund {
|
|
|
27
27
|
h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
|
|
28
28
|
'was-validated': this.formState === 'validated'
|
|
29
29
|
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) },
|
|
30
|
-
h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg" },
|
|
30
|
+
h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg" },
|
|
31
31
|
h("p", { class: "sm:text-lg font-bold mb-3" }, "Fund details"),
|
|
32
32
|
h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-3 sm:mb-4" },
|
|
33
33
|
h("div", { class: "flex" },
|
|
@@ -24,7 +24,7 @@ export class SelfManagedFundInputs {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
const inputClass = {
|
|
27
|
-
'relative shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-sm border-gray-300 rounded-md focus:z-10': true,
|
|
27
|
+
'relative shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md focus:z-10': true,
|
|
28
28
|
'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
29
29
|
.showValidationErrors
|
|
30
30
|
};
|
|
@@ -55,7 +55,7 @@ export class SelfManagedFund {
|
|
|
55
55
|
h("form", { noValidate: true, onSubmit: (ev) => ev.preventDefault(), class: {
|
|
56
56
|
'was-validated': this.formState === 'validated'
|
|
57
57
|
}, ref: (el) => (this.formElement = el) },
|
|
58
|
-
h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg max-w-560" },
|
|
58
|
+
h("div", { class: "p-4 sm:p-6 pb-6 sm:pb-8 border shadow-sm rounded-lg max-w-560" },
|
|
59
59
|
h("p", { class: "sm:text-lg font-bold" }, "Fund details"),
|
|
60
60
|
h("div", { class: "bg-yellow-50 border-l-4 border-yellow-400 p-4 my-3" },
|
|
61
61
|
h("div", { class: "flex" },
|
|
@@ -7,20 +7,10 @@ export class HeaderSection {
|
|
|
7
7
|
h("div", { class: "text-center max-w-800" },
|
|
8
8
|
h("h3", { class: "font-bold mb-3 sm:mb-4 text-2xl sm:text-3xl" }, "Nominate a super fund"),
|
|
9
9
|
FeatureFlagService.isNewComplianceEnabled() && (h(Fragment, null,
|
|
10
|
-
h("div", { class: "text-gray-600 sm:text-lg leading-7 sm:leading-8" }, "You can choose any super fund, including your current fund/SMSF, your employer\u2019s default fund, or alternatively, you can select from one of the featured
|
|
10
|
+
h("div", { class: "text-gray-600 sm:text-lg leading-7 sm:leading-8" }, "You can choose any super fund, including your current fund/SMSF, your employer\u2019s default fund, or alternatively, you can select from one of the featured\u00A0funds."),
|
|
11
11
|
h("div", { class: "inline-flex mt-8 sm:mt-12 bg-primary-base rounded-lg p-0.5 whitespace-normal" },
|
|
12
|
-
h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
|
|
13
|
-
|
|
14
|
-
'py-2 text-sm font-medium w-auto px-3 sm:px-8 rounded-md h-full': true,
|
|
15
|
-
'bg-white border-gray-200 text-gray-900 shadow-sm': this.currentPage === 'choice',
|
|
16
|
-
'border border-transparent text-gray-700 focus:outline-none focus:ring-2 focus:ring-primary-focus focus:z-10 hover:bg-primary-hover': this.currentPage !== 'choice'
|
|
17
|
-
} }, "Featured super funds")),
|
|
18
|
-
h("stencil-route-link", { url: SuperSelectionAppRoutes.MyOwnFund },
|
|
19
|
-
h("button", { type: "button", class: {
|
|
20
|
-
'ml-0.5 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full': true,
|
|
21
|
-
'bg-white border-gray-200 text-gray-900 shadow-sm': this.currentPage === 'own-fund',
|
|
22
|
-
'border border-transparent text-gray-700 focus:outline-none focus:ring-2 focus:ring-primary-focus focus:z-10 hover:bg-primary-hover': this.currentPage !== 'own-fund'
|
|
23
|
-
} }, "Choose another fund"))))))));
|
|
12
|
+
h("stencil-route-link", { exact: true, url: SuperSelectionAppRoutes.ChoicePage, anchorClass: "hover:bg-primary-hover block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus relative focus:z-10 border border-transparent text-gray-700 text-white rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full", activeClass: "hover:bg-white block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full bg-white border-gray-200 text-gray-900 shadow-sm text-primary-base" }, "Featured super funds"),
|
|
13
|
+
h("stencil-route-link", { exact: true, url: SuperSelectionAppRoutes.MyOwnFund, anchorClass: "hover:bg-primary-hover block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 border border-transparent text-gray-700 text-white rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full", activeClass: "hover:bg-white block focus:outline-none focus:ring-2 ring-offset-1 focus:ring-primary-focus focus:z-10 rounded-md py-2 text-sm font-medium w-auto px-3 sm:px-8 h-full bg-white border-gray-200 text-gray-900 shadow-sm text-primary-base" }, "Choose another fund")))))));
|
|
24
14
|
}
|
|
25
15
|
static get is() { return "sss-header-section"; }
|
|
26
16
|
static get properties() { return {
|
|
@@ -11,13 +11,22 @@ export class Button {
|
|
|
11
11
|
this.fillWidthOnMobile = false;
|
|
12
12
|
this.disabled = false;
|
|
13
13
|
this.variant = 'primary';
|
|
14
|
+
this.size = 'base';
|
|
14
15
|
this.promiseFn = () => Promise.resolve();
|
|
15
16
|
// eslint-disable-next-line @typescript-eslint/member-ordering
|
|
16
17
|
this.state = PromiseButtonState.Available;
|
|
17
18
|
}
|
|
18
19
|
render() {
|
|
20
|
+
const sizeCss = {
|
|
21
|
+
xs: 'px-2.5 py-1.5 text-xs',
|
|
22
|
+
base: 'px-4 py-2 text-base',
|
|
23
|
+
xl: 'px-6 py-3 text-base'
|
|
24
|
+
};
|
|
19
25
|
return (h("button", { class: {
|
|
20
|
-
|
|
26
|
+
[sizeCss[this.size]]: true,
|
|
27
|
+
'inline-flex items-center justify-center border font-medium': true,
|
|
28
|
+
'rounded-md shadow-sm focus:outline-none focus:ring-2': true,
|
|
29
|
+
'focus:ring-offset-2 focus:ring-primary-focus pointer-events-auto': true,
|
|
21
30
|
'disabled:pointer-events-none disabled:border-gray-300 disabled:bg-gray-100 disabled:text-gray-400': true,
|
|
22
31
|
'border-transparent text-white bg-primary-base hover:bg-primary-hover': this.variant === 'primary',
|
|
23
32
|
'border-gray-300 text-gray-700 bg-white hover:bg-gray-50': this.variant === 'secondary',
|
|
@@ -119,6 +128,28 @@ export class Button {
|
|
|
119
128
|
"reflect": false,
|
|
120
129
|
"defaultValue": "'primary'"
|
|
121
130
|
},
|
|
131
|
+
"size": {
|
|
132
|
+
"type": "string",
|
|
133
|
+
"mutable": false,
|
|
134
|
+
"complexType": {
|
|
135
|
+
"original": "ButtonSize",
|
|
136
|
+
"resolved": "\"base\" | \"xl\" | \"xs\"",
|
|
137
|
+
"references": {
|
|
138
|
+
"ButtonSize": {
|
|
139
|
+
"location": "local"
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
"required": false,
|
|
144
|
+
"optional": false,
|
|
145
|
+
"docs": {
|
|
146
|
+
"tags": [],
|
|
147
|
+
"text": ""
|
|
148
|
+
},
|
|
149
|
+
"attribute": "size",
|
|
150
|
+
"reflect": false,
|
|
151
|
+
"defaultValue": "'base'"
|
|
152
|
+
},
|
|
122
153
|
"promiseFn": {
|
|
123
154
|
"type": "unknown",
|
|
124
155
|
"mutable": false,
|
|
@@ -38,7 +38,7 @@ export class SelectInputAsync {
|
|
|
38
38
|
return (h("span", { class: "cursor-pointer text-gray-500 py-1.5 pl-4" }, "No items match your search"));
|
|
39
39
|
}
|
|
40
40
|
return this.filteredOptions.map((option, _index) => (h("div", { class: {
|
|
41
|
-
'cursor-pointer text-wrap hover:bg-primary-
|
|
41
|
+
'cursor-pointer text-wrap hover:bg-primary-base py-1.5 pl-4': true,
|
|
42
42
|
'bg-primary-base': this.isOptionSelected(option)
|
|
43
43
|
}, onClick: (_event) => {
|
|
44
44
|
this.toggleDropdown(false);
|
|
@@ -135,7 +135,7 @@ export class SelectInputAsync {
|
|
|
135
135
|
return (h(Host, null,
|
|
136
136
|
h("div", { class: "relative" },
|
|
137
137
|
h("input", { type: "text", class: {
|
|
138
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-sm border-gray-300 rounded-md': true,
|
|
138
|
+
'shadow-sm focus:ring-primary-focus focus:border-primary-base block w-full text-base sm:text-sm border-gray-300 rounded-md': true,
|
|
139
139
|
'invalid:border-red-300 invalid:text-red-900 invalid:placeholder-red-300 invalid:focus:ring-red-500 invalid:focus:border-red-500': this
|
|
140
140
|
.showValidationErrors
|
|
141
141
|
}, placeholder: this.placeholder, required: this.required, disabled: this.disabled, value: this.inputValue, ref: (el) => (this.inputElement = el) }),
|
|
@@ -2,6 +2,8 @@ import superSelectionAppService from '../services/super-selection-app.service';
|
|
|
2
2
|
export class FeatureFlagService {
|
|
3
3
|
static isNewComplianceEnabled() {
|
|
4
4
|
const whitelistedPartners = [
|
|
5
|
+
'APOLLO-PARTNER-DEV',
|
|
6
|
+
'APOLLO-PARTNER-TEST',
|
|
5
7
|
'PARTNER-TEST-FLARE',
|
|
6
8
|
'962e142f-df98-460e-92ed-2c4e24149c91',
|
|
7
9
|
'8ad88c67-d446-4c30-8321-f896e1b7643b',
|
|
@@ -10,7 +12,7 @@ export class FeatureFlagService {
|
|
|
10
12
|
'cf602138-c843-4c4a-a407-635ba0bf9612',
|
|
11
13
|
'4257a264-863e-4e03-8b07-b9c0328c0557',
|
|
12
14
|
'df9b837f-7f38-41ff-9073-9265106eb231',
|
|
13
|
-
'd6855e49-0412-4600-9b66-c61f0dfc25df'
|
|
15
|
+
'd6855e49-0412-4600-9b66-c61f0dfc25df' // PageUp (Sandbox)
|
|
14
16
|
];
|
|
15
17
|
return whitelistedPartners.includes(superSelectionAppService.partnerIdOrDefault);
|
|
16
18
|
}
|
package/dist/lib/collection/components/super-selection-app/standard-choice/standard-choice-form.js
CHANGED
|
@@ -17,14 +17,14 @@ export class StandardChoiceFormInputDefaultFund {
|
|
|
17
17
|
h("div", { class: "p-4 sm:p-6 border shadow-sm rounded-lg flex flex-col sm:flex-row" },
|
|
18
18
|
standardChoiceFormState.promotedFundId &&
|
|
19
19
|
getLogoSrc(standardChoiceFormState.promotedFundId) && (h("div", { class: "pb-4 mb-4 border-b flex justify-center sm:pb-0 sm:mb-0 sm:border-b-0 sm:pr-8 sm:mr-8 sm:border-r sm:justify-start" },
|
|
20
|
-
h("img", { class: "h-16 w-
|
|
20
|
+
h("img", { class: "h-16 max-w-140 sm:h-12 sm:max-w-[100px] object-contain", alt: standardChoiceFormState.fundName, src: getLogoSrc(standardChoiceFormState.promotedFundId) }))),
|
|
21
21
|
h("div", { class: "flex justify-between w-full" },
|
|
22
22
|
h("div", null,
|
|
23
|
-
h("div", { class: "text-xs font-semibold text-gray-500
|
|
23
|
+
h("div", { class: "text-xs font-semibold text-gray-500 uppercase" }, "Nominated fund"),
|
|
24
24
|
h("div", { class: "text-sm mt-2" }, standardChoiceFormState.fundName)),
|
|
25
25
|
h("div", { class: "grid content-center ml-4" },
|
|
26
26
|
h("stencil-route-link", { url: SuperSelectionAppRoutes.ChoicePage },
|
|
27
|
-
h("sss-button", { variant: "secondary" }, "Change"))))),
|
|
27
|
+
h("sss-button", { size: "xs", variant: "secondary" }, "Change"))))),
|
|
28
28
|
h("div", { class: "mt-4 p-4 sm:p-6 border shadow-sm rounded-lg" },
|
|
29
29
|
h("div", { class: "sm:text-lg font-bold" }, "Superannuation Standard Choice Form"),
|
|
30
30
|
h("div", { class: "bg-blue-50 border-l-4 border-blue-400 p-4 mt-3" },
|
|
@@ -39,7 +39,7 @@ export class StandardChoiceFormInputDefaultFund {
|
|
|
39
39
|
}, ref: (el) => (this.formElement = el), onInput: (_) => (this.isSubmitDisabled = !this.formElement.checkValidity()) },
|
|
40
40
|
h("label", { class: "text-sm font-medium text-gray-700" }, "Type your full name"),
|
|
41
41
|
h("input", { type: "text", autocomplete: "off", class: {
|
|
42
|
-
'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-sm border-gray-300 rounded-md mt-1': true,
|
|
42
|
+
'shadow-sm focus:ring-primary-focus focus:border-primary-focus w-full text-base sm:text-sm border-gray-300 rounded-md mt-1': true,
|
|
43
43
|
'invalid:border-red-300 invalid:text-red-900 invalid:focus:ring-red-500 invalid:focus:border-red-500': this.formState === 'validated'
|
|
44
44
|
}, required: true, minlength: "2", name: "standardChoiceFormSignature", id: "standardChoiceFormSignature", value: this.standardChoiceFormSignature, onInput: (event) => (this.standardChoiceFormSignature = event.target.value) }),
|
|
45
45
|
h("div", { class: "invalid-feedback mt-2 text-sm text-red-600" }, "Type your full name"),
|
package/dist/lib/collection/components/super-selection-app/super-choice-page/assets/logo-active.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Artwork" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="
|
|
1
|
+
<svg version="1.1" id="Artwork" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 977.38 292.8" xml:space="preserve"><style>.st0{fill:#003822}</style><path class="st0" d="M973.53 162.53c-10.77-12.87-30.75-12.41-54.01-5.01 0 0-143.94 86.02-143.93 86.02-4.02 13.37-9.98 41.26-10.84 47.02 0 0 27.01.01 35.56 0 .76-8.82.55-27.11 3.63-38.45 110.38 24.14 192.48-64.58 169.59-89.58z"/><radialGradient id="SVGID_1_" cx="918.314" cy="170.024" r="284.353" fx="928.628" fy="169.488" gradientTransform="matrix(.7772 .6293 -.823 1.0164 344.555 -580.675)" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#003822"/><stop offset=".758" stop-color="#002418"/></radialGradient><path d="M726.5 73.27c2.51-31.93 14.67-80.55 58.74-72.35 55.93 10.41 52.09 80.45 51.09 92.94 20.96-17.91 79.46-49.71 106.14-18.06 60.53 71.83-166.88 167.74-166.88 167.74L726.5 73.27z" fill="url(#SVGID_1_)"/><path class="st0" d="M669.99 31.17c72.99-14.79 105.59 212.37 105.59 212.37-96.75-38.61-148.64-202.66-105.59-212.37z"/><path d="M736.46 184.03c-.36-3.02-.27-5.23.07-8.25l8.08-.97c.73 4.69.6 11.32 5.24 13.64 2.27 1 6.32.16 7.64-1.81 1.53-1.75 1.14-5.56.42-7.89-1-3.32-3.09-5.63-5.65-8.2l-12.4-11.62c-4.24-4.34-7.18-8.79-7.88-14.77-1.33-9.15 4.68-16.65 13.94-17.46 14.35-1.84 19.09 8.64 17.32 21.02l-8.04.96c-.33-3.71-1.18-9.31-2.96-11.46-1.28-1.82-3.1-2.59-5.46-2.31-7.02.52-5.9 9.29-2.42 13.15 5.06 5.81 17.97 15.95 21.51 22.63 3.6 6 4.3 14.75-.27 20.3-4.09 5.31-13.29 6.89-19.32 5.38-6-1.4-9.23-6.61-9.82-12.34m34.53-11.44c1.14 11.34 6.37 21.75 18.9 19.78 12.69-1.03 15.41-12.33 13.86-23.7l-5.7-47.6-10.38 1.24 6.03 50.38c.5 4.84 1.09 11.2-4.75 11.83-5.83.75-6.45-5.67-7.12-10.41l-6.03-50.38-10.5 1.26 5.69 47.6zm46.79-13.15l-3.9-32.55c12.12-1.96 11.47 7.95 12.66 16.77.94 7.43.62 14.99-8.24 15.72l-.52.06zm-7 29.82l10.42-1.25-2.5-20.92c15.58-1.12 20.21-11.92 18.32-26.64-.36-3.66-1.11-8.21-2.35-10.9-5.87-14.48-20.06-10.28-32.12-9.01l8.23 68.72zm34.64-4.15l25.87-3.1-.98-8.21-15.45 1.85-2.82-23.54 11.63-1.39-.98-8.21-11.63 1.39-2.46-20.56 15.05-1.8-.98-8.21-25.47 3.05 8.22 68.73zm35.68-37.98l-3.34-27.88c7.78-1.28 11.86.63 12.69 8.85.91 8.25 3.52 17.95-7.78 18.85l-1.57.18zm-6.24 34.46l10.22-1.22-3.08-25.72 3.9-.47 12.21 24.62 11.03-1.32-14.31-26.16c6.74-4.7 7.43-12.23 6.51-20.94-.32-3.31-1.03-7.16-2.16-9.56-5.83-13.85-21.05-9.02-32.54-7.96l8.22 68.73z" fill="#9adf20"/><path class="st0" d="M65.51 99.29l4.06-21.76 11.39 139.71H50.88L65.51 99.29zM51.6 48.89L0 290.67h40.16l3.98-43.32h44.7l3.19 43.32h36.93L86.24 48.89H51.6zm154.33 164.49c-.29 8.09.96 28.86-1.48 36.17-3.45 13.35-13.57 18.85-25.91 13.58-10.97-5.68-10.52-24.55-10.83-37.3.52-13.72-1.35-118.87 1.34-129.81 1.61-8.39 3.62-15.41 10.27-19.25 8.54-3.95 17.42-2.56 21.8 7.94 2.92 6.61 4.39 16.56 4.39 29.86v12.32h29.72c4.05-20.88 6.56-47.82-7.71-65.04-12-14.23-32.6-16.77-51.67-14.23-15.38 2.17-28.86 11-36.31 25.69-7.9 15.75-10.29 32.77-10.33 53.02v85.63c.16 25.02 3.72 51.22 20.73 67.6 10.52 9.95 24.37 13.36 38.01 13.23 35.6-.46 51.65-20.61 51.52-57.04v-22.37h-33.54zM492.92 48.89l-29.29 211.4L438 48.89h-37.51l47.19 241.71 38.6.07L530.3 48.89h-37.38zm77.3 209.81l2.9-79.71 40.44-1.64.47-27.24h-44.9l2.96-71.67 53.97-.67V48.89h-82.69l-6.92 241.78h91.02l.97-37.55-58.22 5.58zm-179.97-35.89L388.73 48.9h-29.58l-2.29 241.78 39.78-.07-6.39-67.8zM250.67 48.89l-3.19 29.51 35.09 4.79-1.6 207.48h34.27V80.94l31.93-.13V48.89h-96.5z"/></svg>
|