@yoobic/yobi 8.3.0-44 → 8.3.0-47
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/cjs/{form-choice-helpers-b2ec494b.js → form-choice-helpers-e28efa04.js} +1 -1
- package/dist/cjs/yoo-card-feed.cjs.entry.js +2 -2
- package/dist/cjs/yoo-detail-bar.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-choice-button.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-choice-card.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-choice-chat.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-choice-image.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-choice-radio.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-connect.cjs.entry.js +2 -1
- package/dist/cjs/yoo-form-dynamic.cjs.entry.js +10 -9
- package/dist/cjs/yoo-form-swipe-cards.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-text-editor.cjs.entry.js +63 -45
- package/dist/cjs/yoo-form-todo-task-list.cjs.entry.js +1 -2
- package/dist/cjs/yoo-input-bar.cjs.entry.js +12948 -12743
- package/dist/cjs/yoo-login.cjs.entry.js +54 -63
- package/dist/cjs/yoo-scratch-card-creator.cjs.entry.js +1 -3
- package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js +3 -3
- package/dist/collection/components/form/form-choice/form-choice-helpers.js +1 -1
- package/dist/collection/components/form/form-connect/form-connect.js +2 -1
- package/dist/collection/components/form/form-dynamic/form-dynamic.js +10 -9
- package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.css +1 -1
- package/dist/collection/components/form/form-todo-task-list/form-todo-task-list.js +1 -2
- package/dist/collection/components/form-creator/scratch-card-creator/scratch-card-creator.js +1 -3
- package/dist/collection/feature-communicate/feed/card-feed/components/sub-cards.js +2 -2
- package/dist/collection/feature-operate/campaign/detail-bar/detail-bar.js +3 -3
- package/dist/collection/feature-platform/login/login/login.css +120 -48
- package/dist/collection/feature-platform/login/login/login.js +25 -30
- package/dist/collection/feature-platform/login/login/parts/Header.js +15 -16
- package/dist/collection/feature-platform/login/login/parts/LoginForm.js +15 -18
- package/dist/collection/feature-platform/login/login/parts/LoginOptions.js +2 -2
- package/dist/design-system/{form-choice-helpers-800a6124.js → form-choice-helpers-b6936c42.js} +1 -1
- package/dist/design-system/yoo-card-feed.entry.js +3 -3
- package/dist/design-system/yoo-detail-bar.entry.js +1 -1
- package/dist/design-system/yoo-form-choice-button.entry.js +1 -1
- package/dist/design-system/yoo-form-choice-card.entry.js +1 -1
- package/dist/design-system/yoo-form-choice-chat.entry.js +1 -1
- package/dist/design-system/yoo-form-choice-image.entry.js +1 -1
- package/dist/design-system/yoo-form-choice-radio.entry.js +1 -1
- package/dist/design-system/yoo-form-connect.entry.js +2 -1
- package/dist/design-system/yoo-form-dynamic.entry.js +10 -9
- package/dist/design-system/yoo-form-swipe-cards.entry.js +1 -1
- package/dist/design-system/yoo-form-text-editor.entry.js +63 -45
- package/dist/design-system/yoo-form-todo-task-list.entry.js +1 -2
- package/dist/design-system/yoo-input-bar.entry.js +12948 -12743
- package/dist/design-system/yoo-login.entry.js +55 -64
- package/dist/design-system/yoo-scratch-card-creator.entry.js +1 -3
- package/dist/design-system/yoo-videoplayer-videojs.entry.js +3 -3
- package/dist/esm/{form-choice-helpers-800a6124.js → form-choice-helpers-b6936c42.js} +1 -1
- package/dist/esm/yoo-card-feed.entry.js +3 -3
- package/dist/esm/yoo-detail-bar.entry.js +1 -1
- package/dist/esm/yoo-form-choice-button.entry.js +1 -1
- package/dist/esm/yoo-form-choice-card.entry.js +1 -1
- package/dist/esm/yoo-form-choice-chat.entry.js +1 -1
- package/dist/esm/yoo-form-choice-image.entry.js +1 -1
- package/dist/esm/yoo-form-choice-radio.entry.js +1 -1
- package/dist/esm/yoo-form-connect.entry.js +2 -1
- package/dist/esm/yoo-form-dynamic.entry.js +10 -9
- package/dist/esm/yoo-form-swipe-cards.entry.js +1 -1
- package/dist/esm/yoo-form-text-editor.entry.js +63 -45
- package/dist/esm/yoo-form-todo-task-list.entry.js +1 -2
- package/dist/esm/yoo-input-bar.entry.js +12948 -12743
- package/dist/esm/yoo-login.entry.js +55 -64
- package/dist/esm/yoo-scratch-card-creator.entry.js +1 -3
- package/dist/esm/yoo-videoplayer-videojs.entry.js +3 -3
- package/dist/types/feature-platform/login/login/parts/LoginForm.d.ts +0 -1
- package/dist/types/feature-platform/login/login/parts/LoginOptions.d.ts +0 -1
- package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/custom-app/custom-app.interface.d.ts +10 -3
- package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field.interface.d.ts +1 -0
- package/package.json +1 -1
|
@@ -28,26 +28,25 @@ const Footer = ({ textColor, copyrightMessage, version, hasCustomBackground, onC
|
|
|
28
28
|
index.h("p", null, "|"),
|
|
29
29
|
index.h("p", { class: "version" }, `V${version}`)));
|
|
30
30
|
|
|
31
|
-
const Header = ({ logo, title, textColor, error, closeClick }) =>
|
|
32
|
-
error &&
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
31
|
+
const Header = ({ logo, title, textColor, error, closeClick }) => [
|
|
32
|
+
error && (index.h("yoo-banner", { id: "error-alert", class: {
|
|
33
|
+
'center header': true,
|
|
34
|
+
sharp: !overlays.isWeb()
|
|
35
|
+
}, fill: true, closable: true, leftIcon: { name: 'info', color: overlays.isWeb() ? 'danger' : 'light' }, onCloseClick: closeClick, style: {
|
|
36
|
+
'--main-color': `var(--${overlays.isWeb() ? 'danger-20' : 'danger'})`,
|
|
37
|
+
'--main-text-color': `var(--${overlays.isWeb() ? 'dark' : 'light'})`,
|
|
38
|
+
'--close-icon-color': `var(--${overlays.isWeb() ? 'danger' : 'light'})`
|
|
39
|
+
} },
|
|
40
|
+
index.h("div", { slot: "content", class: {
|
|
41
|
+
'error-content': true,
|
|
42
|
+
web: overlays.isWeb()
|
|
40
43
|
} },
|
|
41
|
-
index.h("
|
|
42
|
-
|
|
43
|
-
'web': overlays.isWeb()
|
|
44
|
-
} },
|
|
45
|
-
index.h("p", null, overlays.translate(error)),
|
|
46
|
-
index.h("a", { class: "link", style: { color: `var(--${overlays.isWeb() ? 'danger' : 'light'})` }, href: "mailto:support@yoobic.com" }, overlays.translate('YOOBICNEEDHELP')))),
|
|
44
|
+
index.h("p", null, overlays.translate(error)),
|
|
45
|
+
index.h("a", { class: "link", style: { color: `var(--${overlays.isWeb() ? 'danger' : 'light'})` }, href: "mailto:support@yoobic.com" }, overlays.translate('YOOBICNEEDHELP'))))),
|
|
47
46
|
index.h("header", { class: "header" },
|
|
48
47
|
index.h("img", { src: logo, alt: "app logo" }),
|
|
49
48
|
index.h("h1", { style: { color: textColor } }, title))
|
|
50
|
-
]
|
|
49
|
+
];
|
|
51
50
|
|
|
52
51
|
const LoginInput = ({ style, label, inputType, isFocused, bindReference, onIconClicked, onInputChanged, onInputBlurred, onInputFocused, onKeyPress, onShowPassword, clearInput, inputSize, hasValue, inputValue, showPassword, isMobile, isWhitelabel }) => (index.h("div", { class: {
|
|
53
52
|
'outer-input-container': true,
|
|
@@ -66,31 +65,28 @@ const LoginInput = ({ style, label, inputType, isFocused, bindReference, onIconC
|
|
|
66
65
|
index.h("div", { class: `icon-suffix-focus ${inputType}-input-clear-icon`, onMouseDown: (e) => e.preventDefault(), onClick: () => (hasValue ? clearInput() : null) },
|
|
67
66
|
index.h("yoo-icon", { size: inputSize === 'medium' ? 'small' : 'medium', name: "cross" })))));
|
|
68
67
|
|
|
69
|
-
const LoginForm = ({ ssoOnly, fieldTitleColor, getInputLabel, getDefaultInputValue, getInputValue, bindReference, clearInput, onIconClicked, focusedInput,
|
|
70
|
-
const inputAndButtonSize = overlays.isWeb(
|
|
71
|
-
const loginDisabled = !(!!(getInputValue('username') || '') &&
|
|
72
|
-
!!(getInputValue('password') || ''));
|
|
68
|
+
const LoginForm = ({ ssoOnly, fieldTitleColor, getInputLabel, getDefaultInputValue, getInputValue, bindReference, clearInput, onIconClicked, focusedInput, showPassword, loginButtonRef, onEnterPressed, onInputBlurred, onInputChanged, onInputFocused, onFormSubmit, onShowPassword, helpButtonElement, magicButtonElement, ssoLoginButtonElement, isWhitelabel, buttonColor }) => {
|
|
69
|
+
const inputAndButtonSize = overlays.isWeb() ? 'medium' : 'large';
|
|
70
|
+
const loginDisabled = !(!!(getInputValue('username') || '') && !!(getInputValue('password') || ''));
|
|
73
71
|
const onKeyPress = (e) => {
|
|
74
72
|
if (e.key === 'Enter') {
|
|
75
73
|
onEnterPressed();
|
|
76
74
|
}
|
|
77
75
|
};
|
|
78
76
|
const renderInputContainer = (type) => {
|
|
79
|
-
return (index.h(LoginInput, { style: { '--field-title-color': fieldTitleColor }, isFocused: type === focusedInput, inputType: type, label: getInputLabel(type), bindReference: bindReference, onIconClicked: () => onIconClicked(type), inputSize: inputAndButtonSize, inputValue: overlays.isPresent(getInputValue(type)) ? getInputValue(type) : getDefaultInputValue(type) || '', hasValue:
|
|
77
|
+
return (index.h(LoginInput, { style: { '--field-title-color': fieldTitleColor }, isFocused: type === focusedInput, inputType: type, label: getInputLabel(type), bindReference: bindReference, onIconClicked: () => onIconClicked(type), inputSize: inputAndButtonSize, inputValue: overlays.isPresent(getInputValue(type)) ? getInputValue(type) : getDefaultInputValue(type) || '', hasValue: getInputValue(type) || getDefaultInputValue(type) || '' ? true : false, onShowPassword: onShowPassword, showPassword: showPassword, onInputChanged: (e) => onInputChanged(e, type), onKeyPress: (e) => onKeyPress(e), onInputFocused: () => onInputFocused(type), onInputBlurred: () => onInputBlurred(), clearInput: () => clearInput(type), isMobile: !overlays.isWeb(), isWhitelabel: isWhitelabel }));
|
|
80
78
|
};
|
|
81
|
-
return !ssoOnly
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}, ref: loginButtonRef, type: "submit", form: "login-form", name: "doLogin", disabled: loginDisabled, value: overlays.translate('YOOBICLOGIN'), style: buttonColor && !loginDisabled ? { backgroundColor: buttonColor, color: overlays.getContrastColor(buttonColor) } : undefined }))
|
|
93
|
-
: index.h("div", { class: "sso-only-login" }, ssoLoginButtonElement);
|
|
79
|
+
return !ssoOnly ? (index.h("form", { autoComplete: "on", id: "login-form", novalidate: true, onSubmit: onFormSubmit },
|
|
80
|
+
renderInputContainer('username'),
|
|
81
|
+
renderInputContainer('password'),
|
|
82
|
+
index.h("div", { class: { 'help-buttons': true, mobile: !overlays.isWeb() } },
|
|
83
|
+
overlays.isWeb() && magicButtonElement,
|
|
84
|
+
helpButtonElement),
|
|
85
|
+
index.h("input", { id: "default-login-button", class: {
|
|
86
|
+
[inputAndButtonSize]: true,
|
|
87
|
+
mobile: !overlays.isWeb(),
|
|
88
|
+
disabled: loginDisabled
|
|
89
|
+
}, ref: loginButtonRef, type: "submit", form: "login-form", name: "doLogin", disabled: loginDisabled, value: overlays.translate('YOOBICLOGIN'), style: buttonColor && !loginDisabled ? { backgroundColor: buttonColor, color: overlays.getContrastColor(buttonColor) } : undefined }))) : (index.h("div", { class: "sso-only-login" }, ssoLoginButtonElement));
|
|
94
90
|
};
|
|
95
91
|
|
|
96
92
|
const Divider = ({ style }) => (index.h("div", { id: "divider", style: style },
|
|
@@ -98,14 +94,14 @@ const Divider = ({ style }) => (index.h("div", { id: "divider", style: style },
|
|
|
98
94
|
index.h("p", null, "or"),
|
|
99
95
|
index.h("div", null)));
|
|
100
96
|
|
|
101
|
-
const LoginOptions = ({ ssoOnly, hideAdvancedLogin, hideGoogleLogin, hasCustomBackground, dividerColor, googleLoginButtonElement, ssoLoginButtonElement
|
|
97
|
+
const LoginOptions = ({ ssoOnly, hideAdvancedLogin, hideGoogleLogin, hasCustomBackground, dividerColor, googleLoginButtonElement, ssoLoginButtonElement }) => {
|
|
102
98
|
if (!ssoOnly) {
|
|
103
99
|
return (index.h("div", { class: {
|
|
104
100
|
'login-options': true,
|
|
105
101
|
'sso-only': ssoOnly,
|
|
106
102
|
'hide-google-login': hideGoogleLogin,
|
|
107
103
|
'hide-advanced-login': hideAdvancedLogin,
|
|
108
|
-
mobile: !overlays.isWeb(
|
|
104
|
+
mobile: !overlays.isWeb()
|
|
109
105
|
} },
|
|
110
106
|
index.h(Divider, { style: hasCustomBackground ? { '--divider-color': dividerColor } : undefined }),
|
|
111
107
|
googleLoginButtonElement,
|
|
@@ -121,7 +117,7 @@ const Sidepanel = ({ image, title, textColor }) => (index.h("div", { class: "sid
|
|
|
121
117
|
index.h("h1", { style: { color: textColor } }, title),
|
|
122
118
|
image && index.h("img", { src: image })));
|
|
123
119
|
|
|
124
|
-
const loginCss = ".outer-login-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-bottom:var(--spacing-16, 1rem)}.outer-login-container h1,.outer-login-container h3{font-weight:900}.outer-login-container h1{font-size:2.25rem;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container h3{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:80%;margin-top:0;margin-bottom:0.875rem;font-size:var(--font-size-24, 1.5rem);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .content-container{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:8rem var(--spacing-24, 1.5rem) 0}.outer-login-container.ios .content-container{position:absolute}.outer-login-container yoo-button{width:100%;margin-top:var(--spacing-16, 1rem)}.outer-login-container.keyboard-open:not(.ios){-ms-flex-pack:end;justify-content:flex-end}.outer-login-container.keyboard-transitioning.ios .content-container,.outer-login-container.keyboard-open.ios .content-container{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.outer-login-container[sso-only] .content-container{padding-top:0}.outer-login-container[is-whitelabel] .content-container{padding-top:var(--spacing-96, 6rem)}@media screen and (max-height: 699px){.outer-login-container.keyboard-closed .content-container{padding-top:0}}@media screen and (min-width: 750px){.outer-login-container{--header-footer-border-color:var(--stable-light, #f1f1f1)}.outer-login-container .content-container{padding-top:var(--spacing-96, 6rem)}.outer-login-container:not([is-whitelabel]) .content-container{padding-top:0}.outer-login-container.keyboard-open{-ms-flex-pack:end;justify-content:flex-end;padding-bottom:20%}}@media screen and (min-width: 1000px) and (max-height: 500px){.outer-login-container.keyboard-open{padding-bottom:var(--spacing-16, 1rem)}}@media screen and (min-width: 1000px) and (orientation: landscape){.outer-login-container.tablet.ios.keyboard-transitioning .content-container,.outer-login-container.tablet.ios.keyboard-open .content-container{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}.outer-login-container .background-overlay{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.25)}.outer-login-container .background-image{position:absolute;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;-webkit-filter:blur(0.1rem);filter:blur(0.1rem)}.outer-login-container #divider{--divider-color:var(--stable-alt, #d0d0d0);display:grid;grid-template-areas:\". or .\";grid-template-columns:1fr auto 1fr;-ms-flex-align:center;align-items:center;width:100%;height:1.125rem;margin:var(--spacing-24, 1.5rem) 0;color:var(--divider-color);font-size:var(--font-size-12, 0.75rem)}.outer-login-container #divider div{border-top:0.0675rem solid var(--divider-color)}.outer-login-container #divider p{grid-area:or;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0;padding:0 var(--spacing-16, 1rem)}@media screen and (min-width: 900px){.outer-login-container #divider{margin:var(--spacing-32, 2rem) 0}}.outer-login-container footer{position:absolute;bottom:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;font-size:var(--font-size-12, 0.75rem);text-align:center}.outer-login-container footer .powered-by{padding-right:var(--spacing-04, 0.25rem)}.outer-login-container footer .copyright{padding-right:var(--spacing-08, 0.5rem)}.outer-login-container footer .version{padding-left:var(--spacing-08, 0.5rem)}.outer-login-container.ios footer{padding-bottom:var(--spacing-16, 1rem)}@media screen and (min-width: 900px){.outer-login-container footer{width:41.5rem;margin:0 calc((100% - 41.5rem) / 2);border-top:var(--header-footer-border-color) 0.0675rem solid}.outer-login-container footer *{margin:var(--spacing-24, 1.5rem) 0 1.875rem 0;line-height:1.125rem}}@media screen and (max-height: 550px){.outer-login-container footer{display:none}}.outer-login-container:not([is-whitelabel]) .powered-by{display:none}.outer-login-container.keyboard-transitioning footer,.outer-login-container.keyboard-open footer{display:none}.outer-login-container #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0;text-align:left}.outer-login-container #error-alert .error-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin:0.5rem 0}.outer-login-container #error-alert .error-content p{margin:0}.outer-login-container #error-alert .error-content .link{text-decoration:underline;cursor:pointer}.outer-login-container #error-alert .error-content .link yoo-link{color:inherit}.outer-login-container #error-alert .error-content.web{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:1rem 0}.outer-login-container #error-alert .error-content.web p{margin:0 1rem 0 0;text-align:left}.outer-login-container #error-alert .error-content.web .link{text-align:right}.outer-login-container.ios #error-alert{padding-top:var(--spacing-32, 2rem)}.outer-login-container .header img{height:4rem;max-height:4rem}.outer-login-container .header{position:absolute;top:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:var(--spacing-24, 1.5rem);text-align:center;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .header h1{margin:0}.outer-login-container .header img{max-width:80%;margin-top:var(--spacing-48, 3rem);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container[shape=square] .header img{height:6rem;max-height:6rem}.outer-login-container[is-whitelabel] .header h1{display:none}@media screen and (min-width: 750px){.outer-login-container .header img{height:4rem;max-height:4rem}.outer-login-container[logo-shape=square] .header img{height:6rem;max-height:6rem}}@media screen and (min-width: 1000px){.outer-login-container .header img{height:4rem;max-height:4rem}.outer-login-container .header{width:41.5rem;margin:0 calc((100% - 41.5rem) / 2);border-bottom:var(--header-footer-border-color) 0.0675rem solid}.outer-login-container .header img{margin:2rem 0}.outer-login-container .header h1{display:none}.outer-login-container #error-alert{top:7.5rem;width:41.5rem;margin:0 calc((100% - 41.5rem) / 2)}.outer-login-container[is-whitelabel] #error-alert{top:9rem}.outer-login-container[logo-shape=square] .header img{height:6rem;max-height:6rem}.outer-login-container[logo-shape=square] #error-alert{top:11rem}.outer-login-container.tablet #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0}}@media screen and (max-width: 750px){.outer-login-container[is-whitelabel] .header img{height:4rem;max-height:4rem}.outer-login-container[is-whitelabel] header h1{display:none}.outer-login-container[is-whitelabel] header img{max-width:90%;margin-top:var(--spacing-48, 3rem)}.outer-login-container[is-whitelabel][logo-shape=square] .header img{height:6rem;max-height:6rem}.outer-login-container[is-whitelabel][logo-shape=square] .header img{margin-top:var(--spacing-64, 4rem)}}@media screen and (min-width: 900px) and (max-width: 1300px){.outer-login-container .header{margin-bottom:var(--spacing-32, 2rem)}.outer-login-container .header img{margin:var(--spacing-16, 1rem) 0}.outer-login-container #error-alert{top:6.5rem;width:41.5rem;margin:0 calc((100% - 41.5rem) / 2)}.outer-login-container[is-whitelabel] #error-alert{top:7rem}.outer-login-container[logo-shape=square] #error-alert{top:9rem}.outer-login-container.tablet #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0}}@media screen and (max-height: 799px){.outer-login-container:not([is-whitelabel]).keyboard-closed .header img{margin-top:var(--spacing-32, 2rem)}}@media screen and (max-height: 699px){.outer-login-container:not([is-whitelabel]).keyboard-closed .header h1{display:none}}@media screen and (max-height: 665px){.outer-login-container.keyboard-closed .header{display:none}}@media screen and (max-height: 500px){.outer-login-container.keyboard-open .header{display:none}}.outer-login-container:not([is-whitelabel]) .header img{height:2rem;max-height:2rem}.outer-login-container:not([is-whitelabel]) .header{margin-top:var(--spacing-16, 1rem)}.outer-login-container:not([is-whitelabel]) .header img{margin-bottom:var(--spacing-24, 1.5rem)}.outer-login-container{--disabled-color:var(--stable-light, #f1f1f1);--hover-color:var(--stable-light, #f1f1f1)}.outer-login-container #login-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;width:100%}.outer-login-container .outer-input-container{width:100%;margin-bottom:0.75rem}.outer-login-container .outer-input-container yoo-context-dialog{width:100%}.outer-login-container .help-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.outer-login-container .help-buttons yoo-button#help-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:1.5rem;margin:-0.5rem 0 0 0}.outer-login-container .help-buttons yoo-button#magic-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:1.5rem;margin:-0.5rem 0 0 0}.outer-login-container .help-buttons.mobile{-ms-flex-pack:end;justify-content:flex-end}.outer-login-container .help-buttons:not(.mobile) yoo-button#help-button{margin:-0.25rem -0.5rem 0 0}.outer-login-container .help-buttons:not(.mobile) yoo-button#magic-button{margin:-0.25rem 0 0 -0.5rem}.outer-login-container #default-login-button{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:var(--spacing-16, 1rem);color:var(--stable-light, #f1f1f1);background-color:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-transition:color 0.1s ease-in-out;transition:color 0.1s ease-in-out}.outer-login-container #default-login-button.disabled{color:var(--stable-alt, #d0d0d0);background-color:var(--disabled-color)}.outer-login-container #default-login-button:hover:not(.disabled){cursor:pointer;-webkit-filter:brightness(90%);filter:brightness(90%)}.outer-login-container #default-login-button:hover.disabled{cursor:not-allowed}.outer-login-container #default-login-button.medium{height:2rem;font-size:var(--font-size-14, 0.875rem)}.outer-login-container #default-login-button.medium.mobile{font-size:var(--font-size-16, 1rem)}.outer-login-container #default-login-button.large{height:3rem;font-size:var(--font-size-16, 1rem)}.outer-login-container.keyboard-open:not(.ios) #login-form{padding-bottom:var(--spacing-64, 4rem)}.outer-login-container.keyboard-open:not(.ios) #login-form #default-login-button{position:absolute;bottom:var(--spacing-16, 1rem);left:var(--spacing-24, 1.5rem);width:calc(100% - var(--spacing-48, 3rem))}.outer-login-container[sso-only] #login-form{display:none}.outer-login-container[sso-only] .sso-only-login{display:block}.outer-login-container:not([sso-only]) .sso-only-login{display:none}.login-options .google-logo{margin-right:var(--spacing-08, 0.5rem)}.login-options.sso-only{display:none}.outer-login-container.keyboard-open .login-options,.outer-login-container.keyboard-transitioning:not(.ios) .login-options{display:none}.login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button,.login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button *{visibility:hidden !important}.login-options.hide-google-login.mobile:not(.hide-advanced-login) #google-login-button{-webkit-transform:translateY(4rem);transform:translateY(4rem);visibility:hidden !important}.login-options.hide-google-login.mobile:not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #google-login-button{-webkit-transform:translateY(3rem);transform:translateY(3rem);visibility:hidden !important}.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.login-options.hide-advanced-login.hide-google-login,.login-options.hide-advanced-login.hide-google-login *{visibility:hidden !important}@media screen and (min-width: 750px) and (max-width: 999px) and (orientation: portrait){.outer-login-container.keyboard-transitioning .login-options,.outer-login-container.keyboard-open .login-options{display:block}}@media screen and (min-width: 900px){.outer-login-container .login-options .google-logo{height:1rem}}.outer-login-container .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:22rem;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container[sso-only] .main-content{margin-top:calc(var(--spacing-64, 4rem) * -1)}@media screen and (min-width: 900px){.outer-login-container .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:18.75rem}.outer-login-container .main-content yoo-form-input-container{font-size:var(--font-size-12, 0.75rem)}}@media screen and (max-width: 899px){.outer-login-container:not([is-whitelabel]) .main-content h3{display:none}.outer-login-container.focused h3{-webkit-transform:scale(1.2) translateX(10%);transform:scale(1.2) translateX(10%)}}.outer-login-container .sidepanel{margin-right:var(--spacing-64, 4rem)}.outer-login-container .sidepanel h1{margin-top:0}@media screen and (min-width: 1000px){.outer-login-container .sidepanel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:18.75rem}.outer-login-container .sidepanel yoo-form-input-container{font-size:var(--font-size-12, 0.75rem)}}@media screen and (max-width: 999px){.outer-login-container .sidepanel{display:none}}.outer-login-container:not([is-double-column]) .sidepanel{display:none}.outer-input-container{--input-background-color:var(--light, #ffffff);--input-border-color:var(--dark, #000000);--input-text-color:var(--text-color, #807f83);--input-font-size:var(--font-size-16, 1rem);--caret-color:var(--app-color, #5a30f4);display:block;width:100%;color:var(--dark, #000000);display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0}.outer-input-container:focus{outline:0}.outer-input-container[type=reset],.outer-input-container[type=button],.outer-input-container[type=submit],.outer-input-container[type=checkbox],.outer-input-container[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}.outer-input-container[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}.outer-input-container label{color:var(--field-title-color);font-size:var(--font-size-12, 0.75rem)}.outer-input-container .float-left{float:left;margin-top:var(--spacing-04, 0.25rem);margin-right:var(--spacing-08, 0.5rem);cursor:pointer}.outer-input-container .float-left:hover{fill:var(--app-color, #5a30f4)}.outer-input-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.outer-input-container .truncate:hover{color:var(--app-color, #5a30f4)}.outer-input-container.focused .inner-input-container{border:var(--border-width-01, 0.0625rem) solid var(--input-border-color)}.outer-input-container .inner-input-container{position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:0.625rem;direction:ltr;background:var(--input-background-color);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}.outer-input-container .inner-input-container.noborder{border:none !important}.outer-input-container .inner-input-container .icon-prefix,.outer-input-container .inner-input-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.4375rem var(--spacing-08, 0.5rem);color:inherit}.outer-input-container .inner-input-container .inline-left{display:inline-block;margin-left:var(--spacing-04, 0.25rem)}.outer-input-container .inner-input-container .icon-suffix-focus{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.4375rem var(--spacing-08, 0.5rem);color:inherit;display:flex;flex-direction:row;padding-right:var(--spacing-08, 0.5rem);-webkit-transition:display ease-in-out 0.2s;transition:display ease-in-out 0.2s}.outer-input-container .inner-input-container .icon-suffix-focus yoo-icon{visibility:hidden !important}.outer-input-container .inner-input-container input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;-ms-flex:1;flex:1;width:100%;min-width:0;padding:var(--spacing-08, 0.5rem);padding-right:2rem;padding-left:2rem;color:inherit;font-weight:var(--font-weight-400, 400);font-size:var(--input-font-size);font-family:var(--font-family, \"Lato\");line-height:1.5;text-align:left;background:transparent;border:none;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:transparent 0 0 0 62.5rem inset;box-shadow:transparent 0 0 0 62.5rem inset;-webkit-appearance:none;caret-color:var(--caret-color)}.outer-input-container .inner-input-container input::-webkit-input-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:-moz-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input::-moz-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:-ms-input-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:focus{outline:none}.outer-input-container .inner-input-container input.hide-value{color:transparent}.outer-input-container .inner-input-container.password input{padding-right:4rem}.outer-input-container .inner-input-container .icon-prefix,.outer-input-container .inner-input-container .password-input-clear-icon,.outer-input-container .inner-input-container .username-input-clear-icon,.outer-input-container .inner-input-container .input-show-icon{position:absolute;z-index:5}.outer-input-container .inner-input-container .icon-prefix{left:0}.outer-input-container .inner-input-container .password-input-clear-icon,.outer-input-container .inner-input-container .username-input-clear-icon{right:0}.outer-input-container .inner-input-container .input-show-icon{right:2rem}.outer-input-container.has-value.focused .inner-input-container.username .username-input-clear-icon yoo-icon{visibility:visible !important}.outer-input-container.has-value.focused .inner-input-container.password .input-show-icon yoo-icon{visibility:visible !important}.outer-input-container.has-value.focused .inner-input-container.password .password-input-clear-icon yoo-icon{visibility:visible !important}.outer-input-container.large .inner-input-container{height:3rem}.outer-input-container.large .inner-input-container input{padding-right:2.5rem;padding-left:2.5rem}.outer-input-container.large .inner-input-container.password input{padding-right:4.5rem}.outer-input-container.large .inner-input-container .icon-prefix{padding:0.75rem var(--spacing-08, 0.5rem)}.outer-input-container.large .inner-input-container .password-input-clear-icon,.outer-input-container.large .inner-input-container .username-input-clear-icon{padding:0.75rem var(--spacing-08, 0.5rem)}.outer-input-container.large .inner-input-container .input-show-icon{padding:0.75rem var(--spacing-08, 0.5rem)}.outer-input-container.medium .inner-input-container{height:2rem;font-size:var(--font-size-14, 0.875rem);border-radius:var(--border-radius-04, 0.25rem)}.outer-input-container.medium .inner-input-container input{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.small .inner-input-container{height:1.5rem;border-radius:var(--border-radius-04, 0.25rem)}.outer-input-container.small .inner-input-container input{font-size:var(--font-size-14, 0.875rem)}.accent .inner-input-container{border-color:var(--accent, #276ef1)}.accent .inner-input-container .icon-prefix{border-right:none}.accent .inner-input-container .icon-prefix yoo-icon{fill:var(--accent, #276ef1)}.accent .inner-input-container .icon-suffix{color:var(--accent, #276ef1);border-left:none}.accent .inner-input-container input{color:var(--accent, #276ef1)}.accent .inner-input-container input::-webkit-input-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input:-moz-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input::-moz-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input:-ms-input-placeholder{color:var(--accent, #276ef1)}.success .inner-input-container{border-color:var(--success, #3aa76d)}.success .inner-input-container .icon-prefix{border-right:none}.success .inner-input-container .icon-prefix yoo-icon{fill:var(--success, #3aa76d)}.success .inner-input-container .icon-suffix{color:var(--success, #3aa76d);border-left:none}.success .inner-input-container input{color:var(--success, #3aa76d)}.success .inner-input-container input::-webkit-input-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input:-moz-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input::-moz-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input:-ms-input-placeholder{color:var(--success, #3aa76d)}.app-color .inner-input-container{border-color:var(--app-color, #5a30f4)}.app-color .inner-input-container .icon-prefix{border-right:none}.app-color .inner-input-container .icon-prefix yoo-icon{fill:var(--app-color, #5a30f4)}.app-color .inner-input-container .icon-suffix{color:var(--app-color, #5a30f4);border-left:none}.app-color .inner-input-container input{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input::-webkit-input-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input:-moz-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input::-moz-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input:-ms-input-placeholder{color:var(--app-color, #5a30f4)}.info .inner-input-container{border-color:var(--info, #d84c96)}.info .inner-input-container .icon-prefix{border-right:none}.info .inner-input-container .icon-prefix yoo-icon{fill:var(--info, #d84c96)}.info .inner-input-container .icon-suffix{color:var(--info, #d84c96);border-left:none}.info .inner-input-container input{color:var(--info, #d84c96)}.info .inner-input-container input::-webkit-input-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input:-moz-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input::-moz-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input:-ms-input-placeholder{color:var(--info, #d84c96)}.warning .inner-input-container{border-color:var(--warning, #ed6e33)}.warning .inner-input-container .icon-prefix{border-right:none}.warning .inner-input-container .icon-prefix yoo-icon{fill:var(--warning, #ed6e33)}.warning .inner-input-container .icon-suffix{color:var(--warning, #ed6e33);border-left:none}.warning .inner-input-container input{color:var(--warning, #ed6e33)}.warning .inner-input-container input::-webkit-input-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input:-moz-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input::-moz-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input:-ms-input-placeholder{color:var(--warning, #ed6e33)}.danger .inner-input-container{border-color:var(--danger, #d44333)}.danger .inner-input-container .icon-prefix{border-right:none}.danger .inner-input-container .icon-prefix yoo-icon{fill:var(--danger, #d44333)}.danger .inner-input-container .icon-suffix{color:var(--danger, #d44333);border-left:none}.danger .inner-input-container input{color:var(--danger, #d44333)}.danger .inner-input-container input::-webkit-input-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input:-moz-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input::-moz-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input:-ms-input-placeholder{color:var(--danger, #d44333)}.dark .inner-input-container{border-color:var(--dark, #000000)}.dark .inner-input-container .icon-prefix{border-right:none}.dark .inner-input-container .icon-prefix yoo-icon{fill:var(--dark, #000000)}.dark .inner-input-container .icon-suffix{color:var(--dark, #000000);border-left:none}.dark .inner-input-container input{color:var(--dark, #000000)}.dark .inner-input-container input::-webkit-input-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input:-moz-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input::-moz-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input:-ms-input-placeholder{color:var(--dark, #000000)}.stable-light .inner-input-container{border-color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container .icon-prefix{border-right:none}.stable-light .inner-input-container .icon-prefix yoo-icon{fill:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container .icon-suffix{color:var(--stable-light, #f1f1f1);border-left:none}.stable-light .inner-input-container input{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input::-webkit-input-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input:-moz-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input::-moz-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input:-ms-input-placeholder{color:var(--stable-light, #f1f1f1)}.stable .inner-input-container{border-color:var(--stable, #adadad)}.stable .inner-input-container .icon-prefix{border-right:none}.stable .inner-input-container .icon-prefix yoo-icon{fill:var(--stable, #adadad)}.stable .inner-input-container .icon-suffix{color:var(--stable, #adadad);border-left:none}.stable .inner-input-container input{color:var(--stable, #adadad)}.stable .inner-input-container input::-webkit-input-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input:-moz-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input::-moz-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input:-ms-input-placeholder{color:var(--stable, #adadad)}.light .inner-input-container{border-color:var(--light, #ffffff)}.light .inner-input-container .icon-prefix{border-right:none}.light .inner-input-container .icon-prefix yoo-icon{fill:var(--light, #ffffff)}.light .inner-input-container .icon-suffix{color:var(--light, #ffffff);border-left:none}.light .inner-input-container input{color:var(--light, #ffffff)}.light .inner-input-container input::-webkit-input-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input:-moz-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input::-moz-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input:-ms-input-placeholder{color:var(--light, #ffffff)}";
|
|
120
|
+
const loginCss = ".outer-login-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.outer-login-container h1,.outer-login-container h3{font-weight:900}.outer-login-container h1{font-size:2.25rem;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container h3{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:80%;margin-top:0;margin-bottom:0.875rem;font-size:var(--font-size-24, 1.5rem);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .content-container{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:7.5rem var(--spacing-24, 1.5rem) 0}.outer-login-container.ios .content-container{position:absolute}.outer-login-container yoo-button{width:100%;margin-top:var(--spacing-16, 1rem)}.outer-login-container.keyboard-open:not(.ios){-ms-flex-pack:end;justify-content:flex-end}.outer-login-container.keyboard-transitioning.ios .content-container,.outer-login-container.keyboard-open.ios .content-container{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.outer-login-container[sso-only] .content-container{padding-top:0}.outer-login-container[is-whitelabel] .content-container{padding-top:var(--spacing-96, 6rem)}@media screen and (max-height: 699px){.outer-login-container:not(.emulated).keyboard-closed .content-container{padding-top:0}}@media screen and (min-width: 750px){.outer-login-container:not(.emulated){--header-footer-border-color:var(--stable-light, #f1f1f1)}.outer-login-container:not(.emulated) .content-container{padding-top:var(--spacing-96, 6rem)}.outer-login-container:not(.emulated):not([is-whitelabel]):not(.emulated) .content-container{padding-top:0}.outer-login-container:not(.emulated).keyboard-open{-ms-flex-pack:end;justify-content:flex-end;padding-bottom:20%}}@media screen and (min-width: 1000px) and (max-height: 500px){.outer-login-container:not(.emulated).keyboard-open{padding-bottom:var(--spacing-16, 1rem)}}@media screen and (min-width: 1000px) and (orientation: landscape){.outer-login-container.tablet.ios:not(.emulated).keyboard-transitioning .content-container,.outer-login-container.tablet.ios:not(.emulated).keyboard-open .content-container{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}.outer-login-container.emulated:not([is-whitelabel]) .content-container{padding-top:9rem}.outer-login-container.emulated[is-whitelabel] .content-container{padding-top:8rem}.outer-login-container .background-overlay{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.25)}.outer-login-container .background-image{position:absolute;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;-webkit-filter:blur(0.1rem);filter:blur(0.1rem)}.outer-login-container #divider{--divider-color:var(--stable-alt, #d0d0d0);display:grid;grid-template-areas:\". or .\";grid-template-columns:1fr auto 1fr;-ms-flex-align:center;align-items:center;width:100%;height:1.125rem;margin:var(--spacing-24, 1.5rem) 0;color:var(--divider-color);font-size:var(--font-size-12, 0.75rem)}.outer-login-container #divider div{border-top:0.0675rem solid var(--divider-color)}.outer-login-container #divider p{grid-area:or;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0;padding:0 var(--spacing-16, 1rem)}@media screen and (min-width: 900px){.outer-login-container:not(.emulated) #divider{margin:var(--spacing-32, 2rem) 0}}.outer-login-container footer{position:absolute;bottom:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;font-size:var(--font-size-12, 0.75rem);text-align:center}.outer-login-container footer .powered-by{padding-right:var(--spacing-04, 0.25rem)}.outer-login-container footer .copyright{padding-right:var(--spacing-08, 0.5rem)}.outer-login-container footer .version{padding-left:var(--spacing-08, 0.5rem)}.outer-login-container.ios footer{padding-bottom:var(--spacing-16, 1rem)}@media screen and (min-width: 900px){.outer-login-container:not(.emulated) footer{width:41.5rem;margin:0 calc((100% - 41.5rem) / 2);border-top:var(--header-footer-border-color) 0.0675rem solid}.outer-login-container:not(.emulated) footer *{margin:var(--spacing-24, 1.5rem) 0 1.875rem 0;line-height:1.125rem}}@media screen and (max-height: 550px){.outer-login-container:not(.emulated) footer{display:none}}.outer-login-container:not([is-whitelabel]) .powered-by{display:none}.outer-login-container.keyboard-transitioning footer,.outer-login-container.keyboard-open footer{display:none}.outer-login-container #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0;text-align:left}.outer-login-container #error-alert .error-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin:0.5rem 0}.outer-login-container #error-alert .error-content p{margin:0}.outer-login-container #error-alert .error-content .link{text-decoration:underline;cursor:pointer}.outer-login-container #error-alert .error-content .link yoo-link{color:inherit}.outer-login-container #error-alert .error-content.web{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:1rem 0}.outer-login-container #error-alert .error-content.web p{margin:0 1rem 0 0;text-align:left}.outer-login-container #error-alert .error-content.web .link{text-align:right}.outer-login-container.ios #error-alert{padding-top:var(--spacing-32, 2rem)}.outer-login-container .header img{height:4rem;max-height:4rem}.outer-login-container .header{position:absolute;top:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;margin-top:var(--spacing-24, 1.5rem);text-align:center;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container .header h1{margin:0}.outer-login-container .header img{max-width:80%;margin-top:var(--spacing-48, 3rem);-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container[shape=square] .header img{height:6rem;max-height:6rem}.outer-login-container[is-whitelabel] .header h1{display:none}@media screen and (min-width: 750px){.outer-login-container:not(.emulated) .header img{height:4rem;max-height:4rem}.outer-login-container:not(.emulated)[logo-shape=square] .header img{height:6rem;max-height:6rem}}@media screen and (min-width: 1000px){.outer-login-container:not(.emulated) .header img{height:4rem;max-height:4rem}.outer-login-container:not(.emulated) .header{width:41.5rem;margin:0 calc((100% - 41.5rem) / 2);border-bottom:var(--header-footer-border-color) 0.0675rem solid}.outer-login-container:not(.emulated) .header img{margin:2rem 0}.outer-login-container:not(.emulated) .header h1{display:none}.outer-login-container:not(.emulated) #error-alert{top:7.5rem;width:41.5rem;margin:0 calc((100% - 41.5rem) / 2)}.outer-login-container:not(.emulated)[is-whitelabel] #error-alert{top:9rem}.outer-login-container:not(.emulated)[logo-shape=square] .header img{height:6rem;max-height:6rem}.outer-login-container:not(.emulated)[logo-shape=square] #error-alert{top:11rem}.outer-login-container:not(.emulated).tablet #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0}}@media screen and (max-width: 750px){.outer-login-container[is-whitelabel]:not(.emulated) .header img{height:4rem;max-height:4rem}.outer-login-container[is-whitelabel]:not(.emulated) header h1{display:none}.outer-login-container[is-whitelabel]:not(.emulated) header img{max-width:90%;margin-top:var(--spacing-48, 3rem)}.outer-login-container[is-whitelabel]:not(.emulated)[logo-shape=square] .header img{height:6rem;max-height:6rem}.outer-login-container[is-whitelabel]:not(.emulated)[logo-shape=square] .header img{margin-top:var(--spacing-64, 4rem)}}.outer-login-container[is-whitelabel].emulated .header img{height:4rem;max-height:4rem}.outer-login-container[is-whitelabel].emulated header h1{display:none}.outer-login-container[is-whitelabel].emulated header img{max-width:90%;margin-top:var(--spacing-48, 3rem)}.outer-login-container[is-whitelabel].emulated[logo-shape=square] .header img{height:6rem;max-height:6rem}.outer-login-container[is-whitelabel].emulated[logo-shape=square] .header img{margin-top:var(--spacing-64, 4rem)}.outer-login-container[is-whitelabel].emulated:not(.hide-advanced-login):not(.hide-google-login)[logo-shape=square] .header img{height:6rem;max-height:6rem}.outer-login-container[is-whitelabel].emulated:not(.hide-advanced-login):not(.hide-google-login)[logo-shape=square] .header img{margin-top:var(--spacing-48, 3rem)}.outer-login-container:not([is-whitelabel]).emulated:not(.hide-advanced-login):not(.hide-google-login) .header img{margin-top:var(--spacing-24, 1.5rem)}@media screen and (min-width: 900px) and (max-width: 1300px){.outer-login-container:not(.emulated) .header{margin-bottom:var(--spacing-32, 2rem)}.outer-login-container:not(.emulated) .header img{margin:var(--spacing-16, 1rem) 0}.outer-login-container:not(.emulated) #error-alert{top:6.5rem;width:41.5rem;margin:0 calc((100% - 41.5rem) / 2)}.outer-login-container:not(.emulated)[is-whitelabel] #error-alert{top:7rem}.outer-login-container:not(.emulated)[logo-shape=square] #error-alert{top:9rem}.outer-login-container:not(.emulated).tablet #error-alert{position:absolute;top:0;z-index:10;width:100%;margin:0}}@media screen and (max-height: 799px){.outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header img{margin-top:var(--spacing-32, 2rem)}}@media screen and (max-height: 699px){.outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header h1{display:none}}@media screen and (max-height: 665px){.outer-login-container.keyboard-closed:not(.emulated) .header h1,.outer-login-container.keyboard-closed:not(.emulated) .header img{display:none}}@media screen and (max-height: 500px){.outer-login-container.keyboard-open:not(.emulated) .header{display:none}}.outer-login-container:not([is-whitelabel]) .header img{height:2rem;max-height:2rem}.outer-login-container:not([is-whitelabel]) .header{margin-top:var(--spacing-16, 1rem)}.outer-login-container:not([is-whitelabel]) .header img{margin-bottom:var(--spacing-24, 1.5rem)}.outer-login-container.emulated #error-alert{padding-top:var(--spacing-24, 1.5rem)}.outer-login-container{--disabled-color:var(--stable-light, #f1f1f1);--hover-color:var(--stable-light, #f1f1f1)}.outer-login-container #login-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;width:100%}.outer-login-container .outer-input-container{width:100%;margin-bottom:0.75rem}.outer-login-container .outer-input-container yoo-context-dialog{width:100%}.outer-login-container .help-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.outer-login-container .help-buttons yoo-button#help-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:1.5rem;margin:-0.5rem 0 0 0}.outer-login-container .help-buttons yoo-button#magic-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:1.5rem;margin:-0.5rem 0 0 0}.outer-login-container .help-buttons.mobile,.outer-login-container .help-buttons.emulated{-ms-flex-pack:end;justify-content:flex-end}.outer-login-container .help-buttons:not(.mobile):not(.emulated) yoo-button#help-button{margin:-0.25rem -0.5rem 0 0}.outer-login-container .help-buttons:not(.mobile):not(.emulated) yoo-button#magic-button{margin:-0.25rem 0 0 -0.5rem}.outer-login-container #default-login-button{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:var(--spacing-16, 1rem);color:var(--stable-light, #f1f1f1);background-color:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-transition:color 0.1s ease-in-out;transition:color 0.1s ease-in-out}.outer-login-container #default-login-button.disabled{color:var(--stable-alt, #d0d0d0);background-color:var(--disabled-color)}.outer-login-container #default-login-button:hover:not(.disabled){cursor:pointer;-webkit-filter:brightness(90%);filter:brightness(90%)}.outer-login-container #default-login-button:hover.disabled{cursor:not-allowed}.outer-login-container #default-login-button.medium{height:2rem;font-size:var(--font-size-14, 0.875rem)}.outer-login-container #default-login-button.medium.mobile,.outer-login-container #default-login-button.medium.emulated{font-size:var(--font-size-16, 1rem)}.outer-login-container #default-login-button.large{height:3rem;font-size:var(--font-size-16, 1rem)}.outer-login-container.keyboard-open:not(.ios) #login-form{padding-bottom:var(--spacing-64, 4rem)}.outer-login-container.keyboard-open:not(.ios) #login-form #default-login-button{position:absolute;bottom:var(--spacing-16, 1rem);left:var(--spacing-24, 1.5rem);width:calc(100% - var(--spacing-48, 3rem))}.outer-login-container[sso-only] #login-form{display:none}.outer-login-container[sso-only] .sso-only-login{display:block}.outer-login-container:not([sso-only]) .sso-only-login{display:none}.login-options .google-logo{margin-right:var(--spacing-08, 0.5rem)}.login-options.sso-only{display:none}.outer-login-container.keyboard-open .login-options,.outer-login-container.keyboard-transitioning:not(.ios) .login-options{display:none}.login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button,.login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button *{visibility:hidden !important}.login-options.hide-google-login.mobile:not(.hide-advanced-login) #google-login-button{-webkit-transform:translateY(4rem);transform:translateY(4rem);visibility:hidden !important}.login-options.hide-google-login.mobile:not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #google-login-button{-webkit-transform:translateY(3rem);transform:translateY(3rem);visibility:hidden !important}.login-options.hide-google-login:not(.mobile):not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.login-options.hide-advanced-login.hide-google-login,.login-options.hide-advanced-login.hide-google-login *{visibility:hidden !important}@media screen and (min-width: 750px) and (max-width: 999px) and (orientation: portrait){.outer-login-container.keyboard-transitioning .login-options,.outer-login-container.keyboard-open .login-options{display:block}}@media screen and (min-width: 900px){.outer-login-container:not(.emulated) .login-options .google-logo{height:1rem}}.outer-login-container.emulated .login-options.hide-google-login:not(.hide-advanced-login) #google-login-button{display:none}.outer-login-container.emulated .login-options.hide-google-login:not(.hide-advanced-login) #sso-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container.emulated .login-options.hide-advanced-login:not(.hide-google-login) #sso-login-button{display:none}.outer-login-container.emulated .login-options.hide-advanced-login:not(.hide-google-login) #google-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container.emulated .login-options.hide-advanced-login.hide-google-login #sso-login-button{display:none}.outer-login-container.emulated .login-options.hide-advanced-login.hide-google-login #google-login-button{-webkit-transform:translateY(0);transform:translateY(0)}.outer-login-container .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:22rem;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}.outer-login-container[sso-only] .main-content{margin-top:calc(var(--spacing-64, 4rem) * -1)}@media screen and (min-width: 900px){.outer-login-container:not(.emulated) .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:18.75rem}.outer-login-container:not(.emulated) .main-content yoo-form-input-container{font-size:var(--font-size-12, 0.75rem)}}@media screen and (max-width: 899px){.outer-login-container:not([is-whitelabel]) .main-content h3{display:none}.outer-login-container.focused h3{-webkit-transform:scale(1.2) translateX(10%);transform:scale(1.2) translateX(10%)}}.outer-login-container.emulated:not([is-whitelabel]) .main-content h3{display:none}.outer-login-container.emulated.focused h3{-webkit-transform:scale(1.2) translateX(10%);transform:scale(1.2) translateX(10%)}.outer-login-container .sidepanel{margin-right:var(--spacing-64, 4rem)}.outer-login-container .sidepanel h1{margin-top:0}@media screen and (min-width: 1000px){.outer-login-container:not(.emulated) .sidepanel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:18.75rem}.outer-login-container:not(.emulated) .sidepanel yoo-form-input-container{font-size:var(--font-size-12, 0.75rem)}}@media screen and (max-width: 999px){.outer-login-container .sidepanel{display:none}}.outer-login-container.emulated .sidepanel{display:none}.outer-login-container:not([is-double-column]) .sidepanel{display:none}.outer-input-container{--input-background-color:var(--light, #ffffff);--input-border-color:var(--dark, #000000);--input-text-color:var(--text-color, #807f83);--input-font-size:var(--font-size-16, 1rem);--caret-color:var(--app-color, #5a30f4);display:block;width:100%;color:var(--dark, #000000);display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0}.outer-input-container:focus{outline:0}.outer-input-container[type=reset],.outer-input-container[type=button],.outer-input-container[type=submit],.outer-input-container[type=checkbox],.outer-input-container[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}.outer-input-container[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}.outer-input-container label{color:var(--field-title-color);font-size:var(--font-size-12, 0.75rem)}.outer-input-container .float-left{float:left;margin-top:var(--spacing-04, 0.25rem);margin-right:var(--spacing-08, 0.5rem);cursor:pointer}.outer-input-container .float-left:hover{fill:var(--app-color, #5a30f4)}.outer-input-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.outer-input-container .truncate:hover{color:var(--app-color, #5a30f4)}.outer-input-container.focused .inner-input-container{border:var(--border-width-01, 0.0625rem) solid var(--input-border-color)}.outer-input-container .inner-input-container{position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:0.625rem;direction:ltr;background:var(--input-background-color);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}.outer-input-container .inner-input-container.noborder{border:none !important}.outer-input-container .inner-input-container .icon-prefix,.outer-input-container .inner-input-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.4375rem var(--spacing-08, 0.5rem);color:inherit}.outer-input-container .inner-input-container .inline-left{display:inline-block;margin-left:var(--spacing-04, 0.25rem)}.outer-input-container .inner-input-container .icon-suffix-focus{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.4375rem var(--spacing-08, 0.5rem);color:inherit;display:flex;flex-direction:row;padding-right:var(--spacing-08, 0.5rem);-webkit-transition:display ease-in-out 0.2s;transition:display ease-in-out 0.2s}.outer-input-container .inner-input-container .icon-suffix-focus yoo-icon{visibility:hidden !important}.outer-input-container .inner-input-container input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;-ms-flex:1;flex:1;width:100%;min-width:0;padding:var(--spacing-08, 0.5rem);padding-right:2rem;padding-left:2rem;color:inherit;font-weight:var(--font-weight-400, 400);font-size:var(--input-font-size);font-family:var(--font-family, \"Lato\");line-height:1.5;text-align:left;background:transparent;border:none;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:transparent 0 0 0 62.5rem inset;box-shadow:transparent 0 0 0 62.5rem inset;-webkit-appearance:none;caret-color:var(--caret-color)}.outer-input-container .inner-input-container input::-webkit-input-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:-moz-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input::-moz-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:-ms-input-placeholder{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}.outer-input-container .inner-input-container input:focus{outline:none}.outer-input-container .inner-input-container input.hide-value{color:transparent}.outer-input-container .inner-input-container.password input{padding-right:4rem}.outer-input-container .inner-input-container .icon-prefix,.outer-input-container .inner-input-container .password-input-clear-icon,.outer-input-container .inner-input-container .username-input-clear-icon,.outer-input-container .inner-input-container .input-show-icon{position:absolute;z-index:5}.outer-input-container .inner-input-container .icon-prefix{left:0}.outer-input-container .inner-input-container .password-input-clear-icon,.outer-input-container .inner-input-container .username-input-clear-icon{right:0}.outer-input-container .inner-input-container .input-show-icon{right:2rem}.outer-input-container.has-value.focused .inner-input-container.username .username-input-clear-icon yoo-icon{visibility:visible !important}.outer-input-container.has-value.focused .inner-input-container.password .input-show-icon yoo-icon{visibility:visible !important}.outer-input-container.has-value.focused .inner-input-container.password .password-input-clear-icon yoo-icon{visibility:visible !important}.outer-input-container.large .inner-input-container{height:3rem}.outer-input-container.large .inner-input-container input{padding-right:2.5rem;padding-left:2.5rem}.outer-input-container.large .inner-input-container.password input{padding-right:4.5rem}.outer-input-container.large .inner-input-container .icon-prefix{padding:0.75rem var(--spacing-08, 0.5rem)}.outer-input-container.large .inner-input-container .password-input-clear-icon,.outer-input-container.large .inner-input-container .username-input-clear-icon{padding:0.75rem var(--spacing-08, 0.5rem)}.outer-input-container.large .inner-input-container .input-show-icon{padding:0.75rem var(--spacing-08, 0.5rem)}.outer-input-container.medium .inner-input-container{height:2rem;font-size:var(--font-size-14, 0.875rem);border-radius:var(--border-radius-04, 0.25rem)}.outer-input-container.medium .inner-input-container input{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.medium .inner-input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}.outer-input-container.small .inner-input-container{height:1.5rem;border-radius:var(--border-radius-04, 0.25rem)}.outer-input-container.small .inner-input-container input{font-size:var(--font-size-14, 0.875rem)}.accent .inner-input-container{border-color:var(--accent, #276ef1)}.accent .inner-input-container .icon-prefix{border-right:none}.accent .inner-input-container .icon-prefix yoo-icon{fill:var(--accent, #276ef1)}.accent .inner-input-container .icon-suffix{color:var(--accent, #276ef1);border-left:none}.accent .inner-input-container input{color:var(--accent, #276ef1)}.accent .inner-input-container input::-webkit-input-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input:-moz-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input::-moz-placeholder{color:var(--accent, #276ef1)}.accent .inner-input-container input:-ms-input-placeholder{color:var(--accent, #276ef1)}.success .inner-input-container{border-color:var(--success, #3aa76d)}.success .inner-input-container .icon-prefix{border-right:none}.success .inner-input-container .icon-prefix yoo-icon{fill:var(--success, #3aa76d)}.success .inner-input-container .icon-suffix{color:var(--success, #3aa76d);border-left:none}.success .inner-input-container input{color:var(--success, #3aa76d)}.success .inner-input-container input::-webkit-input-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input:-moz-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input::-moz-placeholder{color:var(--success, #3aa76d)}.success .inner-input-container input:-ms-input-placeholder{color:var(--success, #3aa76d)}.app-color .inner-input-container{border-color:var(--app-color, #5a30f4)}.app-color .inner-input-container .icon-prefix{border-right:none}.app-color .inner-input-container .icon-prefix yoo-icon{fill:var(--app-color, #5a30f4)}.app-color .inner-input-container .icon-suffix{color:var(--app-color, #5a30f4);border-left:none}.app-color .inner-input-container input{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input::-webkit-input-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input:-moz-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input::-moz-placeholder{color:var(--app-color, #5a30f4)}.app-color .inner-input-container input:-ms-input-placeholder{color:var(--app-color, #5a30f4)}.info .inner-input-container{border-color:var(--info, #d84c96)}.info .inner-input-container .icon-prefix{border-right:none}.info .inner-input-container .icon-prefix yoo-icon{fill:var(--info, #d84c96)}.info .inner-input-container .icon-suffix{color:var(--info, #d84c96);border-left:none}.info .inner-input-container input{color:var(--info, #d84c96)}.info .inner-input-container input::-webkit-input-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input:-moz-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input::-moz-placeholder{color:var(--info, #d84c96)}.info .inner-input-container input:-ms-input-placeholder{color:var(--info, #d84c96)}.warning .inner-input-container{border-color:var(--warning, #ed6e33)}.warning .inner-input-container .icon-prefix{border-right:none}.warning .inner-input-container .icon-prefix yoo-icon{fill:var(--warning, #ed6e33)}.warning .inner-input-container .icon-suffix{color:var(--warning, #ed6e33);border-left:none}.warning .inner-input-container input{color:var(--warning, #ed6e33)}.warning .inner-input-container input::-webkit-input-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input:-moz-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input::-moz-placeholder{color:var(--warning, #ed6e33)}.warning .inner-input-container input:-ms-input-placeholder{color:var(--warning, #ed6e33)}.danger .inner-input-container{border-color:var(--danger, #d44333)}.danger .inner-input-container .icon-prefix{border-right:none}.danger .inner-input-container .icon-prefix yoo-icon{fill:var(--danger, #d44333)}.danger .inner-input-container .icon-suffix{color:var(--danger, #d44333);border-left:none}.danger .inner-input-container input{color:var(--danger, #d44333)}.danger .inner-input-container input::-webkit-input-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input:-moz-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input::-moz-placeholder{color:var(--danger, #d44333)}.danger .inner-input-container input:-ms-input-placeholder{color:var(--danger, #d44333)}.dark .inner-input-container{border-color:var(--dark, #000000)}.dark .inner-input-container .icon-prefix{border-right:none}.dark .inner-input-container .icon-prefix yoo-icon{fill:var(--dark, #000000)}.dark .inner-input-container .icon-suffix{color:var(--dark, #000000);border-left:none}.dark .inner-input-container input{color:var(--dark, #000000)}.dark .inner-input-container input::-webkit-input-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input:-moz-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input::-moz-placeholder{color:var(--dark, #000000)}.dark .inner-input-container input:-ms-input-placeholder{color:var(--dark, #000000)}.stable-light .inner-input-container{border-color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container .icon-prefix{border-right:none}.stable-light .inner-input-container .icon-prefix yoo-icon{fill:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container .icon-suffix{color:var(--stable-light, #f1f1f1);border-left:none}.stable-light .inner-input-container input{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input::-webkit-input-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input:-moz-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input::-moz-placeholder{color:var(--stable-light, #f1f1f1)}.stable-light .inner-input-container input:-ms-input-placeholder{color:var(--stable-light, #f1f1f1)}.stable .inner-input-container{border-color:var(--stable, #adadad)}.stable .inner-input-container .icon-prefix{border-right:none}.stable .inner-input-container .icon-prefix yoo-icon{fill:var(--stable, #adadad)}.stable .inner-input-container .icon-suffix{color:var(--stable, #adadad);border-left:none}.stable .inner-input-container input{color:var(--stable, #adadad)}.stable .inner-input-container input::-webkit-input-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input:-moz-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input::-moz-placeholder{color:var(--stable, #adadad)}.stable .inner-input-container input:-ms-input-placeholder{color:var(--stable, #adadad)}.light .inner-input-container{border-color:var(--light, #ffffff)}.light .inner-input-container .icon-prefix{border-right:none}.light .inner-input-container .icon-prefix yoo-icon{fill:var(--light, #ffffff)}.light .inner-input-container .icon-suffix{color:var(--light, #ffffff);border-left:none}.light .inner-input-container input{color:var(--light, #ffffff)}.light .inner-input-container input::-webkit-input-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input:-moz-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input::-moz-placeholder{color:var(--light, #ffffff)}.light .inner-input-container input:-ms-input-placeholder{color:var(--light, #ffffff)}";
|
|
125
121
|
|
|
126
122
|
const YooLoginComponent = class {
|
|
127
123
|
constructor(hostRef) {
|
|
@@ -131,7 +127,7 @@ const YooLoginComponent = class {
|
|
|
131
127
|
this.passwordResetModalRequested = index.createEvent(this, "passwordResetModalRequested", 7);
|
|
132
128
|
this.advancedLoginRequested = index.createEvent(this, "advancedLoginRequested", 7);
|
|
133
129
|
this.magicLinkModalRequested = index.createEvent(this, "magicLinkModalRequested", 7);
|
|
134
|
-
//* COMPONENT TEXT
|
|
130
|
+
//* COMPONENT TEXT
|
|
135
131
|
// Title Text
|
|
136
132
|
this.mainTitle = '';
|
|
137
133
|
// Subtitle Text
|
|
@@ -163,22 +159,16 @@ const YooLoginComponent = class {
|
|
|
163
159
|
return !!((_a = this.passwordInputElement) === null || _a === void 0 ? void 0 : _a.value);
|
|
164
160
|
}
|
|
165
161
|
get hasBackgroundMedia() {
|
|
166
|
-
return
|
|
167
|
-
? true
|
|
168
|
-
: false;
|
|
162
|
+
return this.backgroundSrc ? true : false;
|
|
169
163
|
}
|
|
170
164
|
get hasCustomBackground() {
|
|
171
|
-
return
|
|
165
|
+
return this.hasBackgroundMedia || this.backgroundColor ? true : false;
|
|
172
166
|
}
|
|
173
167
|
get primaryColor() {
|
|
174
168
|
if (this.textColor) {
|
|
175
169
|
return this.textColor;
|
|
176
170
|
}
|
|
177
|
-
const color = this.hasBackgroundMedia
|
|
178
|
-
? 'light'
|
|
179
|
-
: !this.backgroundColor
|
|
180
|
-
? 'dark'
|
|
181
|
-
: 'app-color';
|
|
171
|
+
const color = this.hasBackgroundMedia ? 'light' : !this.backgroundColor ? 'dark' : 'app-color';
|
|
182
172
|
return `var(--${color})`;
|
|
183
173
|
}
|
|
184
174
|
async getPassword() {
|
|
@@ -189,8 +179,7 @@ const YooLoginComponent = class {
|
|
|
189
179
|
this.defaultPassword && (this.password = this.defaultPassword);
|
|
190
180
|
overlays.setStatusBarDarkMode(true);
|
|
191
181
|
overlays.disableKeyboardResize();
|
|
192
|
-
overlays.isNativeMobile() &&
|
|
193
|
-
this.setKeyboardListeners();
|
|
182
|
+
overlays.isNativeMobile() && this.setKeyboardListeners();
|
|
194
183
|
}
|
|
195
184
|
componentDidLoad() {
|
|
196
185
|
var _a;
|
|
@@ -212,7 +201,8 @@ const YooLoginComponent = class {
|
|
|
212
201
|
if (!overlays.isNativeMobile()) {
|
|
213
202
|
this.isFocused = true;
|
|
214
203
|
}
|
|
215
|
-
else {
|
|
204
|
+
else {
|
|
205
|
+
// Has to be called here, as the 'keyboardWillShow' is called after, causing jittering
|
|
216
206
|
if (this.keyboardState !== 'open') {
|
|
217
207
|
this.contentContainerElement.style.top = `${this.contentContainerElement.offsetTop || 150}px`;
|
|
218
208
|
this.contentContainerElement.style.position = 'absolute';
|
|
@@ -230,7 +220,8 @@ const YooLoginComponent = class {
|
|
|
230
220
|
if (!overlays.isNativeMobile()) {
|
|
231
221
|
this.isFocused = false;
|
|
232
222
|
}
|
|
233
|
-
else {
|
|
223
|
+
else {
|
|
224
|
+
// Has to be called here, as the 'keyboardWillHide' is called after, causing jittering
|
|
234
225
|
this.contentContainerElement.style.position = 'absolute';
|
|
235
226
|
}
|
|
236
227
|
this.focusedInput = undefined;
|
|
@@ -337,25 +328,25 @@ const YooLoginComponent = class {
|
|
|
337
328
|
getButton(type, onClick, ref = undefined) {
|
|
338
329
|
const isOtherLoginOptions = ['GOOGLE', 'SSO'].includes(type);
|
|
339
330
|
const isHelpButton = ['HELP', 'MAGIC'].includes(type);
|
|
340
|
-
return (index.h("yoo-button", { id: !isHelpButton ? `${type.toLowerCase()}-login-button` : `${type.toLowerCase()}-button`, color: !isOtherLoginOptions ? 'app-color' : 'light', customColor: this.textColor && isHelpButton ? { color: this.textColor } : undefined, fill: isHelpButton ? 'transparent' : 'solid', size: overlays.isWeb(this.host)
|
|
341
|
-
? isHelpButton ? 'small' : 'medium'
|
|
342
|
-
: isHelpButton ? 'medium' : 'large', animated: false, onClick: onClick, ref: ref }, type === 'SSO' && index.h("yoo-icon", { size: overlays.isWeb(this.host) ? 'small' : 'medium', slot: "start", name: "lock", color: "dark" }), type === 'GOOGLE' && index.h("img", { class: "google-logo", src: googleColorSvg, alt: "google logo", slot: "start" }), isHelpButton
|
|
343
|
-
? overlays.translate(type === 'HELP' ? this.helpText : this.magicLinkText)
|
|
344
|
-
: overlays.translate(`YOOBIC${type !== 'SSO-DEFAULT' ? type : ''}LOGIN`)));
|
|
331
|
+
return (index.h("yoo-button", { id: !isHelpButton ? `${type.toLowerCase()}-login-button` : `${type.toLowerCase()}-button`, color: !isOtherLoginOptions ? 'app-color' : 'light', customColor: this.textColor && isHelpButton ? { color: this.textColor } : undefined, fill: isHelpButton ? 'transparent' : 'solid', size: overlays.isWeb(this.host) ? (isHelpButton ? 'small' : 'medium') : isHelpButton ? 'medium' : 'large', animated: false, onClick: onClick, ref: ref }, type === 'SSO' && index.h("yoo-icon", { size: overlays.isWeb(this.host) ? 'small' : 'medium', slot: "start", name: "lock", color: "dark" }), type === 'GOOGLE' && index.h("img", { class: "google-logo", src: googleColorSvg, alt: "google logo", slot: "start" }), isHelpButton ? overlays.translate(type === 'HELP' ? this.helpText : this.magicLinkText) : overlays.translate(`YOOBIC${type !== 'SSO-DEFAULT' ? type : ''}LOGIN`)));
|
|
345
332
|
}
|
|
346
333
|
render() {
|
|
347
334
|
return (index.h(index.Host, { style: {
|
|
348
|
-
...this.hasCustomBackground
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
335
|
+
...(this.hasCustomBackground
|
|
336
|
+
? {
|
|
337
|
+
'--header-footer-border-color': `var(--${this.hasBackgroundMedia ? 'light-40' : 'app-color-20'})`,
|
|
338
|
+
backgroundColor: this.backgroundColor ? this.backgroundColor : 'unset'
|
|
339
|
+
}
|
|
340
|
+
: {})
|
|
352
341
|
}, class: {
|
|
353
342
|
'outer-login-container': true,
|
|
354
343
|
focused: this.isFocused,
|
|
355
344
|
[`keyboard-${this.keyboardState}`]: true,
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
345
|
+
emulated: overlays.isFullScreenFalse(),
|
|
346
|
+
web: overlays.isWeb(),
|
|
347
|
+
ios: overlays.isIOS(),
|
|
348
|
+
tablet: overlays.isTabletOrIpad()
|
|
349
|
+
} }, index.h(Header, { error: this.error, logo: this.logo, title: this.mainTitle, textColor: this.primaryColor, closeClick: () => this.onAlertClosed() }), index.h(Background, { hasBackgroundMedia: this.hasBackgroundMedia, image: this.backgroundSrc }), index.h("div", { class: "content-container", ref: (el) => (this.contentContainerElement = el) }, index.h(Sidepanel, { title: this.mainTitle, textColor: this.primaryColor, image: this.sidepanelImage }), index.h(MainContent, { subtitle: this.subtitle, textColor: this.primaryColor }, index.h(LoginForm, { buttonColor: this.textColor, ssoOnly: this.ssoOnly, fieldTitleColor: this.primaryColor, getInputLabel: this.getInputLabel.bind(this), getDefaultInputValue: this.getDefaultInputValue.bind(this), getInputValue: this.getInputValue.bind(this), focusedInput: this.focusedInput, bindReference: this.bindReference.bind(this), onIconClicked: this.onIconClicked.bind(this), onInputChanged: this.onInputChanged.bind(this), onInputFocused: this.onInputFocused.bind(this), onInputBlurred: () => this.onInputBlurred(), onEnterPressed: () => this.validateAndLogin(), onFormSubmit: (e) => this.onFormSubmit(e), onShowPassword: this.onShowPassword.bind(this), showPassword: this.showPassword, loginButtonRef: (el) => (this.loginButtonElement = el), helpButtonElement: this.getButton('HELP', () => this.onForgotPassword()), magicButtonElement: this.getButton('MAGIC', () => this.magicLinkModalRequested.emit(true)), ssoLoginButtonElement: this.getButton('SSO-DEFAULT', () => this.onAdvancedLogin()), clearInput: this.clearInput.bind(this), isWhitelabel: this.isWhitelabel }), index.h(LoginOptions, { ssoOnly: this.ssoOnly, hideGoogleLogin: this.hideGoogleLogin, hideAdvancedLogin: this.hideAdvancedLogin, hasCustomBackground: this.hasCustomBackground, dividerColor: this.primaryColor, googleLoginButtonElement: this.getButton('GOOGLE', () => this.onGoogleLogin()), ssoLoginButtonElement: this.getButton('SSO', () => this.onAdvancedLogin()) }))), index.h(Footer, { hasCustomBackground: this.hasCustomBackground, copyrightMessage: this.copyrightMessage, textColor: this.primaryColor, version: this.version, onClick: () => {
|
|
359
350
|
if (this.ssoOnly) {
|
|
360
351
|
this.ssoOnly = false;
|
|
361
352
|
}
|
|
@@ -49,9 +49,7 @@ const YooScratchCardCreatorComponent = class {
|
|
|
49
49
|
if ((_a = this.translationKey) === null || _a === void 0 ? void 0 : _a.length) {
|
|
50
50
|
this.translationValueUpdated.emit({ key: this.translationKey, value: this.inputValues.text });
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
this.inputChanged.emit(values);
|
|
54
|
-
}
|
|
52
|
+
this.inputChanged.emit(values);
|
|
55
53
|
}
|
|
56
54
|
onCaptureUpdated(ev, content) {
|
|
57
55
|
if (content) {
|
|
@@ -48,7 +48,7 @@ var document_1 = doccy;
|
|
|
48
48
|
|
|
49
49
|
var _extends_1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
50
50
|
function _extends() {
|
|
51
|
-
module.exports = _extends = Object.assign
|
|
51
|
+
module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
52
52
|
for (var i = 1; i < arguments.length; i++) {
|
|
53
53
|
var source = arguments[i];
|
|
54
54
|
|
|
@@ -263,7 +263,7 @@ const _assertThisInitialized = /*@__PURE__*/_commonjsHelpers.getDefaultExportFro
|
|
|
263
263
|
|
|
264
264
|
var setPrototypeOf = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
265
265
|
function _setPrototypeOf(o, p) {
|
|
266
|
-
module.exports = _setPrototypeOf = Object.setPrototypeOf
|
|
266
|
+
module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
267
267
|
o.__proto__ = p;
|
|
268
268
|
return o;
|
|
269
269
|
}, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
@@ -2530,7 +2530,7 @@ const isNativeReflectConstruct$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExpor
|
|
|
2530
2530
|
var construct = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
2531
2531
|
function _construct(Parent, args, Class) {
|
|
2532
2532
|
if (isNativeReflectConstruct()) {
|
|
2533
|
-
module.exports = _construct = Reflect.construct, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2533
|
+
module.exports = _construct = Reflect.construct.bind(), module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2534
2534
|
} else {
|
|
2535
2535
|
module.exports = _construct = function _construct(Parent, args, Class) {
|
|
2536
2536
|
var a = [null];
|
|
@@ -55,7 +55,7 @@ export function prepareChoice(choiceElement) {
|
|
|
55
55
|
}
|
|
56
56
|
export function hasWarnings(values, choiceElement, warningMsgs) {
|
|
57
57
|
const duplicateMessage = 'NODUPLICATEVALUES';
|
|
58
|
-
const hasDuplicatedValues = hasDuplicates(values);
|
|
58
|
+
const hasDuplicatedValues = hasDuplicates(values === null || values === void 0 ? void 0 : values.map(v => (v === null || v === void 0 ? void 0 : v.text) || v));
|
|
59
59
|
showWarningAlert(choiceElement.host, hasDuplicatedValues || !!(warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length), hasDuplicatedValues ? duplicateMessage : warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs[0]);
|
|
60
60
|
return hasDuplicatedValues && (warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length) > 0;
|
|
61
61
|
}
|
|
@@ -85,9 +85,10 @@ export class YooFormConnectComponent {
|
|
|
85
85
|
(_a = this.draggableElements) === null || _a === void 0 ? void 0 : _a.forEach(e => this.initDraggableActions(e));
|
|
86
86
|
}
|
|
87
87
|
async scrollToRevealGame() {
|
|
88
|
+
var _a;
|
|
88
89
|
const GAP_PADDING = 8;
|
|
89
90
|
const scrollElement = this.host.closest('yoo-ion-scroll');
|
|
90
|
-
if (scrollElement && this.values.length === 2) {
|
|
91
|
+
if (scrollElement && ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 2) {
|
|
91
92
|
const setScrollableHeight = () => {
|
|
92
93
|
const getHeight = (el) => { var _a; return (_a = el === null || el === void 0 ? void 0 : el.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.height; };
|
|
93
94
|
const formHeight = getHeight(this.host.closest('yoo-form-input-container'));
|
|
@@ -3052,7 +3052,7 @@ export class YooFormDynamicComponent {
|
|
|
3052
3052
|
this.openPreview.emit('');
|
|
3053
3053
|
}
|
|
3054
3054
|
renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly, cssClass, isHistory, previousField, slots }) {
|
|
3055
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
3055
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
3056
3056
|
const fieldState = getFieldState(field, this.fieldsState);
|
|
3057
3057
|
const required = isRequired(field, this.currentData, this.currentDataFlatten, fieldState.visible, this.suffix, this.session);
|
|
3058
3058
|
const disabled = isDisabled(field, this.currentData, this.currentDataFlatten, this.suffix, this.session);
|
|
@@ -3076,6 +3076,7 @@ export class YooFormDynamicComponent {
|
|
|
3076
3076
|
readonly,
|
|
3077
3077
|
required,
|
|
3078
3078
|
disabled,
|
|
3079
|
+
shuffled: field.shuffled,
|
|
3079
3080
|
clearable: !disabled,
|
|
3080
3081
|
name: field.name,
|
|
3081
3082
|
key: field.name,
|
|
@@ -3678,7 +3679,7 @@ export class YooFormDynamicComponent {
|
|
|
3678
3679
|
multiple,
|
|
3679
3680
|
allowOther: field.allowOther,
|
|
3680
3681
|
useTranslate: field.translate,
|
|
3681
|
-
shuffled: this.formType === 'lesson',
|
|
3682
|
+
shuffled: (_k = field.shuffled) !== null && _k !== void 0 ? _k : this.formType === 'lesson',
|
|
3682
3683
|
answer: field.answer,
|
|
3683
3684
|
class: field.extraClass,
|
|
3684
3685
|
description: field.description,
|
|
@@ -3688,7 +3689,7 @@ export class YooFormDynamicComponent {
|
|
|
3688
3689
|
}
|
|
3689
3690
|
case FormFieldType.selectchat: {
|
|
3690
3691
|
const multiple = field.multiple;
|
|
3691
|
-
const values = field.values || ((
|
|
3692
|
+
const values = field.values || ((_l = field.opValues) === null || _l === void 0 ? void 0 : _l.find((opValue) => opValue));
|
|
3692
3693
|
TagType = 'yoo-form-choice-chat';
|
|
3693
3694
|
attrs = {
|
|
3694
3695
|
...attrs,
|
|
@@ -3709,7 +3710,7 @@ export class YooFormDynamicComponent {
|
|
|
3709
3710
|
}
|
|
3710
3711
|
case FormFieldType.selectimage: {
|
|
3711
3712
|
const multiple = field.multiple;
|
|
3712
|
-
const values = field.values || ((
|
|
3713
|
+
const values = field.values || ((_m = field.opValues) === null || _m === void 0 ? void 0 : _m.find((opValue) => opValue));
|
|
3713
3714
|
TagType = 'yoo-form-choice-image';
|
|
3714
3715
|
attrs = {
|
|
3715
3716
|
...attrs,
|
|
@@ -3729,7 +3730,7 @@ export class YooFormDynamicComponent {
|
|
|
3729
3730
|
}
|
|
3730
3731
|
case FormFieldType.selectcard: {
|
|
3731
3732
|
const multiple = field.multiple;
|
|
3732
|
-
const values = field.values || ((
|
|
3733
|
+
const values = field.values || ((_o = field.opValues) === null || _o === void 0 ? void 0 : _o.find((opValue) => opValue));
|
|
3733
3734
|
TagType = 'yoo-form-choice-card';
|
|
3734
3735
|
attrs = {
|
|
3735
3736
|
...attrs,
|
|
@@ -3807,7 +3808,7 @@ export class YooFormDynamicComponent {
|
|
|
3807
3808
|
collectionName: field.collectionName,
|
|
3808
3809
|
entityType: field.entityType,
|
|
3809
3810
|
iconPrefix: field.iconPrefix,
|
|
3810
|
-
descriptionTemplate: data.isUnitCurrency && ((
|
|
3811
|
+
descriptionTemplate: data.isUnitCurrency && ((_p = data.currency) === null || _p === void 0 ? void 0 : _p.symbol) ? `${data.currency.symbol} {{text}}` : null,
|
|
3811
3812
|
max: field.max,
|
|
3812
3813
|
queryFields: field.queryFields,
|
|
3813
3814
|
model: field.model,
|
|
@@ -3816,7 +3817,7 @@ export class YooFormDynamicComponent {
|
|
|
3816
3817
|
onFetchCustomData: (ev) => this.onFetchCustomData(field, ev),
|
|
3817
3818
|
onFetchData: (ev) => this.onFetchData(field, ev)
|
|
3818
3819
|
};
|
|
3819
|
-
if (attrs.validators && ((
|
|
3820
|
+
if (attrs.validators && ((_q = config === null || config === void 0 ? void 0 : config.validators) === null || _q === void 0 ? void 0 : _q.length)) {
|
|
3820
3821
|
attrs.validators.push(...config.validators);
|
|
3821
3822
|
}
|
|
3822
3823
|
break;
|
|
@@ -3950,7 +3951,7 @@ export class YooFormDynamicComponent {
|
|
|
3950
3951
|
logo: field.logo,
|
|
3951
3952
|
value: value || field.value,
|
|
3952
3953
|
description: field.description,
|
|
3953
|
-
whiteLabel: (
|
|
3954
|
+
whiteLabel: (_r = getSession().tenant) === null || _r === void 0 ? void 0 : _r.waitlistWhitelabel,
|
|
3954
3955
|
showIllustration: field.showIllustration,
|
|
3955
3956
|
showShareLink: field.showShareLink,
|
|
3956
3957
|
showDownload: field.showDownload
|
|
@@ -4243,7 +4244,7 @@ export class YooFormDynamicComponent {
|
|
|
4243
4244
|
h("span", { slot: "title" }, field.title),
|
|
4244
4245
|
h("span", { innerHTML: markdown || value })));
|
|
4245
4246
|
}
|
|
4246
|
-
if (((
|
|
4247
|
+
if (((_s = field.valuesIcon) === null || _s === void 0 ? void 0 : _s.length) > 0) {
|
|
4247
4248
|
return [
|
|
4248
4249
|
markdown && h("div", { class: "info-header" }, markdown),
|
|
4249
4250
|
field.valuesIcon.map((item) => {
|
|
@@ -722,7 +722,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
|
|
|
722
722
|
|
|
723
723
|
:host([live-preview]),
|
|
724
724
|
:host(.mobile) {
|
|
725
|
-
min-height:
|
|
725
|
+
min-height: 60vh;
|
|
726
726
|
}
|
|
727
727
|
:host([live-preview]) #instructions #header,
|
|
728
728
|
:host(.mobile) #instructions #header {
|
|
@@ -96,9 +96,8 @@ export class YooFormTodoTaskListComponent {
|
|
|
96
96
|
return updated;
|
|
97
97
|
}
|
|
98
98
|
async deleteTask(index, withConfirmation = true) {
|
|
99
|
-
var _a, _b;
|
|
100
99
|
const result = withConfirmation
|
|
101
|
-
? await showAlert(translate('DELETETASK'), [translate('CANCEL'), { cssClass: 'danger', text: translate('DELETE') }], translate('CONFIRMDELETETASK'
|
|
100
|
+
? await showAlert(translate('DELETETASK'), [translate('CANCEL'), { cssClass: 'danger', text: translate('DELETE') }], translate('CONFIRMDELETETASK'))
|
|
102
101
|
: true;
|
|
103
102
|
if (result) {
|
|
104
103
|
this.updateValue({ ...this.value, values: [...this.value.values.slice(0, index), ...this.value.values.slice(index + 1)] });
|
package/dist/collection/components/form-creator/scratch-card-creator/scratch-card-creator.js
CHANGED
|
@@ -35,9 +35,7 @@ export class YooScratchCardCreatorComponent {
|
|
|
35
35
|
if ((_a = this.translationKey) === null || _a === void 0 ? void 0 : _a.length) {
|
|
36
36
|
this.translationValueUpdated.emit({ key: this.translationKey, value: this.inputValues.text });
|
|
37
37
|
}
|
|
38
|
-
|
|
39
|
-
this.inputChanged.emit(values);
|
|
40
|
-
}
|
|
38
|
+
this.inputChanged.emit(values);
|
|
41
39
|
}
|
|
42
40
|
onCaptureUpdated(ev, content) {
|
|
43
41
|
if (content) {
|
|
@@ -48,14 +48,14 @@ export const CardEvent = ({ configs }) => {
|
|
|
48
48
|
h("span", { class: "heading" },
|
|
49
49
|
h("yoo-icon", { size: "small", color: "text-color", name: isPublic ? 'feed' : 'email' }),
|
|
50
50
|
translate(`${isPublic ? 'PUBLICEVENT' : 'PRIVATEEVENT'}`)),
|
|
51
|
-
h("span", { class: "title" }, configs.title),
|
|
51
|
+
h("span", { class: "title" }, translateMulti(configs.title)),
|
|
52
52
|
h("span", { class: "date dark" }, `${dateFormat(startDate, format)}${!isSameDay || !configs.allDay ? (` ${translate('YOOBICTO').toLowerCase()} ${dateFormat(endDate, endformat)}`) : ''}`),
|
|
53
53
|
configs.location && (h("div", { class: "preview-container" },
|
|
54
54
|
h("yoo-avatar", { imgSrc: configs.location.imageData, iconText: configs.location.title, size: "extra-small" }),
|
|
55
55
|
h("span", null, configs.location.title))),
|
|
56
56
|
configs.address && h("span", { class: "address" }, configs.address),
|
|
57
57
|
configs.virtualRoomUrl && h("yoo-truncate", { class: "url", innerHTML: replaceAllLinks(configs.virtualRoomUrl) }),
|
|
58
|
-
configs.description && h("yoo-truncate", { class: "card-feeds", maxLength: 10, byWords: true, showEllipsisButton: true, content: replaceAllLinks(configs.description) }),
|
|
58
|
+
configs.description && h("yoo-truncate", { class: "card-feeds", maxLength: 10, byWords: true, showEllipsisButton: true, content: replaceAllLinks(translateMulti(configs.description)) }),
|
|
59
59
|
((_a = configs.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { class: "feed-hashtags" }, configs.tags.map((a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && h("span", { class: "hashtag", innerHTML: `#${translateMulti(a.toUpperCase()).toLowerCase()} ` })))),
|
|
60
60
|
configs.type && h("span", { class: "dark flex" },
|
|
61
61
|
`${translate('YOOBICCATEGORY')}: `,
|
|
@@ -188,10 +188,10 @@ export class YooDetailBarComponent {
|
|
|
188
188
|
translate('STATUS'),
|
|
189
189
|
":"),
|
|
190
190
|
h("yoo-tag", { color: "text-color-10" }, this.status))),
|
|
191
|
-
this.renderContent('ACTIVE', isBoolean(this.isActive) ? (this.isActive ? '
|
|
191
|
+
this.renderContent('ACTIVE', isBoolean(this.isActive) ? (this.isActive ? 'YOOBICYES' : 'YOOBICNO') : '-'),
|
|
192
192
|
this.period && this.period !== '-' && this.renderContent('PERIOD', this.period),
|
|
193
|
-
this.isFeatured !== null && this.renderContent('
|
|
194
|
-
this.progressiveLessons != null && this.renderContent('PROGRESSIVELESSONS', this.progressiveLessons ? '
|
|
193
|
+
this.isFeatured !== null && this.renderContent('FEATUREDCOURSE', this.isFeatured ? 'YOOBICYES' : 'YOOBICNO'),
|
|
194
|
+
this.progressiveLessons != null && this.renderContent('PROGRESSIVELESSONS', this.progressiveLessons ? 'YOOBICYES' : 'YOOBICNO'),
|
|
195
195
|
this.category && this.renderContent('CATEGORY', this.category),
|
|
196
196
|
havePoints &&
|
|
197
197
|
this.renderContent('POINTS', h("yoo-tag", { color: "app-color" },
|