@flarehr/apollo-super-selection 4.29.30453 → 4.30.31017
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-hesta.svg +5 -0
- package/dist/lib/apollo-super-selection/p-bdcfc026.system.js +1 -1
- package/dist/lib/apollo-super-selection/p-cb5632d9.entry.js +14 -0
- package/dist/lib/apollo-super-selection/p-e32970b5.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 +227 -111
- package/dist/lib/collection/apollo-super-selection.css +1 -1
- package/dist/lib/collection/components/app-host/super-selection-app-host.js +4 -0
- package/dist/lib/collection/components/super-selection-app/api/super-selection.api.dto.js +46 -0
- package/dist/lib/collection/components/super-selection-app/api/super-selection.api.js +20 -1
- package/dist/lib/collection/components/super-selection-app/existing-choice/existing-choice.js +12 -1
- package/dist/lib/collection/components/super-selection-app/funds/constants.js +3 -1
- package/dist/lib/collection/components/super-selection-app/funds/promoted-fund/funds/hesta-default.js +26 -8
- package/dist/lib/collection/components/super-selection-app/funds/promoted-fund/funds/virgin.js +1 -1
- package/dist/lib/collection/components/super-selection-app/funds/promoted-fund/services/promoted-fund-join-v2-iframe-builder.js +2 -1
- package/dist/lib/collection/components/super-selection-app/funds/promoted-fund/types.js +1 -1
- package/dist/lib/collection/components/super-selection-app/misc/dropdown-async.js +2 -0
- package/dist/lib/collection/components/super-selection-app/super-choice-page/assets/logo-hesta.svg +5 -0
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-bottom.js +19 -2
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-top.js +27 -4
- package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js +12 -7
- 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 +227 -111
- 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 +9 -9
- package/dist/lib/types/components/super-selection-app/api/super-selection.api.dto.d.ts +2 -0
- package/dist/lib/types/components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-bottom.d.ts +1 -0
- package/dist/lib/types/components/super-selection-app/super-choice-page/super-choice-item/super-choice-item-top.d.ts +1 -0
- package/dist/lib/types/components.d.ts +4 -0
- package/package.json +1 -1
- package/dist/lib/apollo-super-selection/p-16367be3.system.entry.js +0 -69
- package/dist/lib/apollo-super-selection/p-29a35f2a.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}.z-50{z-index:50}.z-10{z-index:10}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.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}.ml-4{margin-left:1rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mb-4{margin-bottom:1rem}.mt-10{margin-top:2.5rem}.-mt-5{margin-top:-1.25rem}.-mr-3\.5{margin-right:-.875rem}.-mr-3{margin-right:-.75rem}.mr-1{margin-right:.25rem}.mr-0\.5{margin-right:.125rem}.mr-0{margin-right:0}.mr-1\.5{margin-right:.375rem}.mt-11{margin-top:2.75rem}.ml-3{margin-left:.75rem}.mb-8{margin-bottom:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.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-9{height:2.25rem}.h-6{height:1.5rem}.h-80{height:20rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-px{height:1px}.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-\[327px\]{width:327px}.w-\[220px\]{width:220px}.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}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) 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}.list-decimal{list-style-type:decimal}.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-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-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{border-radius:.25rem}.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-l-4{border-left-width:4px}.border-b{border-bottom-width:1px}.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-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/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}.pl-5{padding-left:1.25rem}.pt-2{padding-top:.5rem}.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}.text-tiny{font-size:.625rem}.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}.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-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\:w-full{width:100%}.sm\:w-\[440px\]{width:440px}.sm\:w-\[720px\]{width:720px}.sm\:w-\[560px\]{width:560px}.sm\:w-\[200px\]{width:200px}.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}}
|
|
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}.z-50{z-index:50}.z-10{z-index:10}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.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}.ml-4{margin-left:1rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mb-4{margin-bottom:1rem}.mt-10{margin-top:2.5rem}.-mt-5{margin-top:-1.25rem}.-mr-3\.5{margin-right:-.875rem}.-mr-3{margin-right:-.75rem}.mr-1{margin-right:.25rem}.mr-0\.5{margin-right:.125rem}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.mr-1\.5{margin-right:.375rem}.mt-11{margin-top:2.75rem}.ml-3{margin-left:.75rem}.mb-8{margin-bottom:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.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-9{height:2.25rem}.h-6{height:1.5rem}.h-80{height:20rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-px{height:1px}.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-\[327px\]{width:327px}.w-\[220px\]{width:220px}.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}.max-w-full{max-width:100%}.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}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) 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}.list-decimal{list-style-type:decimal}.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-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-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{border-radius:.25rem}.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-l-4{border-left-width:4px}.border-b{border-bottom-width:1px}.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-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/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}.object-left{-o-object-position:left;object-position:left}.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}.pl-5{padding-left:1.25rem}.pt-2{padding-top:.5rem}.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}.text-tiny{font-size:.625rem}.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}.underline-offset-2{text-underline-offset:2px}.opacity-10{opacity:.1}.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-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\:w-full{width:100%}.sm\:w-\[440px\]{width:440px}.sm\:w-\[720px\]{width:720px}.sm\:w-\[560px\]{width:560px}.sm\:w-\[200px\]{width:200px}.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}}
|
|
@@ -2,6 +2,7 @@ import { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observe
|
|
|
2
2
|
import { Component, getAssetPath, h, Host, State } from '@stencil/core';
|
|
3
3
|
import { isNone, toUndefined } from 'fp-ts/lib/Option';
|
|
4
4
|
import initHost from '../../global/init-host';
|
|
5
|
+
import { assertExhaustive } from '../../utils';
|
|
5
6
|
import iframe from '../../utils/iframe';
|
|
6
7
|
import appInsights from '../app-host/services/appinsights.service';
|
|
7
8
|
import appConfigurationQuery from './services/app-configuration.query';
|
|
@@ -64,6 +65,9 @@ export class SuperSelectionAppHost {
|
|
|
64
65
|
return () => h("sss-loading-page", null);
|
|
65
66
|
case AuthenticationState.Error:
|
|
66
67
|
return () => h("h1", null, "Authentication Error");
|
|
68
|
+
default:
|
|
69
|
+
assertExhaustive(this.sessionState);
|
|
70
|
+
return () => h("h1", null, "Authentication Error");
|
|
67
71
|
}
|
|
68
72
|
}
|
|
69
73
|
static get is() { return "super-selection-app-host"; }
|
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
import { none, some } from 'fp-ts/Option';
|
|
2
2
|
import { assertExhaustive } from '../../../utils';
|
|
3
|
+
export function hydratePromotedFundChoiceDtoKind(dto) {
|
|
4
|
+
if ('slate' in dto) {
|
|
5
|
+
dto.kind = 'slate';
|
|
6
|
+
}
|
|
7
|
+
else if ('australianRetirementTrust' in dto) {
|
|
8
|
+
dto.kind = 'australianRetirementTrust';
|
|
9
|
+
}
|
|
10
|
+
else if ('aware' in dto) {
|
|
11
|
+
dto.kind = 'aware';
|
|
12
|
+
}
|
|
13
|
+
else if ('active' in dto) {
|
|
14
|
+
dto.kind = 'active';
|
|
15
|
+
}
|
|
16
|
+
else if ('australianEthical' in dto) {
|
|
17
|
+
dto.kind = 'australianEthical';
|
|
18
|
+
}
|
|
19
|
+
else if ('virgin' in dto) {
|
|
20
|
+
dto.kind = 'virgin';
|
|
21
|
+
}
|
|
22
|
+
else if ('spirit' in dto) {
|
|
23
|
+
dto.kind = 'spirit';
|
|
24
|
+
}
|
|
25
|
+
else if ('firstSuper' in dto) {
|
|
26
|
+
dto.kind = 'firstSuper';
|
|
27
|
+
}
|
|
28
|
+
else if ('mercerMyChoice' in dto) {
|
|
29
|
+
dto.kind = 'mercerMyChoice';
|
|
30
|
+
}
|
|
31
|
+
}
|
|
3
32
|
function getPromotedFundUsi(dto) {
|
|
4
33
|
switch (dto.kind) {
|
|
5
34
|
case 'slate':
|
|
@@ -82,3 +111,20 @@ export function getSuperChoiceMemberNumber(dto) {
|
|
|
82
111
|
return none;
|
|
83
112
|
}
|
|
84
113
|
}
|
|
114
|
+
export function hydrateSuperChoiceDetailsDtoKind(dto) {
|
|
115
|
+
if ('promoted' in dto) {
|
|
116
|
+
dto.kind = 'Promoted';
|
|
117
|
+
}
|
|
118
|
+
else if ('myOwnFund' in dto) {
|
|
119
|
+
dto.kind = 'MyOwnFund';
|
|
120
|
+
}
|
|
121
|
+
else if ('smsf' in dto) {
|
|
122
|
+
dto.kind = 'SMSF';
|
|
123
|
+
}
|
|
124
|
+
else if ('default' in dto) {
|
|
125
|
+
dto.kind = 'Default';
|
|
126
|
+
}
|
|
127
|
+
else if ('promotedDefault' in dto) {
|
|
128
|
+
dto.kind = 'PromotedDefault';
|
|
129
|
+
}
|
|
130
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import { assertExhaustive } from '../../../utils';
|
|
1
2
|
import { buildBackendApiClient } from './api-client';
|
|
3
|
+
import { hydratePromotedFundChoiceDtoKind, hydrateSuperChoiceDetailsDtoKind } from './super-selection.api.dto';
|
|
2
4
|
export class SuperSelectionApi {
|
|
3
5
|
async getAustralianFundsAsync(searchFilter, includeInactive = false) {
|
|
4
6
|
return buildBackendApiClient()
|
|
@@ -20,13 +22,30 @@ export class SuperSelectionApi {
|
|
|
20
22
|
.json();
|
|
21
23
|
}
|
|
22
24
|
async getAppStateAsync() {
|
|
23
|
-
|
|
25
|
+
var _a;
|
|
26
|
+
const response = await buildBackendApiClient()
|
|
24
27
|
.url('client-app-state')
|
|
25
28
|
.get()
|
|
26
29
|
.notFound(() => {
|
|
27
30
|
throw new Error('Failed to fetch application configuration.');
|
|
28
31
|
})
|
|
29
32
|
.json();
|
|
33
|
+
if ((_a = response.superBuyer.superChoice) === null || _a === void 0 ? void 0 : _a.choiceDetails) {
|
|
34
|
+
hydrateSuperChoiceDetailsDtoKind(response.superBuyer.superChoice.choiceDetails);
|
|
35
|
+
switch (response.superBuyer.superChoice.choiceDetails.kind) {
|
|
36
|
+
case 'Promoted':
|
|
37
|
+
hydratePromotedFundChoiceDtoKind(response.superBuyer.superChoice.choiceDetails.promoted);
|
|
38
|
+
break;
|
|
39
|
+
case 'Default':
|
|
40
|
+
case 'MyOwnFund':
|
|
41
|
+
case 'PromotedDefault':
|
|
42
|
+
case 'SMSF':
|
|
43
|
+
break;
|
|
44
|
+
default:
|
|
45
|
+
assertExhaustive(response.superBuyer.superChoice.choiceDetails);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return response;
|
|
30
49
|
}
|
|
31
50
|
async getCampaignConnectAsync() {
|
|
32
51
|
return buildBackendApiClient()
|
package/dist/lib/collection/components/super-selection-app/existing-choice/existing-choice.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Component, h, Prop, State } from '@stencil/core';
|
|
2
2
|
import { isSome } from 'fp-ts/Option';
|
|
3
|
+
import { assertExhaustive } from '../../../utils';
|
|
3
4
|
import { getFundNameByFundId, getLogoSrcByFundId } from '../funds/constants';
|
|
4
5
|
import { EventTrackingService } from '../services/event-tracking.service';
|
|
5
6
|
import existingFundService from '../services/existing-super-choice-info.service';
|
|
@@ -80,6 +81,7 @@ export class ExistingChoice {
|
|
|
80
81
|
(() => {
|
|
81
82
|
switch (this.existingFund.type) {
|
|
82
83
|
case 'Promoted Fund':
|
|
84
|
+
case 'Promoted Default Fund':
|
|
83
85
|
return h(PromotedFundView, { id: this.existingFund.id });
|
|
84
86
|
case 'Self Managed Fund':
|
|
85
87
|
return h(SelfManagedFundView, null);
|
|
@@ -87,14 +89,23 @@ export class ExistingChoice {
|
|
|
87
89
|
return h(MyOwnFundView, null);
|
|
88
90
|
case 'Default Fund':
|
|
89
91
|
return h(DefaultFundView, null);
|
|
92
|
+
default:
|
|
93
|
+
assertExhaustive(this.existingFund);
|
|
94
|
+
return h("div", null);
|
|
90
95
|
}
|
|
91
96
|
})(),
|
|
92
97
|
h("div", { class: "sm:text-lg font-bold leading-6" }, (() => {
|
|
93
98
|
switch (this.existingFund.type) {
|
|
94
99
|
case 'Default Fund':
|
|
95
100
|
return "Employer's default fund";
|
|
96
|
-
|
|
101
|
+
case 'My Own Fund':
|
|
102
|
+
case 'Promoted Fund':
|
|
103
|
+
case 'Self Managed Fund':
|
|
104
|
+
case 'Promoted Default Fund':
|
|
97
105
|
return this.existingFund.name;
|
|
106
|
+
default:
|
|
107
|
+
assertExhaustive(this.existingFund);
|
|
108
|
+
return '';
|
|
98
109
|
}
|
|
99
110
|
})())),
|
|
100
111
|
h("div", { class: "mt-6" },
|
|
@@ -5,6 +5,7 @@ import australianEthical from './promoted-fund/funds/australian-ethical';
|
|
|
5
5
|
import australianRetirementTrust from './promoted-fund/funds/australian-retirement-trust';
|
|
6
6
|
import aware from './promoted-fund/funds/aware';
|
|
7
7
|
import first from './promoted-fund/funds/first';
|
|
8
|
+
import hestaDefault from './promoted-fund/funds/hesta-default';
|
|
8
9
|
import mercerMyChoice from './promoted-fund/funds/mercermychoice';
|
|
9
10
|
import slate, { slateUsi } from './promoted-fund/funds/slate';
|
|
10
11
|
import spirit from './promoted-fund/funds/spirit';
|
|
@@ -18,7 +19,8 @@ const fundsById = {
|
|
|
18
19
|
[virgin.fundId]: virgin,
|
|
19
20
|
[spirit.fundId]: spirit,
|
|
20
21
|
[first.fundId]: first,
|
|
21
|
-
[mercerMyChoice.fundId]: mercerMyChoice
|
|
22
|
+
[mercerMyChoice.fundId]: mercerMyChoice,
|
|
23
|
+
[hestaDefault.fundId]: hestaDefault
|
|
22
24
|
};
|
|
23
25
|
export const allPromotedFunds = Object.values(fundsById);
|
|
24
26
|
export const getFundByDtoPropName = (dtoPropName) => {
|
|
@@ -1,22 +1,40 @@
|
|
|
1
1
|
import { h } from '@stencil/core';
|
|
2
2
|
import { none } from 'fp-ts/lib/Option';
|
|
3
3
|
import { SuperSelectionAppRoutes } from '../../../services/super-selection-app.routes';
|
|
4
|
+
import { Link, pdsViewedAsync } from '../types';
|
|
4
5
|
const name = 'Hesta Super';
|
|
5
6
|
const fund = {
|
|
6
7
|
fundId: 'hesta-default',
|
|
7
8
|
name,
|
|
8
|
-
logo: 'logo-
|
|
9
|
+
logo: 'logo-hesta.svg',
|
|
9
10
|
route: SuperSelectionAppRoutes.PromotedFundJoinV2,
|
|
10
11
|
features: [
|
|
11
|
-
h("p", null, "A top-performing super fund
|
|
12
|
+
h("p", null, "A top-performing super fund* working for real-world impact"),
|
|
12
13
|
h("p", null, "1+ million members"),
|
|
13
|
-
h("p", null, "Expert help whenever you need it to help face the future with confidence")
|
|
14
|
+
h("p", null, "Expert help whenever you need it to help you face the future with confidence")
|
|
14
15
|
],
|
|
15
|
-
featureSubText: (h("span", null,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
h("
|
|
19
|
-
|
|
16
|
+
featureSubText: (h("span", null,
|
|
17
|
+
"* SuperRatings 10 Year Platinum Performance 2013-2023 (MySuper). Product ratings and awards are only one factor to be considered. See",
|
|
18
|
+
' ',
|
|
19
|
+
h(Link, { className: "underline underline-offset-2 hover:text-gray-600", href: "https://www.hesta.com.au/ratings" }, "hesta.com.au/ratings"),
|
|
20
|
+
' ',
|
|
21
|
+
"for more information.")),
|
|
22
|
+
disclaimer: (h("div", { class: "space-y-2" },
|
|
23
|
+
h("p", null,
|
|
24
|
+
"You should look at your own financial position and requirements before making a decision. You may wish to consult an adviser when doing this or use the",
|
|
25
|
+
' ',
|
|
26
|
+
h(Link, { href: "https://www.ato.gov.au/YourSuper-comparison-tool/" }, "ATO YourSuper comparison tool"),
|
|
27
|
+
"."),
|
|
28
|
+
h("p", null,
|
|
29
|
+
"Visit",
|
|
30
|
+
' ',
|
|
31
|
+
h(Link, { onClick: () => pdsViewedAsync(name), href: "https://www.hesta.com.au/pds" }, "hesta.com.au/pds"),
|
|
32
|
+
' ',
|
|
33
|
+
"for a copy of a Product Disclosure Statement which should be considered when making a decision about the HESTA products on this website and to consider the relevant risks. The target market determination for HESTA products can be found at",
|
|
34
|
+
' ',
|
|
35
|
+
h(Link, { href: "https://www.hesta.com.au/tmd" }, "hesta.com.au/tmd"),
|
|
36
|
+
"."),
|
|
37
|
+
h("p", null, "Issued by H.E.S.T. Australia Ltd ABN 66 006 818 695 AFSL No. 235249, Trustee of HESTA"))),
|
|
20
38
|
footnoteTextOverride: none,
|
|
21
39
|
isPromotedDefault: true
|
|
22
40
|
};
|
package/dist/lib/collection/components/super-selection-app/funds/promoted-fund/funds/virgin.js
CHANGED
|
@@ -23,7 +23,7 @@ const fund = {
|
|
|
23
23
|
h("span", null, "Past performance is not a reliable indicator of future performance. Source: SuperRatings Fund Crediting Rate Survey April 2022.")),
|
|
24
24
|
h("li", null,
|
|
25
25
|
h("span", null,
|
|
26
|
-
h(Link, { className: "underline hover:text-gray-600", href: "https://virginmoney.com.au/superannuation/forms-and-key-information/key-documents" }, "Eligibility and T&Cs apply")))))),
|
|
26
|
+
h(Link, { className: "underline underline-offset-2 hover:text-gray-600", href: "https://virginmoney.com.au/superannuation/forms-and-key-information/key-documents" }, "Eligibility and T&Cs apply")))))),
|
|
27
27
|
disclaimer: (h("p", null,
|
|
28
28
|
"Prepared by Virgin Money Financial Services Pty Ltd ABN 51 113 285 395 AFSL 286869 (\u2018Virgin Money\u2019). Virgin Money Super is a plan in the Mercer Super Trust ABN 19 905 422 981. Virgin Money Super is issued by Mercer Superannuation (Australia) Limited (MSAL) ABN 79 004 717 533 AFSL 235906 as trustee of the Mercer Super Trust. Consider the PDS and TMD at",
|
|
29
29
|
' ',
|
|
@@ -41,7 +41,8 @@ class PromotedFundJoinV2IFrameBuilder {
|
|
|
41
41
|
navigationService.navigateInternally(history, SuperSelectionAppRoutes.ChoicePage);
|
|
42
42
|
break;
|
|
43
43
|
case 'success':
|
|
44
|
-
if (
|
|
44
|
+
if (promotedFundState.isPromotedDefault ||
|
|
45
|
+
(!promotedFundState.isPromotedDefault && data.memberNumber)) {
|
|
45
46
|
const promotedFundId = promotedFundState.fundId;
|
|
46
47
|
const fundName = getFundNameByFundId(promotedFundId);
|
|
47
48
|
navigationService.navigateInternallyToStandardChoice({
|
|
@@ -2,7 +2,7 @@ import { h } from '@stencil/core';
|
|
|
2
2
|
import { EventTrackingService } from '../../services/event-tracking.service';
|
|
3
3
|
import navigationService from '../../services/navigation.service';
|
|
4
4
|
export const Link = (props, children) => {
|
|
5
|
-
return (h("a", { class: props.className || 'font-medium underline hover:text-gray-600', target: "_blank", href: navigationService.toExternalUrl(props.href), onClick: props.onClick }, children));
|
|
5
|
+
return (h("a", { class: props.className || 'font-medium underline underline-offset-2 hover:text-gray-600', target: "_blank", href: navigationService.toExternalUrl(props.href), onClick: props.onClick }, children));
|
|
6
6
|
};
|
|
7
7
|
export const PoweredByFlareFS = 'Powered by Flare FS';
|
|
8
8
|
export function pdsViewedAsync(name, usi) {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, Event, h, Host, Listen, Prop, State } from '@stencil/core';
|
|
2
2
|
import { fromEvent } from 'rxjs';
|
|
3
3
|
import { debounceTime, distinctUntilChanged, filter, map, mergeMap, tap } from 'rxjs/operators';
|
|
4
|
+
import { assertExhaustive } from '../../../utils';
|
|
4
5
|
const DEFAULT_SEARCH_LENGTH = 3;
|
|
5
6
|
export class SelectInputAsync {
|
|
6
7
|
constructor() {
|
|
@@ -34,6 +35,7 @@ export class SelectInputAsync {
|
|
|
34
35
|
this.filteredOptions = result.value;
|
|
35
36
|
break;
|
|
36
37
|
default:
|
|
38
|
+
assertExhaustive(result);
|
|
37
39
|
this.searchState = 'done';
|
|
38
40
|
this.filteredOptions = [];
|
|
39
41
|
break;
|
package/dist/lib/collection/components/super-selection-app/super-choice-page/assets/logo-hesta.svg
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="96" height="35" viewBox="0 0 96 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id="b">
|
|
3
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M76.1009 14.5539C75.3803 16.3247 74.6674 18.0994 73.9571 19.8741C75.641 19.8735 77.3262 19.8813 79.0127 19.8702C78.3576 18.1636 77.6525 16.4758 76.9902 14.7712C76.9137 14.5967 76.8572 14.3749 76.662 14.297C76.4421 14.1933 76.1736 14.3295 76.1016 14.5546L76.1009 14.5539ZM74.5986 8.73163C74.6635 8.54806 74.8075 8.35606 75.0281 8.37682C75.99 8.37033 76.9526 8.37423 77.9178 8.37617C78.1344 8.34893 78.3018 8.51628 78.366 8.71087C80.6473 14.2309 82.9286 19.7515 85.2092 25.2722C85.3461 25.529 85.2138 25.9228 84.8959 25.9377C83.8146 25.952 82.7321 25.9409 81.6514 25.9435C81.4588 25.961 81.2771 25.8488 81.2155 25.6646C80.8412 24.7863 80.526 23.8828 80.131 23.0123C77.6979 23.0168 75.2648 23.0026 72.8324 23.0194C72.4938 23.8179 72.1837 24.6274 71.8601 25.4324C71.79 25.5913 71.7368 25.7736 71.5915 25.8813C71.4838 25.9591 71.3444 25.937 71.2218 25.9461C70.1872 25.9383 69.1526 25.952 68.1174 25.9403C67.8008 25.9513 67.6082 25.5602 67.7593 25.2968C70.0341 19.7729 72.3219 14.2549 74.5986 8.73163ZM56.7602 8.80947C56.7368 8.54677 56.9865 8.3379 57.2408 8.37358C61.3727 8.37617 65.5046 8.37293 69.6365 8.37617C69.8882 8.34569 70.1152 8.55779 70.1003 8.81206C70.1048 9.69682 70.1048 10.5816 70.1003 11.465C70.1165 11.7226 69.8869 11.9334 69.6339 11.9184C68.2354 11.9314 66.833 11.9178 65.432 11.9243C65.4041 16.4518 65.4345 20.9788 65.4177 25.5057C65.4242 25.7502 65.203 25.9714 64.9552 25.9435C63.9452 25.9435 62.934 25.9481 61.9241 25.9409C61.6633 25.9513 61.4888 25.6821 61.5102 25.4421C61.5096 21.3368 61.5102 17.2315 61.5102 13.1282C61.5063 12.7267 61.5193 12.3264 61.4992 11.9269C60.0799 11.9165 58.6594 11.9308 57.2402 11.921C56.9924 11.9353 56.7349 11.7368 56.7589 11.4741C56.755 10.5861 56.755 9.69682 56.7602 8.80947ZM29.9664 8.59736C30.0391 8.43779 30.2175 8.36709 30.3822 8.37552C34.0588 8.37228 37.7353 8.37617 41.4112 8.37228C41.5448 8.37293 41.6972 8.38006 41.7978 8.48385C41.9463 8.62006 41.9288 8.83606 41.9327 9.01833C41.9249 9.83758 41.9385 10.6555 41.9262 11.4728C41.9444 11.7543 41.6707 11.9457 41.4092 11.9197C39.054 11.9236 36.6981 11.9223 34.3429 11.9197C34.2112 11.9236 34.0633 11.9223 33.9634 12.0203C33.7922 12.1675 33.8142 12.4153 33.809 12.6203C33.8227 13.4778 33.7948 14.3353 33.8227 15.1928C35.8477 15.1941 37.8728 15.1902 39.8979 15.1935C40.1528 15.1701 40.3941 15.3881 40.3785 15.6488C40.3863 16.4882 40.3792 17.3282 40.3811 18.1688C40.3948 18.3699 40.2838 18.5911 40.0776 18.6436C39.8272 18.6929 39.5697 18.6644 39.3167 18.6709C37.4836 18.6709 35.6505 18.6663 33.8175 18.6722C33.8077 19.7528 33.8097 20.8328 33.8149 21.9128C33.7935 22.1716 34.0043 22.4207 34.2741 22.3928C36.6754 22.3935 39.0787 22.3941 41.4806 22.3928C41.659 22.3987 41.8756 22.3896 41.9995 22.5459C42.1273 22.6841 42.1065 22.8845 42.1124 23.0577C42.1033 23.8743 42.1169 24.6916 42.1065 25.5076C42.1176 25.7651 41.8802 25.9773 41.6265 25.9429C37.878 25.9422 34.1308 25.9429 30.3829 25.9422C30.1331 25.9708 29.9042 25.758 29.9204 25.5057C29.9126 20.0583 29.921 14.611 29.9145 9.16363C29.9217 8.97487 29.8899 8.77444 29.9664 8.59671V8.59736ZM12.3498 8.48579C12.4672 8.35347 12.6553 8.37747 12.8136 8.37098C13.7762 8.38006 14.7381 8.36709 15.7001 8.37747C15.9615 8.36709 16.1346 8.63563 16.1145 8.87693C16.1184 10.8774 16.1068 12.8791 16.1191 14.8808C18.6469 14.8918 21.1747 14.8918 23.7011 14.8808C23.7161 12.8557 23.7005 10.8287 23.7083 8.80233C23.6895 8.5766 23.8892 8.3619 24.1182 8.37682C25.1295 8.37033 26.1407 8.37358 27.1526 8.37617C27.3433 8.3619 27.5353 8.4819 27.5801 8.67325C27.6196 8.90677 27.5969 9.14612 27.6015 9.38287C27.6002 14.7368 27.6015 20.0914 27.6015 25.4447C27.6339 25.7055 27.4302 25.9721 27.1532 25.9429C26.142 25.9455 25.1308 25.9468 24.1189 25.9416C23.8892 25.9578 23.6895 25.7424 23.7083 25.5161C23.7005 23.1602 23.7148 20.8017 23.7018 18.4458C21.1747 18.4361 18.6475 18.4354 16.1197 18.4458C16.1055 20.7777 16.1191 23.1109 16.1139 25.4428C16.134 25.6828 15.9608 25.9526 15.6994 25.9409C14.6888 25.95 13.6789 25.9435 12.6683 25.9442C12.39 25.976 12.1746 25.7061 12.2025 25.4428C12.2012 19.9435 12.2038 14.4449 12.2012 8.94698C12.1999 8.78352 12.2129 8.59801 12.3485 8.48709L12.3498 8.48579ZM49.5673 8.10633C51.0079 8.01228 52.4992 8.25877 53.7667 8.97358C54.5126 9.39196 55.1775 9.95758 55.7126 10.6257C55.8371 10.769 55.8949 10.9811 55.795 11.1556C55.688 11.3171 55.5206 11.4216 55.374 11.5435C54.8337 11.9593 54.3102 12.3971 53.7705 12.8142C53.6304 12.9297 53.4177 12.977 53.2594 12.8694C53.0395 12.7066 52.867 12.486 52.6432 12.329C51.7896 11.6836 50.6635 11.4955 49.6192 11.6291C49.099 11.7037 48.5541 11.8802 48.1974 12.2882C47.7381 12.8103 47.8724 13.6951 48.4147 14.1076C48.905 14.491 49.5148 14.67 50.0901 14.8808C51.6015 15.4179 53.1647 15.896 54.51 16.7976C55.4784 17.4326 56.2607 18.4017 56.504 19.5511C56.7796 20.8821 56.6596 22.3357 55.9922 23.537C55.4168 24.5833 54.403 25.3331 53.2918 25.7321C51.9297 26.2198 50.4527 26.3009 49.0218 26.1809C47.1991 26.0162 45.3692 25.3202 44.0778 23.9898C43.6905 23.5961 43.3351 23.1615 43.0717 22.6756C42.9504 22.4713 43.0425 22.2086 43.2352 22.088C43.8553 21.6482 44.491 21.2311 45.1111 20.7913C45.2882 20.6784 45.4763 20.5124 45.7033 20.5669C45.894 20.6162 45.9984 20.7997 46.1217 20.9392C46.8397 21.8408 47.9178 22.4129 49.0458 22.6108C49.8028 22.7386 50.5954 22.758 51.342 22.5517C51.8272 22.4116 52.3104 22.1373 52.5543 21.678C52.843 21.1727 52.7839 20.4955 52.409 20.0506C52.0348 19.5984 51.4892 19.3435 50.9619 19.1191C49.8709 18.6741 48.7338 18.3524 47.6467 17.9003C46.7794 17.5357 45.9401 17.0577 45.2849 16.374C44.6441 15.7085 44.2432 14.8302 44.1251 13.9182C43.9286 12.6287 44.1945 11.2322 45.0391 10.2125C46.1262 8.86266 47.875 8.21466 49.5654 8.10698L49.5673 8.10633ZM92.083 0.00665796C93.3582 -0.00307177 94.6335 -0.00112583 95.9094 0.00600931C95.9165 11.4417 95.9165 22.878 95.9094 34.313C94.6335 34.3221 93.3582 34.3228 92.083 34.3124C92.0687 26.5546 92.0817 18.7967 92.0765 11.0395C92.081 7.36233 92.0687 3.68514 92.083 0.00730661V0.00665796ZM0.00535135 0.00600931C1.28059 -0.00112583 2.55649 -0.00307177 3.83238 0.00730661C3.84665 7.7645 3.83368 15.523 3.83887 23.2802C3.83432 26.9574 3.84665 30.6346 3.83238 34.3111C2.55649 34.3221 1.28059 34.3215 0.00535135 34.3124C-0.00178378 22.878 -0.00178378 11.4417 0.00535135 0.00600931Z" fill="#7226E0"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -2,9 +2,9 @@ import { Component, Event, h, Host, Prop } from '@stencil/core';
|
|
|
2
2
|
export class SuperChoiceItemBottom {
|
|
3
3
|
render() {
|
|
4
4
|
return (h(Host, null,
|
|
5
|
-
h("div", { class: "py-6 px-4
|
|
5
|
+
h("div", { class: "py-6 px-4 flex flex-col justify-between h-full" },
|
|
6
6
|
h("div", null,
|
|
7
|
-
h("div", { class:
|
|
7
|
+
h("div", { class: { 'md:max-w-[240px]': true, 'lg:max-w-full': this.isMultiFund } },
|
|
8
8
|
h("sss-button", { class: "uuid-button-continue", fillWidth: true, onClick: () => this.handleFundClick() }, "Choose this fund")),
|
|
9
9
|
h("div", { class: "text-xs text-gray-500 mt-6 leading-4" }, this.disclaimer)),
|
|
10
10
|
this.abnInfo && this.abn && (h("div", { class: "text-xs text-gray-500 mt-2" },
|
|
@@ -74,6 +74,23 @@ export class SuperChoiceItemBottom {
|
|
|
74
74
|
},
|
|
75
75
|
"attribute": "abn",
|
|
76
76
|
"reflect": false
|
|
77
|
+
},
|
|
78
|
+
"isMultiFund": {
|
|
79
|
+
"type": "boolean",
|
|
80
|
+
"mutable": false,
|
|
81
|
+
"complexType": {
|
|
82
|
+
"original": "boolean",
|
|
83
|
+
"resolved": "boolean",
|
|
84
|
+
"references": {}
|
|
85
|
+
},
|
|
86
|
+
"required": false,
|
|
87
|
+
"optional": false,
|
|
88
|
+
"docs": {
|
|
89
|
+
"tags": [],
|
|
90
|
+
"text": ""
|
|
91
|
+
},
|
|
92
|
+
"attribute": "is-multi-fund",
|
|
93
|
+
"reflect": false
|
|
77
94
|
}
|
|
78
95
|
}; }
|
|
79
96
|
static get events() { return [{
|
|
@@ -2,14 +2,20 @@ import { Component, getAssetPath, h, Host, Prop } from '@stencil/core';
|
|
|
2
2
|
export class SuperChoiceItemTop {
|
|
3
3
|
render() {
|
|
4
4
|
return (h(Host, null,
|
|
5
|
-
h("div", { class: "px-4
|
|
5
|
+
h("div", { class: "px-4 pt-6" },
|
|
6
6
|
h("div", { class: "text-right w-100 -mt-5 -mr-3.5 lg:-mr-5" },
|
|
7
7
|
this.isPromotedDefault && (h("span", { class: "text-xs bg-blue-100 text-blue-800 font-medium rounded-xl py-0.5 px-2.5 mr-1" }, "Employer Default")),
|
|
8
8
|
h("span", { class: "text-xs bg-gray-100 text-gray-800 font-medium rounded-xl py-0.5 px-2.5 mr-0.5" }, "Featured")),
|
|
9
|
-
h("div", { class:
|
|
10
|
-
h("img", { class:
|
|
9
|
+
h("div", { class: { 'flex lg:block mt-2 md:mt-0': true, 'lg:mt-4': this.isMultiFund } },
|
|
10
|
+
h("img", { class: {
|
|
11
|
+
'h-12 md:h-14 lg:h-16 object-contain w-[80px] md:w-[96px] lg:w-[140px] md:hidden lg:object-left': true,
|
|
12
|
+
'lg:block': this.isMultiFund
|
|
13
|
+
}, alt: this.name, src: getAssetPath(`assets/${this.logo}`) }),
|
|
11
14
|
h("div", { class: "grid content-center" },
|
|
12
|
-
h("p", { class:
|
|
15
|
+
h("p", { class: {
|
|
16
|
+
'text-base md:text-lg font-bold ml-4 md:ml-0 md:mb-0': true,
|
|
17
|
+
'lg:mt-4': this.isMultiFund
|
|
18
|
+
} }, this.name))),
|
|
13
19
|
h("div", { class: "mt-4 sm:mt-2 text-sm space-y-2" }, this.features.map((feature) => (h("div", { class: "flex" },
|
|
14
20
|
h("div", { class: "h-5 w-5 flex-none mr-1.5" },
|
|
15
21
|
h("img", { alt: "checked", src: getAssetPath(`assets/icon-check.svg`) })),
|
|
@@ -92,6 +98,23 @@ export class SuperChoiceItemTop {
|
|
|
92
98
|
"text": ""
|
|
93
99
|
}
|
|
94
100
|
},
|
|
101
|
+
"isMultiFund": {
|
|
102
|
+
"type": "boolean",
|
|
103
|
+
"mutable": false,
|
|
104
|
+
"complexType": {
|
|
105
|
+
"original": "boolean",
|
|
106
|
+
"resolved": "boolean",
|
|
107
|
+
"references": {}
|
|
108
|
+
},
|
|
109
|
+
"required": false,
|
|
110
|
+
"optional": false,
|
|
111
|
+
"docs": {
|
|
112
|
+
"tags": [],
|
|
113
|
+
"text": ""
|
|
114
|
+
},
|
|
115
|
+
"attribute": "is-multi-fund",
|
|
116
|
+
"reflect": false
|
|
117
|
+
},
|
|
95
118
|
"isPromotedDefault": {
|
|
96
119
|
"type": "boolean",
|
|
97
120
|
"mutable": false,
|
package/dist/lib/collection/components/super-selection-app/super-choice-page/super-choice-page.js
CHANGED
|
@@ -35,6 +35,7 @@ export class SuperChoicePage {
|
|
|
35
35
|
h("div", { class: "mt-10 w-full sm:w-[560px] h-80 bg-gray-200 animate-pulse rounded" }),
|
|
36
36
|
h("div", { class: "mt-10 w-full sm:w-[200px] h-11 bg-gray-200 animate-pulse rounded" })));
|
|
37
37
|
}
|
|
38
|
+
const isMultiFund = this.promotedFunds.length > 1;
|
|
38
39
|
return (h(Host, null,
|
|
39
40
|
h("div", null,
|
|
40
41
|
h("sss-header-section", { currentPage: "choice" }),
|
|
@@ -48,7 +49,7 @@ export class SuperChoicePage {
|
|
|
48
49
|
h("div", { class: "flex justify-center mt-8" },
|
|
49
50
|
h("div", { class: {
|
|
50
51
|
'lg:grid border-l border-t lg:border-b rounded-lg': true,
|
|
51
|
-
'lg:grid-cols-1 max-w-
|
|
52
|
+
'lg:grid-cols-1 max-w-720': this.promotedFunds.length === 1,
|
|
52
53
|
'lg:grid-cols-2 max-w-720': this.promotedFunds.length === 2,
|
|
53
54
|
'lg:grid-cols-3 max-w-960': this.promotedFunds.length === 3
|
|
54
55
|
} },
|
|
@@ -62,17 +63,21 @@ export class SuperChoicePage {
|
|
|
62
63
|
'flex border-b lg:border-b-0': true,
|
|
63
64
|
'rounded-b-lg': index === this.promotedFunds.length - 1
|
|
64
65
|
} },
|
|
65
|
-
h("div", { class:
|
|
66
|
+
h("div", { class: {
|
|
67
|
+
'hidden md:flex w-36 justify-center pt-6 pl-6': true,
|
|
68
|
+
'lg:hidden': isMultiFund
|
|
69
|
+
} },
|
|
66
70
|
h("img", { class: "h-16 object-contain w-full max-w-[96px]", alt: fund.name, src: getAssetPath(`assets/${fund.logo}`) })),
|
|
67
71
|
h("div", { class: "w-full" },
|
|
68
|
-
h("sss-super-choice-item-top", { logo: fund.logo, name: fund.name, features: fund.features, featureSubText: fund.featureSubText, isPromotedDefault: fund.isPromotedDefault }),
|
|
69
|
-
h("div", { class:
|
|
70
|
-
h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))))),
|
|
72
|
+
h("sss-super-choice-item-top", { logo: fund.logo, name: fund.name, features: fund.features, featureSubText: fund.featureSubText, isMultiFund: isMultiFund, isPromotedDefault: fund.isPromotedDefault }),
|
|
73
|
+
h("div", { class: { 'lg:hidden': isMultiFund } },
|
|
74
|
+
h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, isMultiFund: isMultiFund, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) }))))))),
|
|
71
75
|
this.promotedFunds.map((fund, index) => (h("div", { class: {
|
|
72
|
-
'hidden
|
|
76
|
+
'hidden border-r': true,
|
|
77
|
+
'lg:block': isMultiFund,
|
|
73
78
|
'rounded-br-lg': index === this.promotedFunds.length - 1
|
|
74
79
|
} },
|
|
75
|
-
h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))),
|
|
80
|
+
h("sss-super-choice-item-bottom", { disclaimer: fund.disclaimer, abnInfo: fund.abnInfo, abn: fund.abn, isMultiFund: isMultiFund, onJoinFundClicked: async () => this.handleJoinSuperClickAsync(fund) })))))),
|
|
76
81
|
h("div", { class: "flex justify-center mt-8 sm:mt-12" },
|
|
77
82
|
h("div", { class: "pb-8 sm:pb-12 max-w-720 border-b" },
|
|
78
83
|
h("h5", { class: "font-bold sm:text-lg" }, "Or, choose another super fund:"),
|
|
@@ -16,5 +16,5 @@ const patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
18
|
globalScripts();
|
|
19
|
-
return bootstrapLazy([["context-consumer",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["sss-button_30",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32],"campaignConnectRequestInProgress":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page",{"history":[16]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-promoted-fund-join-v1-page",{"history":[16]}],[0,"sss-promoted-fund-join-v2-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"sss-success"],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"isAbnUsedForRegulated":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1]}],[0,"sss-loading-page"],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16],"isPromotedDefault":[4,"is-promoted-default"]}],[0,"sss-dropdown-async",{"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{"textOverride":[16]}],[4,"stencil-route-switch",{"group":[513],"scrollTopOffset":[2,"scroll-top-offset"],"location":[16],"routeViewsUpdated":[16]}],[4,"stencil-router",{"root":[1],"historyType":[1,"history-type"],"titleSuffix":[1,"title-suffix"],"scrollTopOffset":[2,"scroll-top-offset"],"location":[32],"history":[32]}],[4,"sss-custom-fund",{"history":[16],"currentCustomFund":[32],"fundOptionsList":[32],"showFundOptionsSelection":[32]}],[0,"sss-iframe-host",{"build":[16]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[0,"sss-name-input",{"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[4,"stencil-route-link",{"url":[1],"urlMatch":[1,"url-match"],"activeClass":[1,"active-class"],"exact":[4],"strict":[4],"custom":[1],"anchorClass":[1,"anchor-class"],"anchorRole":[1,"anchor-role"],"anchorTitle":[1,"anchor-title"],"anchorTabIndex":[1,"anchor-tab-index"],"anchorId":[1,"anchor-id"],"history":[16],"location":[16],"root":[1],"ariaHaspopup":[1,"aria-haspopup"],"ariaPosinset":[1,"aria-posinset"],"ariaSetsize":[2,"aria-setsize"],"ariaLabel":[1,"aria-label"],"match":[32]}],[4,"sss-button",{"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"size":[1],"promiseFn":[16],"state":[32]}],[0,"sss-loading-indicator",{"theme":[1],"size":[2]}],[0,"stencil-route",{"group":[513],"componentUpdated":[16],"match":[1040],"url":[1],"component":[1],"componentProps":[16],"exact":[4],"routeRender":[16],"scrollTopOffset":[2,"scroll-top-offset"],"routeViewsUpdated":[16],"location":[16],"history":[16],"historyType":[1,"history-type"]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["context-consumer",[[0,"context-consumer",{"context":[16],"renderer":[16],"subscribe":[16],"unsubscribe":[32]}]]],["stencil-async-content",[[0,"stencil-async-content",{"documentLocation":[1,"document-location"],"content":[32]}]]],["stencil-route-title",[[0,"stencil-route-title",{"titleSuffix":[1,"title-suffix"],"pageTitle":[1,"page-title"]}]]],["stencil-router-prompt",[[0,"stencil-router-prompt",{"when":[4],"message":[1],"history":[16],"unblock":[32]}]]],["stencil-router-redirect",[[0,"stencil-router-redirect",{"history":[16],"root":[1],"url":[1]}]]],["sss-button_30",[[0,"sss-my-own-fund",{"history":[16],"formState":[32],"isNotAllInformationProvidedMessageVisible":[32],"isSubmitDisabled":[32]}],[0,"sss-self-managed-fund",{"history":[16],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-super-choice-page",{"history":[16],"promotedFunds":[32],"campaignConnectRequestInProgress":[32]}],[1,"super-selection-app-host",{"sessionState":[32],"jwt":[32],"appConfiguration":[32],"ignoreExistingSelection":[32]}],[0,"sss-default-fund",{"history":[16],"defaultFundProductName":[32]}],[0,"sss-standard-choice-form",{"history":[16],"standardChoiceFormSignature":[32],"formState":[32],"isSubmitDisabled":[32]}],[0,"sss-consent-page",{"history":[16]}],[0,"sss-existing-choice-page",{"history":[16],"existingFund":[32]}],[0,"sss-promoted-fund-join-v1-page",{"history":[16]}],[0,"sss-promoted-fund-join-v2-page",{"history":[16]}],[0,"sss-slate-join-page",{"history":[16]}],[0,"sss-success"],[1,"super-selection-app",{"ignoreExistingSelection":[4,"ignore-existing-selection"],"accessToken":[1,"access-token"],"backendUrl":[1,"backend-url"],"appBaseUrl":[1,"app-base-url"],"history":[16],"location":[16],"isSelfHosted":[4,"is-self-hosted"],"isAppInitialised":[32]}],[0,"sss-my-own-fund-inputs",{"myOwnFundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"selectedOption":[32]}],[0,"sss-self-managed-fund-inputs",{"fundForm":[16],"showValidationErrors":[4,"show-validation-errors"],"isAbnValid":[32],"isAbnTouched":[32],"isAbnUsedForRegulated":[32],"currentBank":[32],"addressErrorMessage":[32]}],[0,"sss-super-choice-item-bottom",{"disclaimer":[16],"abnInfo":[1,"abn-info"],"abn":[1],"isMultiFund":[4,"is-multi-fund"]}],[0,"sss-loading-page"],[0,"sss-super-choice-item-top",{"name":[1],"logo":[1],"features":[16],"featureSubText":[16],"isMultiFund":[4,"is-multi-fund"],"isPromotedDefault":[4,"is-promoted-default"]}],[0,"sss-dropdown-async",{"placeholder":[1],"searchFunction":[16],"value":[16],"required":[4],"requiredValidationMessage":[1,"required-validation-message"],"disabled":[4],"minSearchStringLength":[2,"min-search-string-length"],"showValidationErrors":[4,"show-validation-errors"],"searchState":[32],"inputValue":[32],"isDropdownVisible":[32],"filteredOptions":[32],"highlightedOptionIndex":[32],"selectedOption":[32]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"],[2,"keydown","handleKeyDown"]]],[0,"sss-footer-section",{"textOverride":[16]}],[4,"stencil-route-switch",{"group":[513],"scrollTopOffset":[2,"scroll-top-offset"],"location":[16],"routeViewsUpdated":[16]}],[4,"stencil-router",{"root":[1],"historyType":[1,"history-type"],"titleSuffix":[1,"title-suffix"],"scrollTopOffset":[2,"scroll-top-offset"],"location":[32],"history":[32]}],[4,"sss-custom-fund",{"history":[16],"currentCustomFund":[32],"fundOptionsList":[32],"showFundOptionsSelection":[32]}],[0,"sss-iframe-host",{"build":[16]}],[0,"sss-header-section",{"currentPage":[1,"current-page"]}],[0,"sss-name-input",{"value":[1],"name":[1],"readableName":[1,"readable-name"],"showValidationErrors":[4,"show-validation-errors"],"errorMessage":[32]}],[4,"stencil-route-link",{"url":[1],"urlMatch":[1,"url-match"],"activeClass":[1,"active-class"],"exact":[4],"strict":[4],"custom":[1],"anchorClass":[1,"anchor-class"],"anchorRole":[1,"anchor-role"],"anchorTitle":[1,"anchor-title"],"anchorTabIndex":[1,"anchor-tab-index"],"anchorId":[1,"anchor-id"],"history":[16],"location":[16],"root":[1],"ariaHaspopup":[1,"aria-haspopup"],"ariaPosinset":[1,"aria-posinset"],"ariaSetsize":[2,"aria-setsize"],"ariaLabel":[1,"aria-label"],"match":[32]}],[4,"sss-button",{"fillWidth":[4,"fill-width"],"fillWidthOnMobile":[4,"fill-width-on-mobile"],"disabled":[4],"variant":[1],"size":[1],"promiseFn":[16],"state":[32]}],[0,"sss-loading-indicator",{"theme":[1],"size":[2]}],[0,"stencil-route",{"group":[513],"componentUpdated":[16],"match":[1040],"url":[1],"component":[1],"componentProps":[16],"exact":[4],"routeRender":[16],"scrollTopOffset":[2,"scroll-top-offset"],"routeViewsUpdated":[16],"location":[16],"history":[16],"historyType":[1,"history-type"]}]]]], options);
|
|
20
20
|
});
|