@yoobic/yobi 8.3.0-43 → 8.3.0-46

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.
Files changed (108) hide show
  1. package/dist/cjs/design-system.cjs.js +1 -1
  2. package/dist/cjs/{entities-helpers-e77cfd61.js → entities-helpers-99fc4a8a.js} +29 -1
  3. package/dist/cjs/{filters-helpers-536b7b88.js → filters-helpers-63712f8d.js} +6 -13
  4. package/dist/cjs/{form-choice-helpers-b2ec494b.js → form-choice-helpers-e28efa04.js} +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/yoo-detail-bar.cjs.entry.js +1 -1
  7. package/dist/cjs/yoo-entity-query-builder.cjs.entry.js +1 -1
  8. package/dist/cjs/yoo-entity-search-filters.cjs.entry.js +1 -1
  9. package/dist/cjs/yoo-entity.cjs.entry.js +47 -70
  10. package/dist/cjs/yoo-form-autocomplete.cjs.entry.js +4 -3
  11. package/dist/cjs/yoo-form-choice-button.cjs.entry.js +1 -1
  12. package/dist/cjs/yoo-form-choice-card.cjs.entry.js +1 -1
  13. package/dist/cjs/yoo-form-choice-chat.cjs.entry.js +1 -1
  14. package/dist/cjs/yoo-form-choice-image.cjs.entry.js +1 -1
  15. package/dist/cjs/yoo-form-choice-radio.cjs.entry.js +1 -1
  16. package/dist/cjs/yoo-form-connect.cjs.entry.js +2 -1
  17. package/dist/cjs/yoo-form-creator-workflow-step.cjs.entry.js +1 -1
  18. package/dist/cjs/yoo-form-dynamic.cjs.entry.js +1 -0
  19. package/dist/cjs/yoo-form-missionfield.cjs.entry.js +7 -1
  20. package/dist/cjs/yoo-form-swipe-cards.cjs.entry.js +1 -1
  21. package/dist/cjs/yoo-form-text-editor.cjs.entry.js +64 -46
  22. package/dist/cjs/yoo-form-todo-task-list.cjs.entry.js +1 -2
  23. package/dist/cjs/yoo-grid.cjs.entry.js +1 -1
  24. package/dist/cjs/yoo-input-bar.cjs.entry.js +12948 -12743
  25. package/dist/cjs/yoo-login.cjs.entry.js +1 -1
  26. package/dist/cjs/yoo-scratch-card-creator.cjs.entry.js +1 -3
  27. package/dist/cjs/yoo-section-list.cjs.entry.js +3 -3
  28. package/dist/cjs/yoo-slides-media.cjs.entry.js +1 -1
  29. package/dist/cjs/yoo-user-profile.cjs.entry.js +1 -1
  30. package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js +3 -3
  31. package/dist/collection/components/entities/entity/entity.js +47 -70
  32. package/dist/collection/components/form/form-autocomplete/form-autocomplete.js +27 -5
  33. package/dist/collection/components/form/form-choice/form-choice-helpers.js +1 -1
  34. package/dist/collection/components/form/form-connect/form-connect.js +2 -1
  35. package/dist/collection/components/form/form-dynamic/form-dynamic.js +1 -0
  36. package/dist/collection/components/form/form-missionfield/form-missionfield.js +7 -1
  37. package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.css +1 -1
  38. package/dist/collection/components/form/form-todo-task-list/form-todo-task-list.js +1 -2
  39. package/dist/collection/components/form-creator/scratch-card-creator/scratch-card-creator.js +1 -3
  40. package/dist/collection/feature-learn/learning/section-list/section-list.js +3 -3
  41. package/dist/collection/feature-platform/login/login/login.css +1 -2
  42. package/dist/collection/utils/helpers/entities-helpers.js +29 -2
  43. package/dist/collection/utils/helpers/filters-helpers.js +6 -13
  44. package/dist/design-system/design-system.esm.js +1 -1
  45. package/dist/{esm/entities-helpers-9ea378f0.js → design-system/entities-helpers-67ff3fa4.js} +30 -3
  46. package/dist/{esm/filters-helpers-41224cde.js → design-system/filters-helpers-ded9ed03.js} +6 -13
  47. package/dist/design-system/{form-choice-helpers-800a6124.js → form-choice-helpers-b6936c42.js} +1 -1
  48. package/dist/design-system/yoo-detail-bar.entry.js +1 -1
  49. package/dist/design-system/yoo-entity-query-builder.entry.js +1 -1
  50. package/dist/design-system/yoo-entity-search-filters.entry.js +1 -1
  51. package/dist/design-system/yoo-entity.entry.js +47 -70
  52. package/dist/design-system/yoo-form-autocomplete.entry.js +4 -3
  53. package/dist/design-system/yoo-form-choice-button.entry.js +1 -1
  54. package/dist/design-system/yoo-form-choice-card.entry.js +1 -1
  55. package/dist/design-system/yoo-form-choice-chat.entry.js +1 -1
  56. package/dist/design-system/yoo-form-choice-image.entry.js +1 -1
  57. package/dist/design-system/yoo-form-choice-radio.entry.js +1 -1
  58. package/dist/design-system/yoo-form-connect.entry.js +2 -1
  59. package/dist/design-system/yoo-form-creator-workflow-step.entry.js +1 -1
  60. package/dist/design-system/yoo-form-dynamic.entry.js +1 -0
  61. package/dist/design-system/yoo-form-missionfield.entry.js +7 -1
  62. package/dist/design-system/yoo-form-swipe-cards.entry.js +1 -1
  63. package/dist/design-system/yoo-form-text-editor.entry.js +64 -46
  64. package/dist/design-system/yoo-form-todo-task-list.entry.js +1 -2
  65. package/dist/design-system/yoo-grid.entry.js +1 -1
  66. package/dist/design-system/yoo-input-bar.entry.js +12948 -12743
  67. package/dist/design-system/yoo-login.entry.js +1 -1
  68. package/dist/design-system/yoo-scratch-card-creator.entry.js +1 -3
  69. package/dist/design-system/yoo-section-list.entry.js +4 -4
  70. package/dist/design-system/yoo-slides-media.entry.js +1 -1
  71. package/dist/design-system/yoo-user-profile.entry.js +1 -1
  72. package/dist/design-system/yoo-videoplayer-videojs.entry.js +3 -3
  73. package/dist/esm/design-system.js +1 -1
  74. package/dist/{design-system/entities-helpers-9ea378f0.js → esm/entities-helpers-67ff3fa4.js} +30 -3
  75. package/dist/{design-system/filters-helpers-41224cde.js → esm/filters-helpers-ded9ed03.js} +6 -13
  76. package/dist/esm/{form-choice-helpers-800a6124.js → form-choice-helpers-b6936c42.js} +1 -1
  77. package/dist/esm/loader.js +1 -1
  78. package/dist/esm/yoo-detail-bar.entry.js +1 -1
  79. package/dist/esm/yoo-entity-query-builder.entry.js +1 -1
  80. package/dist/esm/yoo-entity-search-filters.entry.js +1 -1
  81. package/dist/esm/yoo-entity.entry.js +47 -70
  82. package/dist/esm/yoo-form-autocomplete.entry.js +4 -3
  83. package/dist/esm/yoo-form-choice-button.entry.js +1 -1
  84. package/dist/esm/yoo-form-choice-card.entry.js +1 -1
  85. package/dist/esm/yoo-form-choice-chat.entry.js +1 -1
  86. package/dist/esm/yoo-form-choice-image.entry.js +1 -1
  87. package/dist/esm/yoo-form-choice-radio.entry.js +1 -1
  88. package/dist/esm/yoo-form-connect.entry.js +2 -1
  89. package/dist/esm/yoo-form-creator-workflow-step.entry.js +1 -1
  90. package/dist/esm/yoo-form-dynamic.entry.js +1 -0
  91. package/dist/esm/yoo-form-missionfield.entry.js +7 -1
  92. package/dist/esm/yoo-form-swipe-cards.entry.js +1 -1
  93. package/dist/esm/yoo-form-text-editor.entry.js +64 -46
  94. package/dist/esm/yoo-form-todo-task-list.entry.js +1 -2
  95. package/dist/esm/yoo-grid.entry.js +1 -1
  96. package/dist/esm/yoo-input-bar.entry.js +12948 -12743
  97. package/dist/esm/yoo-login.entry.js +1 -1
  98. package/dist/esm/yoo-scratch-card-creator.entry.js +1 -3
  99. package/dist/esm/yoo-section-list.entry.js +4 -4
  100. package/dist/esm/yoo-slides-media.entry.js +1 -1
  101. package/dist/esm/yoo-user-profile.entry.js +1 -1
  102. package/dist/esm/yoo-videoplayer-videojs.entry.js +3 -3
  103. package/dist/types/components/form/form-autocomplete/form-autocomplete.d.ts +1 -1
  104. package/dist/types/components.d.ts +2 -0
  105. 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
  106. 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
  107. package/dist/types/utils/helpers/entities-helpers.d.ts +1 -0
  108. package/package.json +1 -1
package/dist/cjs/yoo-login.cjs.entry.js CHANGED
@@ -121,7 +121,7 @@ const Sidepanel = ({ image, title, textColor }) => (index.h("div", { class: "sid
121
121
  index.h("h1", { style: { color: textColor } }, title),
122
122
  image && index.h("img", { src: image })));
123
123
 
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)}";
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%}.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.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)}";
125
125
 
126
126
  const YooLoginComponent = class {
127
127
  constructor(hostRef) {
package/dist/cjs/yoo-scratch-card-creator.cjs.entry.js CHANGED
@@ -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
- else {
53
- this.inputChanged.emit(values);
54
- }
52
+ this.inputChanged.emit(values);
55
53
  }
56
54
  onCaptureUpdated(ev, content) {
57
55
  if (content) {
package/dist/cjs/yoo-section-list.cjs.entry.js CHANGED
@@ -411,7 +411,7 @@ const YooSectionListComponent = class {
411
411
  section: true,
412
412
  sortable: section.isSortable !== false
413
413
  };
414
- return (index.h("div", { class: classList, ref: (el) => section.el = el }, index.h("div", { class: "section-title" }, this.icon && index.h("div", { class: "icon" }, index.h("yoo-icon", { name: this.icon, size: "medium", color: "text-color" })), index.h("div", { class: "title" }, section.translatedTitle || overlays.translateMulti(section.title)), index.h("div", { class: "item-count" }, `${items.length} ${overlays.translate((_a = this.countSuffix) === null || _a === void 0 ? void 0 : _a.toUpperCase())}`), !this.disableSortable && !this.isReadonly && section.isSortable !== false && index.h("div", { class: "draggable" }, index.h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), section.hasActions !== false && this.renderDefaultActionOrToggle(section), index.h("yoo-icon", { size: "small", class: "expand", name: "arrow-up", color: "text-color", onClick: () => this.toggleExpandSectionItems(section) })), index.h("div", { class: "items" }, items.map((item) => this.renderSectionItem(item)))));
414
+ return (index.h("div", { class: classList, ref: (el) => section.el = el }, index.h("div", { class: "section-title" }, this.icon && index.h("div", { class: "icon" }, index.h("yoo-icon", { name: this.icon, size: "medium", color: "text-color" })), index.h("div", { class: "title" }, overlays.getCurrentLanguage() === this.baseLanguage ? section.translatedTitle : overlays.translateMulti(section.title)), index.h("div", { class: "item-count" }, `${items.length} ${overlays.translate((_a = this.countSuffix) === null || _a === void 0 ? void 0 : _a.toUpperCase())}`), !this.disableSortable && !this.isReadonly && section.isSortable !== false && index.h("div", { class: "draggable" }, index.h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), section.hasActions !== false && this.renderDefaultActionOrToggle(section), index.h("yoo-icon", { size: "small", class: "expand", name: "arrow-up", color: "text-color", onClick: () => this.toggleExpandSectionItems(section) })), index.h("div", { class: "items" }, items.map((item) => this.renderSectionItem(item)))));
415
415
  }
416
416
  getItemMouseEnterAction() {
417
417
  return function () {
@@ -433,8 +433,8 @@ const YooSectionListComponent = class {
433
433
  }
434
434
  renderSectionItem(item) {
435
435
  let checkboxRef;
436
- const title = overlays.getTranslatedAttribute(this.translations, item.title, this.baseLanguage || overlays.getCurrentLanguage(), 'title').value || overlays.translateMulti(item.title);
437
- const text = overlays.getTranslatedAttribute(this.translations, item.text, this.baseLanguage || overlays.getCurrentLanguage(), 'text').value || overlays.translateMulti(item.text);
436
+ const title = overlays.getTranslatedAttribute(this.translations, item.title, overlays.getCurrentLanguage() || this.baseLanguage, 'title').value || overlays.translateMulti(item.title);
437
+ const text = overlays.getTranslatedAttribute(this.translations, item.text, overlays.getCurrentLanguage() || this.baseLanguage, 'text').value || overlays.translateMulti(item.text);
438
438
  return (index.h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() }, index.h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && index.h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })), index.h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) }, index.h("div", { class: "title-container" }, item.user && index.h("yoo-avatars", { layout: "list", users: [item.user], size: "small" }), item.title && index.h("div", { class: "title", innerHTML: title }), item.text && index.h("div", { class: "description", innerHTML: text })), index.h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))), !this.disableSortable && !this.isReadonly && index.h("div", { class: "draggable" }, index.h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), !this.isOwner && (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
439
439
  }
440
440
  renderSectionItemColumn(column) {
package/dist/cjs/yoo-slides-media.cjs.entry.js CHANGED
@@ -7,7 +7,7 @@ const overlays = require('./overlays-046b4f60.js');
7
7
  require('./index-9dd76b79.js');
8
8
  const lodash = require('./lodash-72d493b9.js');
9
9
  const commonHelpers = require('./common-helpers-bfdca115.js');
10
- const entitiesHelpers = require('./entities-helpers-e77cfd61.js');
10
+ const entitiesHelpers = require('./entities-helpers-99fc4a8a.js');
11
11
  const formTextAreaHelpers = require('./form-text-area-helpers-4efd344d.js');
12
12
  require('./index-f6133645.js');
13
13
  require('./_commonjsHelpers-94df2ea7.js');
package/dist/cjs/yoo-user-profile.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-2e1afd31.js');
6
6
  require('./index-9dd76b79.js');
7
7
  const commonHelpers = require('./common-helpers-bfdca115.js');
8
- const entitiesHelpers = require('./entities-helpers-e77cfd61.js');
8
+ const entitiesHelpers = require('./entities-helpers-99fc4a8a.js');
9
9
  const overlays = require('./overlays-046b4f60.js');
10
10
  require('./lodash-72d493b9.js');
11
11
  require('./index-f6133645.js');
package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js CHANGED
@@ -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 || function (target) {
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 || function _setPrototypeOf(o, p) {
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];
package/dist/collection/components/entities/entity/entity.js CHANGED
@@ -8,7 +8,7 @@ import { getCampaignStateTags, getCampaignTemplateTags, getMissionDataStateTags,
8
8
  import { getMissionAddress, getMissionStateTags, getMissionUniqueKey, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
9
9
  import { getButton } from '../../../utils/button.factory';
10
10
  import { execHandlerAndStopEvent, getAppContext, getNotificationIcon } from '../../../utils/helpers/common-helpers';
11
- import { getCalendarCourseDueDate, getFolderIcon, onUserClick, parseEntityCommentsForCardList, parseEntityForCardChat, parseEntityForCardMedia } from '../../../utils/helpers/entities-helpers';
11
+ import { getCalendarCourseDueDate, getFolderIcon, onUserClick, parseEntityCommentsForCardList, parseEntityForCardChat, parseEntityForCardMedia, parseFolderForCardList } from '../../../utils/helpers/entities-helpers';
12
12
  import { createThemedClasses } from '../../../utils/ionic/theme';
13
13
  import { entitySimpleCardLists } from './constants';
14
14
  import { ChannelAvatarCard, ChannelsAvatarCard, ContactAvatarCard, LocationAvatarCard } from './utils/card-avatar.factory';
@@ -761,7 +761,7 @@ export class YooEntityComponent {
761
761
  return address;
762
762
  }
763
763
  renderCardList(extraClasses) {
764
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66;
764
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64;
765
765
  let entry = {};
766
766
  if (this.entityMapping) {
767
767
  entry = this.entityMapping(this.item, this.entityType, this.displayType);
@@ -1090,31 +1090,8 @@ export class YooEntityComponent {
1090
1090
  };
1091
1091
  }
1092
1092
  else if (this.entityType === 'folders' || (this.entityType === 'filesFolders' && this.item.fftype === 'folder')) {
1093
- const f = this.item;
1094
1093
  extraClasses += ' folders ';
1095
- const imgSrc = f.imgSrc || ((_4 = f.background) === null || _4 === void 0 ? void 0 : _4._downloadURL);
1096
- entry = {
1097
- heading: f.name,
1098
- imgSrc,
1099
- cloudinaryOptions: isVideo(imgSrc) ? { fallbackToOriginal: true, gif: true, videoEdit: 3 } : null,
1100
- avatarSize: 'large',
1101
- avatarIconSize: this.entityType === 'folders' ? 'extra-large' : 'large',
1102
- avatarFrame: 'transparent-square',
1103
- avatarColor: f.color ? `${f.color}` : getCssColor('app-color-80'),
1104
- icon: getFolderIcon(f),
1105
- tagElements: compact(f.tags).map((t) => ({ innerHTML: t, color: 'stable-light' })),
1106
- subheadings: []
1107
- };
1108
- if (f.stats) {
1109
- entry.subheadings = [
1110
- (((_5 = f.container) === null || _5 === void 0 ? void 0 : _5.name) ? f.container.name + ' ' : '') +
1111
- f.stats
1112
- .map((s) => {
1113
- return '<span>' + translate(s.title) + ': ' + s.value.toString() + '</span>';
1114
- })
1115
- .join()
1116
- ];
1117
- }
1094
+ entry = parseFolderForCardList(this.item, this.entityType);
1118
1095
  }
1119
1096
  else if (this.entityType === 'unsplash') {
1120
1097
  const unsplash = this.item;
@@ -1160,8 +1137,8 @@ export class YooEntityComponent {
1160
1137
  else if (this.entityType === 'publicAPITokens') {
1161
1138
  const token = this.item;
1162
1139
  entry = {
1163
- heading: (_6 = token === null || token === void 0 ? void 0 : token.user) === null || _6 === void 0 ? void 0 : _6.username,
1164
- subheadings: [(_7 = token === null || token === void 0 ? void 0 : token._tenant) === null || _7 === void 0 ? void 0 : _7.name],
1140
+ heading: (_4 = token === null || token === void 0 ? void 0 : token.user) === null || _4 === void 0 ? void 0 : _4.username,
1141
+ subheadings: [(_5 = token === null || token === void 0 ? void 0 : token._tenant) === null || _5 === void 0 ? void 0 : _5.name],
1165
1142
  users: [token === null || token === void 0 ? void 0 : token.user]
1166
1143
  };
1167
1144
  }
@@ -1202,15 +1179,15 @@ export class YooEntityComponent {
1202
1179
  }
1203
1180
  else if (this.entityType === 'language') {
1204
1181
  entry = {
1205
- heading: ((_8 = this.item) === null || _8 === void 0 ? void 0 : _8.title) ? translate(this.item.title.toUpperCase()) : ((_9 = this.item) === null || _9 === void 0 ? void 0 : _9._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
1206
- flag: this.host.classList.contains('hide-icon') ? null : ((_10 = this.item) === null || _10 === void 0 ? void 0 : _10._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
1182
+ heading: ((_6 = this.item) === null || _6 === void 0 ? void 0 : _6.title) ? translate(this.item.title.toUpperCase()) : ((_7 = this.item) === null || _7 === void 0 ? void 0 : _7._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
1183
+ flag: this.host.classList.contains('hide-icon') ? null : ((_8 = this.item) === null || _8 === void 0 ? void 0 : _8._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
1207
1184
  };
1208
1185
  }
1209
1186
  else if (this.entityType === 'waitlistvisit') {
1210
1187
  const visit = this.item;
1211
1188
  const tagElements = getWaitlistVisitTags(visit);
1212
1189
  entry = {
1213
- heading: ((_11 = visit.name) === null || _11 === void 0 ? void 0 : _11.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
1190
+ heading: ((_9 = visit.name) === null || _9 === void 0 ? void 0 : _9.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
1214
1191
  tagElements
1215
1192
  };
1216
1193
  if (!isWeb(this.host)) {
@@ -1225,7 +1202,7 @@ export class YooEntityComponent {
1225
1202
  else if (this.entityType === 'waitlistcustomer') {
1226
1203
  const customer = this.item;
1227
1204
  entry = {
1228
- heading: ((_12 = customer.name) === null || _12 === void 0 ? void 0 : _12.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
1205
+ heading: ((_10 = customer.name) === null || _10 === void 0 ? void 0 : _10.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
1229
1206
  subheadings: compact([customer.phone, customer.email])
1230
1207
  };
1231
1208
  }
@@ -1322,7 +1299,7 @@ export class YooEntityComponent {
1322
1299
  subheadings: this.isAutocompleteSelected() ? null : group.description ? [group.description] : null,
1323
1300
  iconText: group.title || group.name || group._id,
1324
1301
  heading: group.title || group.name || group._id,
1325
- imgSrc: (_13 = group.icon) === null || _13 === void 0 ? void 0 : _13._downloadURL
1302
+ imgSrc: (_11 = group.icon) === null || _11 === void 0 ? void 0 : _11._downloadURL
1326
1303
  };
1327
1304
  entry.subheadings = group.subheadings || entry.subheadings;
1328
1305
  }
@@ -1332,7 +1309,7 @@ export class YooEntityComponent {
1332
1309
  avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'medium',
1333
1310
  iconText: tenant.title || tenant.name,
1334
1311
  heading: (tenant.title || tenant.name || '').toUpperCase(),
1335
- imgSrc: (_14 = tenant.icon) === null || _14 === void 0 ? void 0 : _14._downloadURL,
1312
+ imgSrc: (_12 = tenant.icon) === null || _12 === void 0 ? void 0 : _12._downloadURL,
1336
1313
  subheadings: this.isAutocompleteSelected() ? null : compact([tenant.description])
1337
1314
  };
1338
1315
  }
@@ -1343,7 +1320,7 @@ export class YooEntityComponent {
1343
1320
  avatarFrame: 'square',
1344
1321
  iconText: translateMulti(model.title || model.name),
1345
1322
  heading: translateMulti(model.title || model.name),
1346
- imgSrc: ((_15 = model.background) === null || _15 === void 0 ? void 0 : _15._downloadURL) || model.background,
1323
+ imgSrc: ((_13 = model.background) === null || _13 === void 0 ? void 0 : _13._downloadURL) || model.background,
1347
1324
  subheadings: this.isAutocompleteSelected() ? null : compact([translateMulti(model.shortDescription)])
1348
1325
  };
1349
1326
  }
@@ -1352,10 +1329,10 @@ export class YooEntityComponent {
1352
1329
  entry = {
1353
1330
  heading: getUserDisplayName(filter.user),
1354
1331
  subheadings: compact([
1355
- ((_16 = filter.locations) === null || _16 === void 0 ? void 0 : _16.length) > 0
1332
+ ((_14 = filter.locations) === null || _14 === void 0 ? void 0 : _14.length) > 0
1356
1333
  ? filter.locations.length.toLocaleString() + ' ' + translate(filter.locations.length > 1 ? 'LOCATIONS' : 'LOCATION')
1357
1334
  : null,
1358
- ((_17 = filter.locationtypes) === null || _17 === void 0 ? void 0 : _17.length) > 0
1335
+ ((_15 = filter.locationtypes) === null || _15 === void 0 ? void 0 : _15.length) > 0
1359
1336
  ? filter.locationtypes.length.toLocaleString() + ' ' + translate(filter.locationtypes.length > 1 ? 'LOCATIONTYPES' : 'LOCATIONTYPE')
1360
1337
  : null
1361
1338
  ]),
@@ -1379,8 +1356,8 @@ export class YooEntityComponent {
1379
1356
  entry = {
1380
1357
  heading: catalog.title,
1381
1358
  tags: this.isAutocompleteSelected() ? null : groupsResolver(catalog.group),
1382
- icon: ((_18 = catalog.image) === null || _18 === void 0 ? void 0 : _18._downloadURL) ? null : 'catalogue',
1383
- imgSrc: ((_19 = catalog.image) === null || _19 === void 0 ? void 0 : _19._downloadURL) ? catalog.image._downloadURL : null,
1359
+ icon: ((_16 = catalog.image) === null || _16 === void 0 ? void 0 : _16._downloadURL) ? null : 'catalogue',
1360
+ imgSrc: ((_17 = catalog.image) === null || _17 === void 0 ? void 0 : _17._downloadURL) ? catalog.image._downloadURL : null,
1384
1361
  avatarSize: this.isAutocompleteSelected() ? 'small' : 'large'
1385
1362
  };
1386
1363
  }
@@ -1400,8 +1377,8 @@ export class YooEntityComponent {
1400
1377
  ],
1401
1378
  tagElements: product.outofstock ? [{ innerHTML: translate('OUTOFSTOCK'), color: 'danger' }] : null,
1402
1379
  tags: this.isAutocompleteSelected() || isWeb(this.host) ? null : product.tags,
1403
- icon: ((_20 = product.image) === null || _20 === void 0 ? void 0 : _20._downloadURL) ? null : 'photo-library',
1404
- imgSrc: ((_21 = product.image) === null || _21 === void 0 ? void 0 : _21._downloadURL) ? product.image._downloadURL : null,
1380
+ icon: ((_18 = product.image) === null || _18 === void 0 ? void 0 : _18._downloadURL) ? null : 'photo-library',
1381
+ imgSrc: ((_19 = product.image) === null || _19 === void 0 ? void 0 : _19._downloadURL) ? product.image._downloadURL : null,
1405
1382
  avatarSize: this.isHistory || this.host.classList.contains('simple') ? 'large' : this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-large',
1406
1383
  avatarFrame: 'square',
1407
1384
  allowCustomHtml: true
@@ -1410,7 +1387,7 @@ export class YooEntityComponent {
1410
1387
  else if (this.entityType === 'violetproducts') {
1411
1388
  const product = this.item;
1412
1389
  let subheadings = [product.description];
1413
- if (((_22 = this.item.offers) === null || _22 === void 0 ? void 0 : _22.length) && ((_23 = this.item.offers[0].skus) === null || _23 === void 0 ? void 0 : _23.length) && ((_24 = this.item.offers[0].skus[0]) === null || _24 === void 0 ? void 0 : _24.sale_price)) {
1390
+ if (((_20 = this.item.offers) === null || _20 === void 0 ? void 0 : _20.length) && ((_21 = this.item.offers[0].skus) === null || _21 === void 0 ? void 0 : _21.length) && ((_22 = this.item.offers[0].skus[0]) === null || _22 === void 0 ? void 0 : _22.sale_price)) {
1414
1391
  subheadings = [pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, { strictPrecision: false, customSymbol: this.item.offers[0].skus[0].currency, forceSymbol: true })];
1415
1392
  }
1416
1393
  if (!product.available) {
@@ -1438,7 +1415,7 @@ export class YooEntityComponent {
1438
1415
  };
1439
1416
  }
1440
1417
  else if (this.entityType === 'violetbasketitems') {
1441
- const sku = (_25 = this.item) === null || _25 === void 0 ? void 0 : _25.sku;
1418
+ const sku = (_23 = this.item) === null || _23 === void 0 ? void 0 : _23.sku;
1442
1419
  const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
1443
1420
  const subheadings = [pipes.currency.transform(price, { strictPrecision: false, customSymbol: sku.currency, forceSymbol: true })];
1444
1421
  entry = {
@@ -1480,11 +1457,11 @@ export class YooEntityComponent {
1480
1457
  entry = {
1481
1458
  heading: arModel.product ? arModel.product.title : 'YOOBICNA',
1482
1459
  tagElements: arModel.experience ? [{ innerHTML: translate((arModel.experience.mode || 'object').toUpperCase()), color: 'dark' }] : null,
1483
- topLeftBadge: ((_26 = arModel.photos) === null || _26 === void 0 ? void 0 : _26.length) > 0 ? arModel.photos.length.toLocaleString() : null,
1460
+ topLeftBadge: ((_24 = arModel.photos) === null || _24 === void 0 ? void 0 : _24.length) > 0 ? arModel.photos.length.toLocaleString() : null,
1484
1461
  subheadings: [arModel.product ? arModel.product.reference : '', arModel.rating ? translate('RATING') + ' ' + arModel.rating.toLocaleString() : null],
1485
1462
  tags: arModel.experience ? [arModel.experience.name] : null,
1486
- icon: ((_28 = (_27 = arModel.product) === null || _27 === void 0 ? void 0 : _27.image) === null || _28 === void 0 ? void 0 : _28._downloadURL) ? null : 'photo-library',
1487
- imgSrc: ((_30 = (_29 = arModel.product) === null || _29 === void 0 ? void 0 : _29.image) === null || _30 === void 0 ? void 0 : _30._downloadURL) ? arModel.product.image._downloadURL : null
1463
+ icon: ((_26 = (_25 = arModel.product) === null || _25 === void 0 ? void 0 : _25.image) === null || _26 === void 0 ? void 0 : _26._downloadURL) ? null : 'photo-library',
1464
+ imgSrc: ((_28 = (_27 = arModel.product) === null || _27 === void 0 ? void 0 : _27.image) === null || _28 === void 0 ? void 0 : _28._downloadURL) ? arModel.product.image._downloadURL : null
1488
1465
  };
1489
1466
  }
1490
1467
  else if (this.entityType === 'algorithm') {
@@ -1507,14 +1484,14 @@ export class YooEntityComponent {
1507
1484
  subheadings: [
1508
1485
  productBatch.product ? productBatch.product.reference : '',
1509
1486
  ...(getSession().user && getSession().user.locationRef === productBatch.locationRef
1510
- ? compact([((_31 = this.extraClass) === null || _31 === void 0 ? void 0 : _31.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
1511
- : ((_32 = productBatch.location) === null || _32 === void 0 ? void 0 : _32.title)
1512
- ? [productBatch.location.title + ' - ' + (((_33 = productBatch.aisle) === null || _33 === void 0 ? void 0 : _33.title) || '')]
1487
+ ? compact([((_29 = this.extraClass) === null || _29 === void 0 ? void 0 : _29.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
1488
+ : ((_30 = productBatch.location) === null || _30 === void 0 ? void 0 : _30.title)
1489
+ ? [productBatch.location.title + ' - ' + (((_31 = productBatch.aisle) === null || _31 === void 0 ? void 0 : _31.title) || '')]
1513
1490
  : [])
1514
1491
  ],
1515
1492
  tags: productBatch.tags,
1516
- icon: productBatch.product.image && ((_35 = (_34 = productBatch.product) === null || _34 === void 0 ? void 0 : _34.image) === null || _35 === void 0 ? void 0 : _35._downloadURL) ? null : 'photo-library',
1517
- imgSrc: ((_37 = (_36 = productBatch.product) === null || _36 === void 0 ? void 0 : _36.image) === null || _37 === void 0 ? void 0 : _37._downloadURL) ? productBatch.product.image._downloadURL : null
1493
+ icon: productBatch.product.image && ((_33 = (_32 = productBatch.product) === null || _32 === void 0 ? void 0 : _32.image) === null || _33 === void 0 ? void 0 : _33._downloadURL) ? null : 'photo-library',
1494
+ imgSrc: ((_35 = (_34 = productBatch.product) === null || _34 === void 0 ? void 0 : _34.image) === null || _35 === void 0 ? void 0 : _35._downloadURL) ? productBatch.product.image._downloadURL : null
1518
1495
  };
1519
1496
  if (productBatch.archived) {
1520
1497
  extraClasses += ' archived ';
@@ -1551,7 +1528,7 @@ export class YooEntityComponent {
1551
1528
  heading: product.title,
1552
1529
  subheadings,
1553
1530
  date: isPresent(this.item.description) ? this.item.description : null,
1554
- imgSrc: ((_38 = product === null || product === void 0 ? void 0 : product.image) === null || _38 === void 0 ? void 0 : _38._downloadURL) ? product.image._downloadURL : null,
1531
+ imgSrc: ((_36 = product === null || product === void 0 ? void 0 : product.image) === null || _36 === void 0 ? void 0 : _36._downloadURL) ? product.image._downloadURL : null,
1555
1532
  avatarFrame: 'square',
1556
1533
  // keep it explicit here to prevent to be overwritten by the autocomplete, with which the card-list is used in combination with, and that changes the size of the avatar to 'small' when only one product is selected
1557
1534
  // this case is described into the form-entity-value-pairs.spec tests
@@ -1741,10 +1718,10 @@ export class YooEntityComponent {
1741
1718
  else if (this.entityType === 'topusers') {
1742
1719
  entry = {
1743
1720
  heading: `${this.item.firstName} ${this.item.lastName}`,
1744
- rank: (_39 = this.item) === null || _39 === void 0 ? void 0 : _39.rank,
1721
+ rank: (_37 = this.item) === null || _37 === void 0 ? void 0 : _37.rank,
1745
1722
  points: null,
1746
1723
  users: [this.item],
1747
- tagElementsInHeader: { tags: (_40 = this.item) === null || _40 === void 0 ? void 0 : _40.tagElements, location: 'end' }
1724
+ tagElementsInHeader: { tags: (_38 = this.item) === null || _38 === void 0 ? void 0 : _38.tagElements, location: 'end' }
1748
1725
  };
1749
1726
  }
1750
1727
  else if (this.entityType === 'questions') {
@@ -1809,17 +1786,17 @@ export class YooEntityComponent {
1809
1786
  subheadings: [
1810
1787
  'Operation Id: ' + op.operationId,
1811
1788
  'Request Id: ' + op.requestId,
1812
- ((_41 = op.operation) === null || _41 === void 0 ? void 0 : _41.accessToken) ? 'User:' + getUserDisplayName(op.operation.accessToken) : null,
1813
- ((_44 = (_43 = (_42 = op.requestLog) === null || _42 === void 0 ? void 0 : _42.meta) === null || _43 === void 0 ? void 0 : _43.req) === null || _44 === void 0 ? void 0 : _44.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
1814
- ((_47 = (_46 = (_45 = op.requestLog) === null || _45 === void 0 ? void 0 : _45.meta) === null || _46 === void 0 ? void 0 : _46.req) === null || _47 === void 0 ? void 0 : _47.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
1789
+ ((_39 = op.operation) === null || _39 === void 0 ? void 0 : _39.accessToken) ? 'User:' + getUserDisplayName(op.operation.accessToken) : null,
1790
+ ((_42 = (_41 = (_40 = op.requestLog) === null || _40 === void 0 ? void 0 : _40.meta) === null || _41 === void 0 ? void 0 : _41.req) === null || _42 === void 0 ? void 0 : _42.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
1791
+ ((_45 = (_44 = (_43 = op.requestLog) === null || _43 === void 0 ? void 0 : _43.meta) === null || _44 === void 0 ? void 0 : _44.req) === null || _45 === void 0 ? void 0 : _45.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
1815
1792
  ? 'Client Version:' + op.requestLog.meta.req.headers['yoobic-client-version']
1816
1793
  : null,
1817
- ((_50 = (_49 = (_48 = op.requestLog) === null || _48 === void 0 ? void 0 : _48.meta) === null || _49 === void 0 ? void 0 : _49.req) === null || _50 === void 0 ? void 0 : _50.headers) && op.requestLog.meta.req.headers['user-agent']
1794
+ ((_48 = (_47 = (_46 = op.requestLog) === null || _46 === void 0 ? void 0 : _46.meta) === null || _47 === void 0 ? void 0 : _47.req) === null || _48 === void 0 ? void 0 : _48.headers) && op.requestLog.meta.req.headers['user-agent']
1818
1795
  ? 'User Agent:' + op.requestLog.meta.req.headers['user-agent']
1819
1796
  : null
1820
1797
  ],
1821
1798
  date: pipes.dateFormat.transform(op._ect, 'L LT'),
1822
- users: ((_51 = op.operation) === null || _51 === void 0 ? void 0 : _51.accessToken) ? [op.operation.accessToken] : null,
1799
+ users: ((_49 = op.operation) === null || _49 === void 0 ? void 0 : _49.accessToken) ? [op.operation.accessToken] : null,
1823
1800
  tagElements: compact([
1824
1801
  op.isCreation
1825
1802
  ? {
@@ -1873,12 +1850,12 @@ export class YooEntityComponent {
1873
1850
  entry = {
1874
1851
  heading: translateMulti(battleList.title),
1875
1852
  subheadings: [lessonsCount + ' ' + translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON')],
1876
- imgSrc: ((_52 = battleList.background) === null || _52 === void 0 ? void 0 : _52._downloadURL) ? battleList.background._downloadURL : null,
1853
+ imgSrc: ((_50 = battleList.background) === null || _50 === void 0 ? void 0 : _50._downloadURL) ? battleList.background._downloadURL : null,
1877
1854
  avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-extra-large',
1878
1855
  avatarFrame: 'square'
1879
1856
  };
1880
1857
  }
1881
- else if (this.entityType !== 'tag' && ((_54 = (_53 = this.customModel) === null || _53 === void 0 ? void 0 : _53.appearance) === null || _54 === void 0 ? void 0 : _54.size)) {
1858
+ else if (this.entityType !== 'tag' && ((_52 = (_51 = this.customModel) === null || _51 === void 0 ? void 0 : _51.appearance) === null || _52 === void 0 ? void 0 : _52.size)) {
1882
1859
  entry = {};
1883
1860
  this.customModel.appearance.forEach((value, key) => {
1884
1861
  if (key === 'displayTypes') {
@@ -1919,7 +1896,7 @@ export class YooEntityComponent {
1919
1896
  else if (this.entityType === 'widgets') {
1920
1897
  const widget = this.item;
1921
1898
  entry = {
1922
- heading: widget.title || ((_55 = widget.page) === null || _55 === void 0 ? void 0 : _55.path),
1899
+ heading: widget.title || ((_53 = widget.page) === null || _53 === void 0 ? void 0 : _53.path),
1923
1900
  imgSrc: widget.photo,
1924
1901
  icon: widget.icon,
1925
1902
  subheadings: compact([]),
@@ -1996,16 +1973,16 @@ export class YooEntityComponent {
1996
1973
  }
1997
1974
  const title = this.useTranslate ? defaultTitle.toUpperCase() : defaultTitle;
1998
1975
  entry.heading = translateMulti(title);
1999
- if ((_56 = this.item) === null || _56 === void 0 ? void 0 : _56.description) {
1976
+ if ((_54 = this.item) === null || _54 === void 0 ? void 0 : _54.description) {
2000
1977
  entry.subheadings = [translateMulti(this.item.description)];
2001
1978
  }
2002
- if ((_58 = (_57 = this.item) === null || _57 === void 0 ? void 0 : _57.background) === null || _58 === void 0 ? void 0 : _58._downloadURL) {
1979
+ if ((_56 = (_55 = this.item) === null || _55 === void 0 ? void 0 : _55.background) === null || _56 === void 0 ? void 0 : _56._downloadURL) {
2003
1980
  entry.imgSrc = this.item.background._downloadURL;
2004
1981
  }
2005
- else if (((_59 = this.item) === null || _59 === void 0 ? void 0 : _59.background) && isString(this.item.background)) {
1982
+ else if (((_57 = this.item) === null || _57 === void 0 ? void 0 : _57.background) && isString(this.item.background)) {
2006
1983
  entry.imgSrc = this.item.background;
2007
1984
  }
2008
- if ((_61 = (_60 = this.item) === null || _60 === void 0 ? void 0 : _60.icon) === null || _61 === void 0 ? void 0 : _61._downloadURL) {
1985
+ if ((_59 = (_58 = this.item) === null || _58 === void 0 ? void 0 : _58.icon) === null || _59 === void 0 ? void 0 : _59._downloadURL) {
2009
1986
  entry.imgSrc = this.item.icon._downloadURL;
2010
1987
  }
2011
1988
  else if (this.item && isString(this.item.icon)) {
@@ -2029,7 +2006,7 @@ export class YooEntityComponent {
2029
2006
  const comment = this.item;
2030
2007
  entry = parseEntityCommentsForCardList(comment);
2031
2008
  }
2032
- if ((_62 = this.item) === null || _62 === void 0 ? void 0 : _62.badge) {
2009
+ if ((_60 = this.item) === null || _60 === void 0 ? void 0 : _60.badge) {
2033
2010
  entry.tagElements = [{ innerHTML: this.item.badge, color: 'app-color' }];
2034
2011
  }
2035
2012
  }
@@ -2038,7 +2015,7 @@ export class YooEntityComponent {
2038
2015
  !this.isAutocompleteSelected() &&
2039
2016
  !this.hideUIFields &&
2040
2017
  this.customModel &&
2041
- ((_64 = (_63 = this.customModel.formFields) === null || _63 === void 0 ? void 0 : _63.filter((f) => f.showInCard)) === null || _64 === void 0 ? void 0 : _64.length) > 0) {
2018
+ ((_62 = (_61 = this.customModel.formFields) === null || _61 === void 0 ? void 0 : _61.filter((f) => f.showInCard)) === null || _62 === void 0 ? void 0 : _62.length) > 0) {
2042
2019
  entry.uiFields = {
2043
2020
  fields: this.customModel.formFields.filter((f) => f.showInCard),
2044
2021
  data: this.item
@@ -2080,7 +2057,7 @@ export class YooEntityComponent {
2080
2057
  if (this.host.classList.contains('full-width')) {
2081
2058
  extraClasses += ' full-width ';
2082
2059
  }
2083
- if (((_65 = this.item) === null || _65 === void 0 ? void 0 : _65._id) === getSession().userId) {
2060
+ if (((_63 = this.item) === null || _63 === void 0 ? void 0 : _63._id) === getSession().userId) {
2084
2061
  extraClasses += ' current ';
2085
2062
  }
2086
2063
  if (this.extraClass) {
@@ -2109,7 +2086,7 @@ export class YooEntityComponent {
2109
2086
  [extraClasses]: true,
2110
2087
  [this.entityType]: this.entityType !== undefined,
2111
2088
  'form-permission': this.host.classList.contains('form-permission')
2112
- } }, ((_66 = this.inlineActions) === null || _66 === void 0 ? void 0 : _66.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
2089
+ } }, ((_64 = this.inlineActions) === null || _64 === void 0 ? void 0 : _64.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
2113
2090
  return (h("span", { class: action.cssClass, onClick: () => (action.handler ? action.handler(this.item) : null) }, action.text));
2114
2091
  })))));
2115
2092
  }