@yoobic/yobi 8.1.0-146 → 8.1.0-147
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{filters-helpers-d9d57037.js → filters-helpers-864132c6.js} +1 -1
- package/dist/cjs/yoo-entity-query-builder.cjs.entry.js +1 -1
- package/dist/cjs/yoo-entity-search-filters.cjs.entry.js +1 -1
- package/dist/cjs/yoo-feed-detail.cjs.entry.js +2 -2
- package/dist/cjs/yoo-form-autocomplete-dialog.cjs.entry.js +1 -0
- package/dist/cjs/yoo-form-choice.cjs.entry.js +1 -12
- package/dist/cjs/yoo-form-recurrence-preview.cjs.entry.js +2 -2
- package/dist/cjs/yoo-grid.cjs.entry.js +20 -15
- package/dist/cjs/yoo-user-wizard.cjs.entry.js +9 -5
- package/dist/collection/components/form/form-autocomplete-dialog/form-autocomplete-dialog.js +1 -0
- package/dist/collection/components/form/form-choice/form-choice.js +1 -1
- package/dist/collection/components/form/form-recurrence-preview/form-recurrence-preview.js +4 -4
- package/dist/collection/components/grid/grid/grid.js +19 -14
- package/dist/collection/feature-communicate/feed/feed-detail/feed-detail.css +5 -0
- package/dist/collection/feature-communicate/feed/feed-detail/feed-detail.js +2 -2
- package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.css +54 -30
- package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.js +8 -4
- package/dist/collection/utils/helpers/filters-helpers.js +1 -1
- package/dist/design-system/{filters-helpers-8a7b4ba9.js → filters-helpers-ff2ea9a2.js} +1 -1
- package/dist/design-system/yoo-entity-query-builder.entry.js +1 -1
- package/dist/design-system/yoo-entity-search-filters.entry.js +1 -1
- package/dist/design-system/yoo-feed-detail.entry.js +2 -2
- package/dist/design-system/yoo-form-autocomplete-dialog.entry.js +1 -0
- package/dist/design-system/yoo-form-choice.entry.js +1 -12
- package/dist/design-system/yoo-form-recurrence-preview.entry.js +3 -3
- package/dist/design-system/yoo-grid.entry.js +21 -16
- package/dist/design-system/yoo-user-wizard.entry.js +9 -5
- package/dist/esm/{filters-helpers-8a7b4ba9.js → filters-helpers-ff2ea9a2.js} +1 -1
- package/dist/esm/yoo-entity-query-builder.entry.js +1 -1
- package/dist/esm/yoo-entity-search-filters.entry.js +1 -1
- package/dist/esm/yoo-feed-detail.entry.js +2 -2
- package/dist/esm/yoo-form-autocomplete-dialog.entry.js +1 -0
- package/dist/esm/yoo-form-choice.entry.js +1 -12
- package/dist/esm/yoo-form-recurrence-preview.entry.js +3 -3
- package/dist/esm/yoo-grid.entry.js +21 -16
- package/dist/esm/yoo-user-wizard.entry.js +9 -5
- package/dist/types/components/form/form-recurrence-preview/form-recurrence-preview.d.ts +0 -1
- package/dist/types/components/grid/grid/grid.d.ts +1 -0
- package/dist/types/feature-communicate/feed/user-wizard/user-wizard.d.ts +1 -0
- 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 +5 -0
- package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field.interface.d.ts +1 -0
- package/package.json +1 -1
- package/dist/collection/components/1.atoms/avatar/types/index.js +0 -0
- package/dist/collection/components/form/form-query-builder/form-query-builder.data.js +0 -73
- package/dist/collection/components/form/form-query-builder/form-query-builder.test.js +0 -14
- package/dist/collection/feature-learn/incentive/card-incentive/card-incentive.data.js +0 -23
- package/dist/collection/feature-platform/menu/user-detail/user-detail.data.js +0 -118
- package/dist/types/components/1.atoms/avatar/types/index.d.ts +0 -0
- package/dist/types/components/form/form-query-builder/form-query-builder.data.d.ts +0 -33
- package/dist/types/components/form/form-query-builder/form-query-builder.test.d.ts +0 -1
- package/dist/types/feature-learn/incentive/card-incentive/card-incentive.data.d.ts +0 -3
- package/dist/types/feature-platform/menu/user-detail/user-detail.data.d.ts +0 -2
- package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/storybook/base/fixtures.d.ts +0 -5
|
@@ -133,7 +133,7 @@ function filterRenderFormDynamic(filteredFields, filters, formAutocompletes, add
|
|
|
133
133
|
}
|
|
134
134
|
filterCleanupNewField(newField);
|
|
135
135
|
if (labelAsPlaceholder) {
|
|
136
|
-
newField.placeholder = newField.description || newField.title || newField.name.toUpperCase();
|
|
136
|
+
newField.placeholder = newField.filterKey || newField.description || newField.title || newField.name.toUpperCase();
|
|
137
137
|
delete newField.title;
|
|
138
138
|
delete newField.description;
|
|
139
139
|
newField.hideLabel = true;
|
|
@@ -6,7 +6,7 @@ const index = require('./index-5997cc7d.js');
|
|
|
6
6
|
const index$1 = require('./index-af537b89.js');
|
|
7
7
|
const index$2 = require('./index-5b08356c.js');
|
|
8
8
|
const lodash = require('./lodash-597bda6d.js');
|
|
9
|
-
const filtersHelpers = require('./filters-helpers-
|
|
9
|
+
const filtersHelpers = require('./filters-helpers-864132c6.js');
|
|
10
10
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
11
11
|
|
|
12
12
|
const entityQueryBuilderCss = ".container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-left:0}.container.expanded{margin-bottom:var(--spacing-16, 1rem)}.container .flex{-ms-flex:1;flex:1}.container yoo-button.margin-left{margin-left:var(--spacing-16, 1rem)}.container yoo-tooltip{margin-left:var(--spacing-08, 0.5rem)}.container .toggle-selected{margin-left:var(--spacing-16, 1rem)}.container .sorts{width:8.5rem;margin-right:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}yoo-banner{margin-bottom:var(--spacing-08, 0.5rem)}.filters-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0}.filters-container.disabled yoo-button,.filters-container.disabled yoo-form-dynamic{opacity:0.2 !important;pointer-events:none}.filters-container:not(.open){display:none}.filters-container.advanced yoo-form-input-container{padding-bottom:0.75rem}.filters-container.advanced yoo-button{padding-bottom:var(--spacing-04, 0.25rem)}.filters-container.advanced yoo-button yoo-icon.add{color:var(--stable, #adadad)}.filters-container.advanced yoo-button.add-filter{margin-right:var(--spacing-16, 1rem)}.filters-container.advanced yoo-button.margin-right{margin-right:var(--spacing-08, 0.5rem);margin-left:0}.filters-container.advanced yoo-form-input-container.operator{display:block;width:3.5rem;margin-right:var(--spacing-04, 0.25rem);text-align:center}:host(.no-padding) yoo-button.filters.margin-left{margin-left:0}:host(.floating) ::slotted(.search-container-inner[slot=before]){width:100%}:host(.floating) .container.expanded{margin-bottom:0}:host(.floating) yoo-context-menu{width:100%}:host(.floating) .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) 0}:host(.floating) .header.width-auto{width:auto;cursor:pointer}:host(.floating) .header .title{-ms-flex:1;flex:1;font-weight:bold;font-size:var(--font-size-14, 0.875rem)}:host(.floating) .header .title.app-color{color:var(--app-color, #5a30f4)}:host(.floating) .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:var(--spacing-16, 1rem);-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.floating) .footer .flex{-ms-flex:1;flex:1}:host(.floating) .footer yoo-button{max-width:6rem}:host(.floating) .subfooter{width:100%;padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem);text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.floating) .filters-container.open{position:absolute;left:21rem;width:15rem;padding:0;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.floating) .filters-container.open yoo-form-dynamic{width:100%;max-height:calc(100vh - 30.25rem);margin:auto;overflow-y:auto;}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";
|
|
@@ -7,7 +7,7 @@ const index$1 = require('./index-af537b89.js');
|
|
|
7
7
|
const index$2 = require('./index-5b08356c.js');
|
|
8
8
|
const lodash = require('./lodash-597bda6d.js');
|
|
9
9
|
const commonHelpers = require('./common-helpers-3c3946e0.js');
|
|
10
|
-
const filtersHelpers = require('./filters-helpers-
|
|
10
|
+
const filtersHelpers = require('./filters-helpers-864132c6.js');
|
|
11
11
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
12
12
|
|
|
13
13
|
const entitySearchFiltersCss = ":host .outer-container{padding:1rem 1rem 0 1rem}:host .outer-container .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;height:1.3125rem;margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .menu-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;margin-top:1.2rem;font-size:var(--font-size-16, 1rem)}:host .outer-container .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin:0;padding:0 0 0.3125rem;list-style:none}:host .outer-container .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:100%;min-height:2.75rem;padding:0 1rem 0 0;font-weight:var(--font-weight-400, 400)}:host .outer-container .menu .menu-item div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:center;align-self:center}:host .outer-container .menu .menu-item div .menu-item-title{width:100%;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .menu .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .menu{margin:0 0.5rem}:host .outer-container .menu .menu-item{padding:0;cursor:pointer}:host .outer-container .menu .menu-item .menu-item-title{width:100%}:host .outer-container .menu .menu-item yoo-form-checkbox{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container yoo-form-input-container{margin-top:0.8rem}:host .outer-container yoo-form-dynamic.margin-top{margin-top:0.8rem}:host .outer-container .filter-container.flex{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;margin-top:0.8rem}:host .outer-container .filter-container.flex .menu-title{-ms-flex:1;flex:1;margin-top:0}:host .outer-container .filter-container.flex .menu{margin:0;padding-bottom:0}:host(.web) .outer-container{width:80%;max-width:500px;margin:auto}";
|
|
@@ -10,7 +10,7 @@ const commonHelpers = require('./common-helpers-3c3946e0.js');
|
|
|
10
10
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
11
11
|
require('./index-af537b89.js');
|
|
12
12
|
|
|
13
|
-
const feedDetailCss = ":host{--card-feed-media-height:260px;--gradient-background-image:linear-gradient(to top, var(--dark, #000000), transparent);--slide-pagination-size:0.4375rem;--slide-pagination-space:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .global{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .global.last{padding-bottom:var(--spacing-16, 1rem)}:host .global.last.iphone-x{padding-bottom:var(--spacing-48, 3rem)}:host .feed-bottom-action{padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) 0}:host .feed-bottom-action.subheading{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .feed-details-container{position:fixed;top:0;right:0;bottom:0;left:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;background-color:var(--dark, #000000)}:host .feed-details-container yoo-form-carousel{position:absolute}:host .feed-details-container.text-expanded{--gradient-background-image:linear-gradient(var(--dark-60, rgba(0, 0, 0, 0.6)) 100%, var(--dark-60, rgba(0, 0, 0, 0.6)) 100%)}:host .feed-details-container.text-expanded .media-outer-container{z-index:5}:host .feed-details-container.text-expanded .gradient{z-index:7}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:12vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded{height:40vh;max-height:40vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper{height:auto}:host .feed-details-container.image-focus .bottom-container{z-index:-1;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events:none}:host .feed-details-container.image-focus .image-container{z-index:3}:host .feed-details-container.hide-overlay .overlay{display:none}:host .feed-details-container.offline .bottom-container{padding:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container{position:absolute;right:0;bottom:0;left:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto;padding:var(--spacing-16, 1rem);padding-bottom:0;background-image:var(--gradient-background-image);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container .bottom-container.hidden{visibility:hidden;opacity:0}:host .feed-details-container .bottom-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container .feed-header yoo-avatar{margin-right:0.8rem;-webkit-transform:translateY(3px);transform:translateY(3px)}:host .feed-details-container .bottom-container .feed-header .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .inner-span,:host .feed-details-container .bottom-container .feed-header .feed-heading .extra-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:var(--spacing-04, 0.25rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-date,:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-shared-in{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading{color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading .feed-group{padding-left:0.125rem;color:var(--light, #ffffff);font-weight:var(--font-weight-400, 400)}:host .feed-details-container .bottom-container .feed-text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-text .feed-hashtags{display:block;line-height:1.2rem}:host .feed-details-container .bottom-container .feed-text .feed-description{font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper yoo-ion-scroll{max-height:40vh}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper{height:inherit;overflow:hidden}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper p{margin:0}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .more-button{color:var(--stable-alt, #d0d0d0)}:host .feed-details-container .bottom-container .feed-interactions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;white-space:nowrap}:host .feed-details-container .bottom-container .feed-interactions .start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start}:host .feed-details-container .bottom-container .feed-interactions .middle{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .feed-details-container .bottom-container .feed-interactions .middle .dot{width:var(--slide-pagination-size);height:var(--slide-pagination-size);margin:var(--slide-pagination-space);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-radius:50%;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .middle .dot.active{background-color:var(--light, #ffffff);-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .end{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .feed-details-container .bottom-container .feed-interactions .interaction{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);cursor:pointer}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon.hide-content{padding-right:0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-02, 1.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter{margin-left:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter.auto{margin-left:auto}:host .feed-details-container .bottom-container .feed-interactions .interaction.stable{color:var(--stable, #adadad)}:host .feed-details-container .bottom-container .feed-interactions .interaction.comment,:host .feed-details-container .bottom-container .feed-interactions .interaction.comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;margin-left:5px}:host .feed-details-container .image-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:host .feed-details-container.show-overlay .bottom-container{-ms-flex-align:start;align-items:flex-start;height:100%;max-height:100vh;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container.show-overlay .bottom-container .feed-text .feed-description{display:-ms-flexbox;display:flex}:host .feed-details-container.show-overlay .overlay{display:-ms-flexbox;display:flex}:host(.fullscreen-preview){width:100%;height:100%;background:var(--light, #ffffff)}:host(.fullscreen-preview) .fullscreen-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.fullscreen-preview) .fullscreen-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--toolbar-web-height, 3.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-icon.close{margin-right:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-avatar{padding-right:var(--spacing-08, 0.5rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .subheading{padding-left:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.username{padding-right:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--light-20, rgba(255, 255, 255, 0.2))}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.feed-date{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span yoo-icon.group{margin-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container{display:-ms-flexbox;display:flex;height:100%;margin-left:auto}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color, #5a30f4)}:host(.fullscreen-preview) .fullscreen-container .main-view-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-width:calc(100% - 6rem);height:100%;max-height:calc(100% - 2rem);margin:0 auto;overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .main-view-container yoo-photo-editor{max-height:calc(100% - 2rem);margin:0 auto;--editor-background:transparent}";
|
|
13
|
+
const feedDetailCss = ":host{--card-feed-media-height:260px;--gradient-background-image:linear-gradient(to top, var(--dark, #000000), transparent);--slide-pagination-size:0.4375rem;--slide-pagination-space:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .global{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .global.last{padding-bottom:var(--spacing-16, 1rem)}:host .global.last.iphone-x{padding-bottom:var(--spacing-48, 3rem)}:host .feed-bottom-action{padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) 0}:host .feed-bottom-action.subheading{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .feed-details-container{position:fixed;top:0;right:0;bottom:0;left:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;background-color:var(--dark, #000000)}:host .feed-details-container yoo-form-carousel{position:absolute}:host .feed-details-container.text-expanded{--gradient-background-image:linear-gradient(var(--dark-60, rgba(0, 0, 0, 0.6)) 100%, var(--dark-60, rgba(0, 0, 0, 0.6)) 100%)}:host .feed-details-container.text-expanded .media-outer-container{z-index:5}:host .feed-details-container.text-expanded .gradient{z-index:7}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:12vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded{height:40vh;max-height:40vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper{height:auto}:host .feed-details-container.image-focus .bottom-container{z-index:-1;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events:none}:host .feed-details-container.image-focus .image-container{z-index:3}:host .feed-details-container.hide-overlay .overlay{display:none}:host .feed-details-container.offline .bottom-container{padding:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container{position:absolute;right:0;bottom:0;left:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto;padding:var(--spacing-16, 1rem);padding-bottom:0;background-image:var(--gradient-background-image);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container .bottom-container.hidden{visibility:hidden;opacity:0}:host .feed-details-container .bottom-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container .feed-header yoo-avatar{margin-right:0.8rem;-webkit-transform:translateY(3px);transform:translateY(3px)}:host .feed-details-container .bottom-container .feed-header .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .inner-span,:host .feed-details-container .bottom-container .feed-header .feed-heading .extra-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:var(--spacing-04, 0.25rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-date,:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-shared-in{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading{color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading .feed-group{padding-left:0.125rem;color:var(--light, #ffffff);font-weight:var(--font-weight-400, 400)}:host .feed-details-container .bottom-container .feed-text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-text .feed-hashtags{display:block;line-height:1.2rem}:host .feed-details-container .bottom-container .feed-text .feed-description{font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper yoo-ion-scroll{max-height:40vh}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper{height:inherit;overflow:hidden}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper p{margin:0}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .more-button{color:var(--stable-alt, #d0d0d0)}:host .feed-details-container .bottom-container .feed-interactions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--spacing-64, 4rem);white-space:nowrap}:host .feed-details-container .bottom-container .feed-interactions .start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start}:host .feed-details-container .bottom-container .feed-interactions .middle{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .feed-details-container .bottom-container .feed-interactions .middle .dot{width:var(--slide-pagination-size);height:var(--slide-pagination-size);margin:var(--slide-pagination-space);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-radius:50%;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .middle .dot.active{background-color:var(--light, #ffffff);-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .end{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .feed-details-container .bottom-container .feed-interactions .interaction{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);cursor:pointer}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon.hide-content{padding-right:0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-02, 1.5rem);margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter{margin-left:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter.auto{margin-left:auto}:host .feed-details-container .bottom-container .feed-interactions .interaction.stable{color:var(--stable, #adadad)}:host .feed-details-container .bottom-container .feed-interactions .interaction.comment,:host .feed-details-container .bottom-container .feed-interactions .interaction.comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;margin-left:5px}:host .feed-details-container .bottom-container .interaction-counter{white-space:break-spaces}:host .feed-details-container .image-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:host .feed-details-container.show-overlay .bottom-container{-ms-flex-align:start;align-items:flex-start;height:100%;max-height:100vh;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container.show-overlay .bottom-container .feed-text .feed-description{display:-ms-flexbox;display:flex}:host .feed-details-container.show-overlay .overlay{display:-ms-flexbox;display:flex}:host(.fullscreen-preview){width:100%;height:100%;background:var(--light, #ffffff)}:host(.fullscreen-preview) .fullscreen-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.fullscreen-preview) .fullscreen-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--toolbar-web-height, 3.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-icon.close{margin-right:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-avatar{padding-right:var(--spacing-08, 0.5rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .subheading{padding-left:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.username{padding-right:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--light-20, rgba(255, 255, 255, 0.2))}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.feed-date{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span yoo-icon.group{margin-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container{display:-ms-flexbox;display:flex;height:100%;margin-left:auto}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color, #5a30f4)}:host(.fullscreen-preview) .fullscreen-container .main-view-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-width:calc(100% - 6rem);height:100%;max-height:calc(100% - 2rem);margin:0 auto;overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .main-view-container yoo-photo-editor{max-height:calc(100% - 2rem);margin:0 auto;--editor-background:transparent}";
|
|
14
14
|
|
|
15
15
|
const YooFeedDetailComponent = class {
|
|
16
16
|
constructor(hostRef) {
|
|
@@ -131,7 +131,7 @@ const YooFeedDetailComponent = class {
|
|
|
131
131
|
renderInteraction(icon, count, click, cssClass = '', iconColor) {
|
|
132
132
|
return (index.h("div", { class: 'interaction ' + (cssClass ? cssClass : ''), onClick: (ev) => this.onInteractionClicked(ev, click) }, icon === 'heart' ?
|
|
133
133
|
index.h("yoo-lottie", { initialFrame: this.feed.isLikedByMe ? 50 : null, type: icon, autoplay: this.feed.isLikedByMe }, index.h("yoo-icon", { slot: "placeholder", name: icon, color: iconColor })) :
|
|
134
|
-
index.h("yoo-icon", { name: icon, color: iconColor }), index.h("span", { class: "interaction-counter" }, count)));
|
|
134
|
+
!!icon && index.h("yoo-icon", { name: icon, color: iconColor }), index.h("span", { class: "interaction-counter" }, count || ' ')));
|
|
135
135
|
}
|
|
136
136
|
renderSharedIn() {
|
|
137
137
|
const multiGroups = this.feed.group.length > 1;
|
|
@@ -11,17 +11,6 @@ const draggableTagsHelpers = require('./draggable-tags-helpers-9ce873a2.js');
|
|
|
11
11
|
const formInputHelpers = require('./form-input-helpers-80ce478d.js');
|
|
12
12
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
13
13
|
|
|
14
|
-
/* eslint-env browser */
|
|
15
|
-
|
|
16
|
-
var isChromatic = function isChromatic(windowArg) {
|
|
17
|
-
const windowToCheck = windowArg || (typeof window !== 'undefined' && window);
|
|
18
|
-
return !!(
|
|
19
|
-
windowToCheck &&
|
|
20
|
-
(windowToCheck.navigator.userAgent.match(/Chromatic/) ||
|
|
21
|
-
windowToCheck.location.href.match(/chromatic=true/))
|
|
22
|
-
);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
14
|
const formChoiceCss = ":host{--button-columns:2;--card-border-color:var(--stable-alt, #d0d0d0);--card-border-radius:var(--border-radius-04, 0.25rem);--card-check-icon-color-unselected:var(--stable, #adadad);--card-check-icon-position-right:var(--spacing-08, 0.5rem);--card-check-icon-position-top:var(--spacing-16, 1rem);--card-check-icon-size:1.5rem;--card-description-color:var(--text-color, #807f83);--card-description-padding-top:var(--spacing-08, 0.5rem);--card-heading-color-selected:var(--app-color, #5a30f4);--card-heading-font-weight:var(--font-weight-900, 900);--card-heading-padding-top:0;--card-text-align:center;--card-width:8rem;--item-spacing:var(--spacing-16, 1rem);display:block}:host yoo-banner{height:0}:host yoo-button{--side-padding:0 var(--spacing-16, 1rem)}:host .readonly{padding:0.5rem 0.5rem 0 0;color:var(--dark, #000000)}:host .readonly .item{display:block !important;height:100%;padding:0.3rem 0.3rem 0.3rem 0;font-size:var(--font-size-16, 1rem);cursor:pointer}:host .readonly .item .badge-inner{float:left;width:1.25rem;height:1.25rem;margin-top:0.0625rem;margin-right:var(--spacing-08, 0.5rem);color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem);line-height:1.25rem;text-align:center;background:var(--app-color, #5a30f4);border-radius:50%}:host .readonly.chat{display:grid}:host .outer-container{height:100%}:host .outer-container.droppable{-ms-touch-action:none;touch-action:none}:host .outer-container .radio-button-choice{margin-top:-0.5rem}:host .outer-container .grid-container{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(var(--button-columns), minmax(0, 1fr))}:host .outer-container .input-zone{position:relative;height:2.375rem;margin-top:var(--spacing-08, 0.5rem);margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem);padding:var(--spacing-04, 0.25rem);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad);border-radius:0.3125rem}:host .outer-container .input-zone textarea{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:hidden;overflow-y:auto !important;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\");line-height:1rem;background-color:var(--light, #ffffff);border:none;outline:none !important;-webkit-appearance:none;resize:none}:host .outer-container .item{display:block !important;height:100%;padding:0.75rem;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);cursor:pointer}:host .outer-container .item:last-child{border-bottom:none}:host .outer-container .item .badge-inner{float:left;width:1.25rem;height:1.25rem;margin-top:3px;margin-right:var(--spacing-08, 0.5rem);color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem);line-height:1.25rem;text-align:center;background:var(--app-color, #5a30f4);border-radius:50%}:host .outer-container .item.drag-target{position:relative;z-index:50;background:var(--light, #ffffff);-webkit-box-shadow:var(--button-shadow, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1));box-shadow:var(--button-shadow, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1))}:host .outer-container .item.drop-target{background:var(--stable-alt, #d0d0d0)}:host .outer-container .messages-container{display:grid;gap:var(--spacing-16, 1rem)}:host .outer-container .messages-container .chat-title.alternate{text-align:end}:host .outer-container .messages-container yoo-chat-message{--left-messages-text-color:var(--dark, #000000)}:host .outer-container .messages-container yoo-chat-message:not(:first-child){cursor:pointer;--right-messages-text-color:var(--dark, #000000);--border-message-content:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .outer-container .messages-container yoo-chat-message:not(:first-child).selected{--right-messages-background-color:var(--app-color, #5a30f4);--right-messages-text-color:var(--light, #ffffff)}:host .outer-container .messages-container yoo-chat-message:not(:first-child):not(.selected){--right-messages-background-color:var(--light, #ffffff)}:host .outer-container .card-container{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(auto-fit, minmax(var(--card-width), 1fr));height:100%}:host .outer-container .card-container .card-select{position:relative;-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem);border:solid var(--border-width-01, 0.0625rem) var(--card-border-color);border-radius:var(--card-border-radius);cursor:pointer}:host .outer-container .card-container .card-select.placeholder{height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border:none}:host .outer-container .card-container .card-select .card-content .card-heading,:host .outer-container .card-container .card-select .card-content .card-description{font-size:var(--font-size-14, 0.875rem);white-space:normal;text-align:var(--card-text-align);word-break:break-word}:host .outer-container .card-container .card-select .card-content .card-heading{padding-top:var(--card-heading-padding-top);font-weight:var(--card-heading-font-weight)}:host .outer-container .card-container .card-select .card-content .card-description{padding-top:var(--card-description-padding-top);color:var(--card-description-color)}:host .outer-container .card-container .card-select .card-content .card-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .card-container .card-select .card-content .card-image{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .card-container .card-select .card-content .card-image yoo-img{width:var(--spacing-96, 6rem);margin:0 auto}:host .outer-container .card-container .card-select .card-content .card-emoji{font-size:var(--font-size-42, 2.625rem);text-align:center}:host .outer-container .card-container .card-select .check-container{position:absolute;top:var(--card-check-icon-position-top);right:var(--card-check-icon-position-right)}:host .outer-container .card-container .card-select .check-container yoo-icon{width:var(--card-check-icon-size);height:var(--card-check-icon-size);fill:var(--card-check-icon-color-unselected)}:host .outer-container .card-container.has-image .card-select.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}:host .outer-container .card-container.has-checkmark .card-select.selected{border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .outer-container .card-container.has-checkmark .card-select.selected .card-heading{color:var(--card-heading-color-selected)}:host .outer-container .card-container.has-checkmark .card-select.selected .check-container yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container .card-container.has-one{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .card-container.selected .card-select{background:var(--app-color-20, rgba(90, 48, 244, 0.2));border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .outer-container .card-container.selected .card-select .card-description{color:var(--app-color, #5a30f4)}:host .outer-container .images-container,:host .readonly .images-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}:host .outer-container .images-container .image-container .image-content,:host .readonly .images-container .image-container .image-content{position:relative}:host .outer-container .images-container .image-container .image-content yoo-img,:host .readonly .images-container .image-container .image-content yoo-img{border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host .outer-container .images-container .image-container .image-content yoo-form-checkbox,:host .readonly .images-container .image-container .image-content yoo-form-checkbox{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .outer-container .images-container .image-container .image-content yoo-tag,:host .readonly .images-container .image-container .image-content yoo-tag{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);display:-ms-flexbox;display:flex;cursor:pointer}:host .outer-container .images-container .image-container .text,:host .readonly .images-container .image-container .text{margin-top:var(--spacing-08, 0.5rem);text-align:center;cursor:pointer}:host .outer-container .images-container .image-container .text.truncate,:host .readonly .images-container .image-container .text.truncate{overflow:hidden;text-align:left;word-break:break-word}@supports (display: -webkit-box){:host .outer-container .images-container .image-container .text.truncate,:host .readonly .images-container .image-container .text.truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container .images-container .image-container .text.link,:host .readonly .images-container .image-container .text.link{color:var(--app-color, #5a30f4)}:host(.history:not(.forcedhistory)) .readonly{padding:0 !important}:host(.history:not(.forcedhistory)) .readonly .text{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:var(--spacing-16, 1rem)}:host(.history:not(.forcedhistory)) .readonly .item{width:auto}:host([is-pdf]),:host([readonly]){width:100%}:host([is-pdf]) .readonly.image .images-container .image-container,:host([is-pdf]) .outer-container .images-container .image-container,:host([readonly]) .readonly.image .images-container .image-container,:host([readonly]) .outer-container .images-container .image-container{width:100%}:host([is-pdf]) .readonly.image .images-container .image-container .image-content,:host([is-pdf]) .outer-container .images-container .image-container .image-content,:host([readonly]) .readonly.image .images-container .image-container .image-content,:host([readonly]) .outer-container .images-container .image-container .image-content{max-width:22.5rem}:host([is-pdf]) .readonly.image .images-container .image-container .image-content yoo-img,:host([is-pdf]) .outer-container .images-container .image-container .image-content yoo-img,:host([readonly]) .readonly.image .images-container .image-container .image-content yoo-img,:host([readonly]) .outer-container .images-container .image-container .image-content yoo-img{border:none;border-radius:0}:host([is-pdf]) .readonly.image .images-container .image-container .text,:host([is-pdf]) .outer-container .images-container .image-container .text,:host([readonly]) .readonly.image .images-container .image-container .text,:host([readonly]) .outer-container .images-container .image-container .text{text-align:left}:host([is-pdf]) .readonly.image .images-container .image-container:not(:last-child),:host([is-pdf]) .outer-container .images-container .image-container:not(:last-child),:host([readonly]) .readonly.image .images-container .image-container:not(:last-child),:host([readonly]) .outer-container .images-container .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host([readonly=\"\"]) .readonly.radio .wrong-answer,:host([readonly=true]) .readonly.radio .wrong-answer{color:var(--danger, #d44333)}:host([readonly=\"\"]) .readonly.radio .correct-answer,:host([readonly=true]) .readonly.radio .correct-answer{color:var(--success, #3aa76d)}:host([readonly=\"\"]) .readonly.chat,:host([readonly=true]) .readonly.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([readonly=\"\"]) .readonly.chat .answer-container:not(:last-of-type),:host([readonly=true]) .readonly.chat .answer-container:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}:host([readonly=\"\"]) .readonly.chat .answer-container,:host([readonly=true]) .readonly.chat .answer-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}:host([readonly=\"\"]) .readonly.chat .answer-container.correct-answer,:host([readonly=true]) .readonly.chat .answer-container.correct-answer{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host([readonly=\"\"]) .readonly.chat .answer-container.wrong-answer,:host([readonly=true]) .readonly.chat .answer-container.wrong-answer{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host([readonly=\"\"]) .images-container.readonly,:host([readonly=true]) .images-container.readonly{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host([readonly=\"\"]) .images-container.readonly .image-container,:host([readonly=true]) .images-container.readonly .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0 !important;padding-bottom:0 !important;border-bottom:none !important}:host([readonly=\"\"]) .images-container.readonly .image-container .image-content,:host([readonly=true]) .images-container.readonly .image-container .image-content{width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly=\"\"]) .images-container.readonly .image-container .image-content::before,:host([readonly=true]) .images-container.readonly .image-container .image-content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly=\"\"]) .images-container.readonly .image-container .image-content yoo-img,:host([readonly=true]) .images-container.readonly .image-container .image-content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem) !important}:host([readonly=\"\"]) .images-container.readonly .image-container .image-content.correct-answer,:host([readonly=true]) .images-container.readonly .image-container .image-content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly=\"\"]) .images-container.readonly .image-container .image-content.correct-answer::before,:host([readonly=true]) .images-container.readonly .image-container .image-content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly=\"\"]) .images-container.readonly .image-container .image-content.wrong-answer,:host([readonly=true]) .images-container.readonly .image-container .image-content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly=\"\"]) .images-container.readonly .image-container .image-content.wrong-answer::before,:host([readonly=true]) .images-container.readonly .image-container .image-content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly=\"\"]) .images-container.readonly .image-container .text,:host([readonly=true]) .images-container.readonly .image-container .text{white-space:unset;text-align:center !important;-webkit-line-clamp:2}:host([animated]){--chat-answer-message-animation-duration:0.3s;--chat-answer-message-animation-start:1.5s;--chat-answer-message-animation-step:0.2s;--chat-answer-title-animation-start:1.3s;--chat-question-message-animation-start:0.2s;--chat-question-message-fade-animation-duration:0.1s;--chat-question-message-slide-animation-duration:0.2s;--chat-question-title-animation-start:0.1s;--chat-title-animation-duration:0.2s;--image-choice-animation-delay-start:0.3s;--image-choice-animation-delay-step:0.1s;--choice-index:0}:host([animated]) yoo-chat-message,:host([animated]) .chat-title{opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) yoo-chat-message.choice{-webkit-animation-name:slide-in-from-right, fade-in;animation-name:slide-in-from-right, fade-in;-webkit-animation-duration:var(--chat-answer-message-animation-duration);animation-duration:var(--chat-answer-message-animation-duration);-webkit-animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);-webkit-animation-delay:calc(var(--chat-answer-message-animation-start) + var(--choice-index) * var(--chat-answer-message-animation-step));animation-delay:calc(var(--chat-answer-message-animation-start) + var(--choice-index) * var(--chat-answer-message-animation-step))}:host([animated]) yoo-chat-message:not(.choice){-webkit-animation-name:slide-in-from-left, fade-in;animation-name:slide-in-from-left, fade-in;-webkit-animation-duration:var(--chat-question-message-slide-animation-duration), var(--chat-question-message-fade-animation-duration);animation-duration:var(--chat-question-message-slide-animation-duration), var(--chat-question-message-fade-animation-duration);-webkit-animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);-webkit-animation-delay:var(--chat-question-message-animation-start);animation-delay:var(--chat-question-message-animation-start)}:host([animated]) .chat-title{-webkit-animation-name:slide-up, fade-in;animation-name:slide-up, fade-in;-webkit-animation-duration:var(--chat-title-animation-duration);animation-duration:var(--chat-title-animation-duration)}:host([animated]) .chat-title.alternate{-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine);-webkit-animation-delay:var(--chat-answer-title-animation-start);animation-delay:var(--chat-answer-title-animation-start)}:host([animated]) .chat-title:not(.alternate){-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-delay:var(--chat-question-title-animation-start);animation-delay:var(--chat-question-title-animation-start)}:host([animated]) .image-container{-webkit-transform:translateY(42rem);transform:translateY(42rem);-webkit-animation-name:\"slide-in-from-bottom\";animation-name:\"slide-in-from-bottom\";-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-delay:calc(var(--image-choice-animation-delay-start) + var(--choice-index) * var(--image-choice-animation-delay-step));animation-delay:calc(var(--image-choice-animation-delay-start) + var(--choice-index) * var(--image-choice-animation-delay-step));-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes slide-in-from-right{from{-webkit-transform:translateX(17.375rem);transform:translateX(17.375rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-from-right{from{-webkit-transform:translateX(17.375rem);transform:translateX(17.375rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-in-from-left{from{-webkit-transform:translateX(-13.75rem);transform:translateX(-13.75rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-from-left{from{-webkit-transform:translateX(-13.75rem);transform:translateX(-13.75rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-up{from{-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{from{-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-in-from-bottom{from{-webkit-transform:translateY(42rem);transform:translateY(42rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-from-bottom{from{-webkit-transform:translateY(42rem);transform:translateY(42rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}:host(:not([is-pdf]):not([readonly])) .images-container{margin:calc(var(--spacing-16, 1rem) / -2) calc(var(--spacing-16, 1rem) / -2)}:host(:not([is-pdf]):not([readonly])) .images-container .image-container{width:calc(50% - var(--spacing-16, 1rem));max-width:18rem;margin:calc(var(--spacing-16, 1rem) / 2) calc(var(--spacing-16, 1rem) / 2)}:host(:not([is-pdf]):not([readonly])) .images-container .image-container yoo-img{--image-position:absolute;position:relative}:host(:not([is-pdf]):not([readonly])) .images-container .image-container yoo-img:after{padding-bottom:100%;content:\"\"}";
|
|
26
15
|
|
|
27
16
|
const YooFormChoiceComponent = class {
|
|
@@ -226,7 +215,7 @@ const YooFormChoiceComponent = class {
|
|
|
226
215
|
return (index.h("div", { class: { 'card-container': true, 'has-checkmark': !hasImage, 'has-image': hasImage, 'has-one': hasOne, 'selected': this.selected }, style: style }, this.choices.map((item, index$2) => {
|
|
227
216
|
const value = index$1.isNullOrUndefined(item.value) ? item.title : item.value;
|
|
228
217
|
const isSelected = this.isSelected(value);
|
|
229
|
-
return (index.h("div", { class: { 'card-select': true, selected: isSelected }, style: { maxWidth: this.maxWidth > 0 ? this.maxWidth + 'px' : null }, onClick: () => this.onItemSelect(value) }, index.h("div", { class: "card-content" }, item.icon && (index.h("div", { class: "card-icon" }, index.h("yoo-icon", { color: isSelected ? 'app-color' : 'dark', size: "extra-large", name: item.icon }))), item.lottie && (index.h("div", { class: "card-image" }, index.h("yoo-lottie", { type: item.lottie, autoplay: !isChromatic(), loop: true }))), item.image && (index.h("div", { class: "card-image" }, index.h("yoo-img", { svgOptions: { beforeInject: (_, svg) => isSelected && commonHelpers.setColorSVG(svg, 'app-color') }, ref: (el) => (this.imgRefs[index$2] = el), class: { selected: isSelected }, src: item.image }))), item.emoji && (index.h("div", { class: "card-emoji" }, item.emoji)), item.title && index.h("div", { class: { 'card-heading': true } }, this.useTranslate ? index$1.translate(item.title.toUpperCase()) : index$1.translateMulti(item.title)), item.description && index.h("div", { class: "card-description" }, index$1.translate(item.description))), !item.image && !item.lottie && !item.hideCheckbox && (index.h("div", { class: "check-container" }, index.h("yoo-icon", { name: "check" })))));
|
|
218
|
+
return (index.h("div", { class: { 'card-select': true, selected: isSelected }, style: { maxWidth: this.maxWidth > 0 ? this.maxWidth + 'px' : null }, onClick: () => this.onItemSelect(value) }, index.h("div", { class: "card-content" }, item.icon && (index.h("div", { class: "card-icon" }, index.h("yoo-icon", { color: isSelected ? 'app-color' : 'dark', size: "extra-large", name: item.icon }))), item.lottie && (index.h("div", { class: "card-image" }, index.h("yoo-lottie", { type: item.lottie, autoplay: !index$1.isChromatic(), loop: true }))), item.image && (index.h("div", { class: "card-image" }, index.h("yoo-img", { svgOptions: { beforeInject: (_, svg) => isSelected && commonHelpers.setColorSVG(svg, 'app-color') }, ref: (el) => (this.imgRefs[index$2] = el), class: { selected: isSelected }, src: item.image }))), item.emoji && (index.h("div", { class: "card-emoji" }, item.emoji)), item.title && index.h("div", { class: { 'card-heading': true } }, this.useTranslate ? index$1.translate(item.title.toUpperCase()) : index$1.translateMulti(item.title)), item.description && index.h("div", { class: "card-description" }, index$1.translate(item.description))), !item.image && !item.lottie && !item.hideCheckbox && (index.h("div", { class: "check-container" }, index.h("yoo-icon", { name: "check" })))));
|
|
230
219
|
})));
|
|
231
220
|
}
|
|
232
221
|
}
|
|
@@ -12,7 +12,7 @@ const formRecurrencePreviewCss = ":host{display:-ms-flexbox;display:flex;-ms-fle
|
|
|
12
12
|
|
|
13
13
|
const EmptyState = () => [index.h("yoo-empty-state", null), index.h("p", null, index$1.translate('LISTEMPTY'))];
|
|
14
14
|
const Recurrences = ({ dates, label }) => (index.h("div", { class: "recurrences" }, index.h("h1", null, index$1.translate(label)), index.h("table", null, index.h("thead", null, index.h("tr", null, index.h("th", null, index$1.translate('YOOBICDATE')), index.h("th", null, index$1.translate('YOOBICHOUR')))), index.h("tbody", null, dates.map((date) => (index.h("tr", null, index.h("td", null, index$1.pipes.dateFormat.transform(date, 'ddd L')), index.h("td", null, index$1.pipes.dateFormat.transform(date, 'LT')))))))));
|
|
15
|
-
const Timezones = ({ value, values,
|
|
15
|
+
const Timezones = ({ value, values, onUpdate }) => (index.h("div", { class: "timezones" }, index.h("p", { innerHTML: index$1.translate('RECURRENCEPREVIEWDETAILS') }), index.h("h1", null, index$1.translate('RECURRENCEPREVIEWTIMEZONE')), index.h("yoo-form-autocomplete", { size: "medium", value: value, values: values, onFetchData: (event) => { var _a; return (_a = event.detail.infiniteScroll) === null || _a === void 0 ? void 0 : _a.complete(); }, onInputChanged: (event) => {
|
|
16
16
|
event.stopPropagation();
|
|
17
17
|
onUpdate(event.detail);
|
|
18
18
|
} })));
|
|
@@ -35,7 +35,7 @@ const YooFormRecurrencePreviewComponent = class {
|
|
|
35
35
|
render() {
|
|
36
36
|
const recurrences = index$1.getNextRecurrences(this.value, { max: this.max, timezone: this.timezone });
|
|
37
37
|
const hasRecurrences = !!(recurrences === null || recurrences === void 0 ? void 0 : recurrences.length);
|
|
38
|
-
return (index.h(index.Host, null, index.h("header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { animated: true, color: "stable", fill: "transparent", rippleType: "unbounded", shape: "circular", onClick: () => this.finish() }, index.h("yoo-icon", { color: "stable", name: "left" }))), index.h("yoo-truncate", null, index$1.translate('RECURRENCEPREVIEWTITLE')))), index.h("main", { class: { empty: !hasRecurrences } }, hasRecurrences &&
|
|
38
|
+
return (index.h(index.Host, null, index.h("header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { animated: true, color: "stable", fill: "transparent", rippleType: "unbounded", shape: "circular", onClick: () => this.finish() }, index.h("yoo-icon", { color: "stable", name: "left" }))), index.h("yoo-truncate", null, index$1.translate('RECURRENCEPREVIEWTITLE')))), index.h("main", { class: { empty: !hasRecurrences } }, hasRecurrences && index.h(Timezones, { value: this.timezone, values: index$1.TIMEZONES, onUpdate: (timezone) => (this.timezone = timezone) }), hasRecurrences && (index.h("div", { class: "schedule" }, index.h(Recurrences, { dates: index$1.getNextRecurrences(this.value, { max: this.max, timezone: index$1.guessCurrentTimezone() }), label: index$1.translate('RECURRENCEPREVIEWLEFT') }), index.h(Recurrences, { dates: recurrences, label: index$1.translate('RECURRENCEPREVIEWRIGHT') }))), !hasRecurrences && index.h(EmptyState, null)), index.h("footer", null, index.h("yoo-button", { animated: true, color: "app-color", onClick: () => this.finish() }, index$1.translate('YOOBICSAVE')))));
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
YooFormRecurrencePreviewComponent.style = formRecurrencePreviewCss;
|
|
@@ -11,7 +11,7 @@ require('./index-63b194fe.js');
|
|
|
11
11
|
const button_factory = require('./button.factory-1b137391.js');
|
|
12
12
|
const index$3 = require('./index-d170551d.js');
|
|
13
13
|
const commonHelpers = require('./common-helpers-3c3946e0.js');
|
|
14
|
-
const filtersHelpers = require('./filters-helpers-
|
|
14
|
+
const filtersHelpers = require('./filters-helpers-864132c6.js');
|
|
15
15
|
const formInputHelpers = require('./form-input-helpers-80ce478d.js');
|
|
16
16
|
const gridRenderers = require('./grid-renderers-f862e125.js');
|
|
17
17
|
const itemSliding_interface = require('./item-sliding.interface-7206925b.js');
|
|
@@ -226,6 +226,7 @@ const YooGridComponent = class {
|
|
|
226
226
|
}
|
|
227
227
|
onInitialSelectionChanged() {
|
|
228
228
|
this.selection = lodash.compact([].concat(this.initialSelection || []));
|
|
229
|
+
this.removeUserIdFromSelection();
|
|
229
230
|
if (!index$1.isWeb(this.host) && this.dynamicOrdering && !this.itemsHaveBeenReordered && !this.isLocal) {
|
|
230
231
|
this.itemsHaveBeenReordered = true;
|
|
231
232
|
this.items = this.getOrderedItems();
|
|
@@ -241,6 +242,7 @@ const YooGridComponent = class {
|
|
|
241
242
|
}
|
|
242
243
|
}
|
|
243
244
|
onInitialQueryChange() {
|
|
245
|
+
var _a, _b;
|
|
244
246
|
if (this.initialQuery) {
|
|
245
247
|
this.currentQuery = this.initialQuery;
|
|
246
248
|
if (!this.isFormField && !this.preventSearchReset) {
|
|
@@ -249,10 +251,10 @@ const YooGridComponent = class {
|
|
|
249
251
|
}
|
|
250
252
|
this.sortsAndFilters = this.initialQuery.sortsAndFilters;
|
|
251
253
|
if (this.currentQuery.selectiondIds) {
|
|
252
|
-
this.selection = this.
|
|
254
|
+
this.selection = (_a = this.items) === null || _a === void 0 ? void 0 : _a.filter((item) => this.currentQuery.selectiondIds.includes(item[this.idAttributeName || '_id']));
|
|
253
255
|
}
|
|
254
256
|
if (this.currentQuery.selectionRemovedIds) {
|
|
255
|
-
this.selectionRemoved = this.
|
|
257
|
+
this.selectionRemoved = (_b = this.items) === null || _b === void 0 ? void 0 : _b.filter((item) => this.currentQuery.selectionRemovedIds.includes(item[this.idAttributeName || '_id']));
|
|
256
258
|
}
|
|
257
259
|
if (this.currentQuery.mode === 'query' && this.currentQuery.isSelectAll !== false) {
|
|
258
260
|
this.updateSelectAll(true);
|
|
@@ -547,6 +549,7 @@ const YooGridComponent = class {
|
|
|
547
549
|
this.areItemsDisabled = (_a = this.extraClass) === null || _a === void 0 ? void 0 : _a.includes('item-disabled');
|
|
548
550
|
this.searchText = this.search || '';
|
|
549
551
|
this.selection = [].concat(this.initialSelection || []);
|
|
552
|
+
this.removeUserIdFromSelection();
|
|
550
553
|
if (!this.displaySize) {
|
|
551
554
|
this.displaySize = index$1.isWeb(this.host) ? 'small' : 'medium';
|
|
552
555
|
}
|
|
@@ -641,6 +644,12 @@ const YooGridComponent = class {
|
|
|
641
644
|
});
|
|
642
645
|
}
|
|
643
646
|
}
|
|
647
|
+
removeUserIdFromSelection() {
|
|
648
|
+
var _a;
|
|
649
|
+
if (this.entityType === 'groups') {
|
|
650
|
+
this.selection = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(index$1.MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(index$1.MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(index$1.MONGODB_ID_REGEX)); });
|
|
651
|
+
}
|
|
652
|
+
}
|
|
644
653
|
setCurrentPage(page) {
|
|
645
654
|
if (this.disconnected) {
|
|
646
655
|
return;
|
|
@@ -677,7 +686,7 @@ const YooGridComponent = class {
|
|
|
677
686
|
}
|
|
678
687
|
if (this.dynamicOrdering && !this.searchText) {
|
|
679
688
|
const total = ((this.currentPage || 0) + 1) * this.pageSize;
|
|
680
|
-
let selectedItems = (this.selection || []).slice(0, total);
|
|
689
|
+
let selectedItems = (this.isSelectAll ? items.filter((item) => this.isSelected(item)) : (this.selection || [])).slice(0, total);
|
|
681
690
|
const unselectedItems = items.filter((item) => !this.isSelected(item)).slice(0, total - selectedItems.length);
|
|
682
691
|
//To render the items properly in the case of id only they need to be transformed from a string[] to an IEntity[]
|
|
683
692
|
if (this.idOnly) {
|
|
@@ -1351,11 +1360,12 @@ const YooGridComponent = class {
|
|
|
1351
1360
|
}
|
|
1352
1361
|
}
|
|
1353
1362
|
getTotalSelected() {
|
|
1363
|
+
var _a, _b, _c;
|
|
1354
1364
|
if (!this.keepSelection) {
|
|
1355
1365
|
return this.total || 0;
|
|
1356
1366
|
}
|
|
1357
|
-
else if (this.multiple
|
|
1358
|
-
return this.selection.length;
|
|
1367
|
+
else if (this.multiple) {
|
|
1368
|
+
return this.isSelectAll ? this.total - (((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.length) || 0) : ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) || 0;
|
|
1359
1369
|
}
|
|
1360
1370
|
else if (this.total > 0) { // && this.isSelectAll
|
|
1361
1371
|
let total = this.total;
|
|
@@ -1364,7 +1374,7 @@ const YooGridComponent = class {
|
|
|
1364
1374
|
}
|
|
1365
1375
|
return total;
|
|
1366
1376
|
}
|
|
1367
|
-
return 0;
|
|
1377
|
+
return ((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) || 0;
|
|
1368
1378
|
}
|
|
1369
1379
|
isSelected(item) {
|
|
1370
1380
|
var _a, _b;
|
|
@@ -2340,20 +2350,15 @@ const YooGridComponent = class {
|
|
|
2340
2350
|
(!item.kpiData || (item.kpiData && item.kpiData.length <= 0)));
|
|
2341
2351
|
}
|
|
2342
2352
|
renderDynamicOrderingHeader() {
|
|
2343
|
-
var _a, _b
|
|
2353
|
+
var _a, _b;
|
|
2344
2354
|
const displaySelectAllOptions = this.returnQuery && this.multiple && this.showSelectAllFinal;
|
|
2345
2355
|
if (!this.disableSingleDeselection && (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 9 || (this.showFilters && !this.host.classList.contains('empty')) || displaySelectAllOptions)) {
|
|
2346
|
-
// Remove userId string who created course from selection list.
|
|
2347
|
-
let groupSelection;
|
|
2348
|
-
if (this.entityType === 'groups' && !this.showSelectAllFinal) {
|
|
2349
|
-
groupSelection = (_b = this.selection) === null || _b === void 0 ? void 0 : _b.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(index$1.MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(index$1.MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(index$1.MONGODB_ID_REGEX)); });
|
|
2350
|
-
}
|
|
2351
2356
|
const totalSelected = this.getTotalSelected();
|
|
2352
2357
|
return (index.h("div", { class: {
|
|
2353
2358
|
'dynamic-ordering-header-container': true,
|
|
2354
|
-
'filters-visible': this.showFilters && ((
|
|
2359
|
+
'filters-visible': this.showFilters && ((_b = this.tags) === null || _b === void 0 ? void 0 : _b.length) !== 0 && this.tags !== undefined,
|
|
2355
2360
|
'no-search': !this.showSearch && !this.gridIsExpanded
|
|
2356
|
-
} }, index.h("div", { class: "selected-text" }, `${
|
|
2361
|
+
} }, index.h("div", { class: "selected-text" }, `${totalSelected} ${index$1.translate('SELECTED')}`), index.h("div", { class: "dynamic-buttons-container" }, index$1.isWeb(this.host) && !this.gridIsExpanded ? (index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onExpandGrid() }, index$1.translate('EXPAND'))) : null, this.returnQuery && this.multiple && this.showSelectAllFinal && (index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onToggleSelectAll() }, index$1.translate('SELECTALL'))), this.multiple && (index.h("yoo-button", { animated: false, disabled: totalSelected <= 0, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.clearSelection() }, index$1.translate('CLEAR'))))));
|
|
2357
2362
|
}
|
|
2358
2363
|
}
|
|
2359
2364
|
renderFilesIcons() {
|
|
@@ -9,7 +9,7 @@ require('./lodash-597bda6d.js');
|
|
|
9
9
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
10
10
|
require('./index-af537b89.js');
|
|
11
11
|
|
|
12
|
-
const userWizardCss = ":host{--card-chat-height:7rem
|
|
12
|
+
const userWizardCss = ":host{--card-chat-height:7rem;display:block;max-width:100%;overflow:hidden;--gutter:var(--spacing-16, 1rem);--item-size:6rem}:host>main{grid-column:1/-1}:host .truncate{overflow:hidden;max-width:4rem;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}@supports (display: -webkit-box){:host .truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host header{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0}:host header #title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host header #title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host header #action{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);cursor:pointer}:host main{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:var(--spacing-08, 0.5rem) repeat(var(--total), calc(var(--item-size) - var(--gutter) * 2)) var(--item-size);-webkit-scroll-snap-type:x proximity;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;padding-bottom:var(--spacing-08, 0.5rem)}:host main::before,:host main::after{content:\"\"}:host main:hover{cursor:pointer}:host main .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;scroll-snap-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main .item#add-avatar{color:var(--app-color, #5a30f4)}:host main .item#add-avatar yoo-icon{width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host main yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-line-height:var(--font-size-32, 2rem);--title-font-weight:normal}:host(.mobile) header{width:calc(100% - var(--spacing-32, 2rem));margin-left:var(--spacing-16, 1rem)}:host(.mobile) main{overflow-x:auto}:host(.mobile) main yoo-card-image{width:6.5rem;height:11.25rem;--subtitle-line-height:var(--font-size-14, 0.875rem);--title-font-size:var(--font-size-14, 0.875rem)}:host(.web) main{margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.web) main yoo-card-image{width:5.375rem;height:9.25rem;--subtitle-line-height:var(--font-size-12, 0.75rem);--title-font-size:var(--font-size-12, 0.75rem)}:host(.empty){--card-chat-height:auto;max-width:initial}:host(.live-video){--card-chat-height:9.25rem}:host(.web.live-video){--item-size:7.5rem}:host(.mobile.live-video){--item-size:8.5rem}:host(.mobile.live-video) main{margin-left:inherit}";
|
|
13
13
|
|
|
14
14
|
const YooUserWizardComponent = class {
|
|
15
15
|
constructor(hostRef) {
|
|
@@ -25,19 +25,23 @@ const YooUserWizardComponent = class {
|
|
|
25
25
|
onItemSelected(item) {
|
|
26
26
|
this.itemSelected.emit(item);
|
|
27
27
|
}
|
|
28
|
+
componentDidRender() {
|
|
29
|
+
var _a, _b;
|
|
30
|
+
this.host.style.setProperty('--total', (_b = (_a = this.items) === null || _a === void 0 ? void 0 : _a.length) === null || _b === void 0 ? void 0 : _b.toString());
|
|
31
|
+
}
|
|
28
32
|
renderAddAvatar() {
|
|
29
|
-
return index.h("section", { id: "add-avatar", onClick: () => this.onItemSelected() }, index.h("yoo-icon", { name: this.addIcon, size: this.addIconSize, color: "app-color" }), index.h("div", { class: "truncate" }, " ", index$1.translate(this.addText)));
|
|
33
|
+
return index.h("section", { id: "add-avatar", class: "item", onClick: () => this.onItemSelected() }, index.h("yoo-icon", { name: this.addIcon, size: this.addIconSize, color: "app-color" }), index.h("div", { class: "truncate" }, " ", index$1.translate(this.addText)));
|
|
30
34
|
}
|
|
31
35
|
renderAddImageCard() {
|
|
32
36
|
var _a;
|
|
33
|
-
return index.h("yoo-card-image", { onClick: () => this.onItemSelected(), heading: this.addText, headingPosition: "below", icon: this.addIcon, image: { instant: false, src: (_a = index$1.getSession().user) === null || _a === void 0 ? void 0 : _a.imageData } });
|
|
37
|
+
return index.h("yoo-card-image", { class: "item", onClick: () => this.onItemSelected(), heading: this.addText, headingPosition: "below", icon: this.addIcon, image: { instant: false, src: (_a = index$1.getSession().user) === null || _a === void 0 ? void 0 : _a.imageData } });
|
|
34
38
|
}
|
|
35
39
|
renderAddButton() {
|
|
36
40
|
return this.isImageCard ? this.renderAddImageCard() : this.renderAddAvatar();
|
|
37
41
|
}
|
|
38
42
|
renderAvatar(item) {
|
|
39
43
|
var _a;
|
|
40
|
-
return (item === null || item === void 0 ? void 0 : item.user) && index.h("section", { onClick: () => this.onItemSelected(item),
|
|
44
|
+
return (item === null || item === void 0 ? void 0 : item.user) && index.h("section", { onClick: () => this.onItemSelected(item), class: "item" }, index.h("yoo-avatar", { class: "xl-user-wizard", size: "extra-large", frame: "circle", user: item.user, icon: ((_a = item.user) === null || _a === void 0 ? void 0 : _a.imageData) ? null : this.fallbackIcon, isOnline: item.hideOnline ? undefined : (item.bottomRightIcon ? item.bottomRightIcon : false), hasNotifications: parseInt(item.topRightBadge, 10) > 0, notificationCount: item.topRightBadge ? parseInt(item.topRightBadge, 10) : null, hasViewedStory: item.hasViewedStory, hasStoryToView: item.hasStoryToView, hasLiveVideo: item.hasLiveVideo, hasRecordedVideo: item.hasRecordedVideo }), !!item.user.firstName && index.h("div", { class: "truncate" }, item.user.firstName));
|
|
41
45
|
}
|
|
42
46
|
renderCardImage(item) {
|
|
43
47
|
var _a, _b, _c, _d;
|
|
@@ -48,7 +52,7 @@ const YooUserWizardComponent = class {
|
|
|
48
52
|
return (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => this.isImageCard ? this.renderCardImage(item) : this.renderAvatar(item));
|
|
49
53
|
}
|
|
50
54
|
renderBody() {
|
|
51
|
-
return index.h("
|
|
55
|
+
return index.h("main", null, this.showAdd && this.renderAddButton(), this.renderItems());
|
|
52
56
|
}
|
|
53
57
|
renderHeader() {
|
|
54
58
|
return this.titleText && index.h("header", null, index.h("div", { id: "title" }, index$1.translate(this.titleText), this.tag && index.h("yoo-tag", { color: "energized-10" }, this.tag)), this.showAllText && index.h("span", { id: "action", onClick: () => this.showAllSelected.emit() }, index$1.translate(this.showAllText)));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MessageType } from '@shared/interfaces';
|
|
2
2
|
import { isNullOrUndefined, translate, translateMulti } from '@shared/utils';
|
|
3
|
+
import { isChromatic } from '@shared/utils';
|
|
3
4
|
import { Component, Event, h, Prop, State, Watch } from '@stencil/core';
|
|
4
|
-
import isChromatic from 'chromatic/isChromatic';
|
|
5
5
|
import { compact, findIndex, isEqual, isString, shuffle } from 'lodash-es';
|
|
6
6
|
import { setColorSVG, showSlidesMedia } from '../../../utils/helpers/common-helpers';
|
|
7
7
|
import { hasDuplicates, showWarningAlert } from '../../../utils/helpers/draggable-tags-helpers';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { getNextRecurrences, guessCurrentTimezone, pipes, TIMEZONES, translate } from '@shared/utils';
|
|
2
2
|
import { Component, Event, h, Host, Prop } from '@stencil/core';
|
|
3
3
|
const EmptyState = () => [h("yoo-empty-state", null), h("p", null, translate('LISTEMPTY'))];
|
|
4
4
|
const Recurrences = ({ dates, label }) => (h("div", { class: "recurrences" },
|
|
@@ -11,10 +11,10 @@ const Recurrences = ({ dates, label }) => (h("div", { class: "recurrences" },
|
|
|
11
11
|
h("tbody", null, dates.map((date) => (h("tr", null,
|
|
12
12
|
h("td", null, pipes.dateFormat.transform(date, 'ddd L')),
|
|
13
13
|
h("td", null, pipes.dateFormat.transform(date, 'LT')))))))));
|
|
14
|
-
const Timezones = ({ value, values,
|
|
14
|
+
const Timezones = ({ value, values, onUpdate }) => (h("div", { class: "timezones" },
|
|
15
15
|
h("p", { innerHTML: translate('RECURRENCEPREVIEWDETAILS') }),
|
|
16
16
|
h("h1", null, translate('RECURRENCEPREVIEWTIMEZONE')),
|
|
17
|
-
h("yoo-form-autocomplete", {
|
|
17
|
+
h("yoo-form-autocomplete", { size: "medium", value: value, values: values, onFetchData: (event) => { var _a; return (_a = event.detail.infiniteScroll) === null || _a === void 0 ? void 0 : _a.complete(); }, onInputChanged: (event) => {
|
|
18
18
|
event.stopPropagation();
|
|
19
19
|
onUpdate(event.detail);
|
|
20
20
|
} })));
|
|
@@ -43,7 +43,7 @@ export class YooFormRecurrencePreviewComponent {
|
|
|
43
43
|
h("yoo-icon", { color: "stable", name: "left" }))),
|
|
44
44
|
h("yoo-truncate", null, translate('RECURRENCEPREVIEWTITLE')))),
|
|
45
45
|
h("main", { class: { empty: !hasRecurrences } },
|
|
46
|
-
hasRecurrences &&
|
|
46
|
+
hasRecurrences && h(Timezones, { value: this.timezone, values: TIMEZONES, onUpdate: (timezone) => (this.timezone = timezone) }),
|
|
47
47
|
hasRecurrences && (h("div", { class: "schedule" },
|
|
48
48
|
h(Recurrences, { dates: getNextRecurrences(this.value, { max: this.max, timezone: guessCurrentTimezone() }), label: translate('RECURRENCEPREVIEWLEFT') }),
|
|
49
49
|
h(Recurrences, { dates: recurrences, label: translate('RECURRENCEPREVIEWRIGHT') }))),
|
|
@@ -146,6 +146,7 @@ export class YooGridComponent {
|
|
|
146
146
|
}
|
|
147
147
|
onInitialSelectionChanged() {
|
|
148
148
|
this.selection = compact([].concat(this.initialSelection || []));
|
|
149
|
+
this.removeUserIdFromSelection();
|
|
149
150
|
if (!isWeb(this.host) && this.dynamicOrdering && !this.itemsHaveBeenReordered && !this.isLocal) {
|
|
150
151
|
this.itemsHaveBeenReordered = true;
|
|
151
152
|
this.items = this.getOrderedItems();
|
|
@@ -161,6 +162,7 @@ export class YooGridComponent {
|
|
|
161
162
|
}
|
|
162
163
|
}
|
|
163
164
|
onInitialQueryChange() {
|
|
165
|
+
var _a, _b;
|
|
164
166
|
if (this.initialQuery) {
|
|
165
167
|
this.currentQuery = this.initialQuery;
|
|
166
168
|
if (!this.isFormField && !this.preventSearchReset) {
|
|
@@ -169,10 +171,10 @@ export class YooGridComponent {
|
|
|
169
171
|
}
|
|
170
172
|
this.sortsAndFilters = this.initialQuery.sortsAndFilters;
|
|
171
173
|
if (this.currentQuery.selectiondIds) {
|
|
172
|
-
this.selection = this.
|
|
174
|
+
this.selection = (_a = this.items) === null || _a === void 0 ? void 0 : _a.filter((item) => this.currentQuery.selectiondIds.includes(item[this.idAttributeName || '_id']));
|
|
173
175
|
}
|
|
174
176
|
if (this.currentQuery.selectionRemovedIds) {
|
|
175
|
-
this.selectionRemoved = this.
|
|
177
|
+
this.selectionRemoved = (_b = this.items) === null || _b === void 0 ? void 0 : _b.filter((item) => this.currentQuery.selectionRemovedIds.includes(item[this.idAttributeName || '_id']));
|
|
176
178
|
}
|
|
177
179
|
if (this.currentQuery.mode === 'query' && this.currentQuery.isSelectAll !== false) {
|
|
178
180
|
this.updateSelectAll(true);
|
|
@@ -467,6 +469,7 @@ export class YooGridComponent {
|
|
|
467
469
|
this.areItemsDisabled = (_a = this.extraClass) === null || _a === void 0 ? void 0 : _a.includes('item-disabled');
|
|
468
470
|
this.searchText = this.search || '';
|
|
469
471
|
this.selection = [].concat(this.initialSelection || []);
|
|
472
|
+
this.removeUserIdFromSelection();
|
|
470
473
|
if (!this.displaySize) {
|
|
471
474
|
this.displaySize = isWeb(this.host) ? 'small' : 'medium';
|
|
472
475
|
}
|
|
@@ -561,6 +564,12 @@ export class YooGridComponent {
|
|
|
561
564
|
});
|
|
562
565
|
}
|
|
563
566
|
}
|
|
567
|
+
removeUserIdFromSelection() {
|
|
568
|
+
var _a;
|
|
569
|
+
if (this.entityType === 'groups') {
|
|
570
|
+
this.selection = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(MONGODB_ID_REGEX)); });
|
|
571
|
+
}
|
|
572
|
+
}
|
|
564
573
|
setCurrentPage(page) {
|
|
565
574
|
if (this.disconnected) {
|
|
566
575
|
return;
|
|
@@ -597,7 +606,7 @@ export class YooGridComponent {
|
|
|
597
606
|
}
|
|
598
607
|
if (this.dynamicOrdering && !this.searchText) {
|
|
599
608
|
const total = ((this.currentPage || 0) + 1) * this.pageSize;
|
|
600
|
-
let selectedItems = (this.selection || []).slice(0, total);
|
|
609
|
+
let selectedItems = (this.isSelectAll ? items.filter((item) => this.isSelected(item)) : (this.selection || [])).slice(0, total);
|
|
601
610
|
const unselectedItems = items.filter((item) => !this.isSelected(item)).slice(0, total - selectedItems.length);
|
|
602
611
|
//To render the items properly in the case of id only they need to be transformed from a string[] to an IEntity[]
|
|
603
612
|
if (this.idOnly) {
|
|
@@ -1271,11 +1280,12 @@ export class YooGridComponent {
|
|
|
1271
1280
|
}
|
|
1272
1281
|
}
|
|
1273
1282
|
getTotalSelected() {
|
|
1283
|
+
var _a, _b, _c;
|
|
1274
1284
|
if (!this.keepSelection) {
|
|
1275
1285
|
return this.total || 0;
|
|
1276
1286
|
}
|
|
1277
|
-
else if (this.multiple
|
|
1278
|
-
return this.selection.length;
|
|
1287
|
+
else if (this.multiple) {
|
|
1288
|
+
return this.isSelectAll ? this.total - (((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.length) || 0) : ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) || 0;
|
|
1279
1289
|
}
|
|
1280
1290
|
else if (this.total > 0) { // && this.isSelectAll
|
|
1281
1291
|
let total = this.total;
|
|
@@ -1284,7 +1294,7 @@ export class YooGridComponent {
|
|
|
1284
1294
|
}
|
|
1285
1295
|
return total;
|
|
1286
1296
|
}
|
|
1287
|
-
return 0;
|
|
1297
|
+
return ((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) || 0;
|
|
1288
1298
|
}
|
|
1289
1299
|
isSelected(item) {
|
|
1290
1300
|
var _a, _b;
|
|
@@ -2336,21 +2346,16 @@ export class YooGridComponent {
|
|
|
2336
2346
|
(!item.kpiData || (item.kpiData && item.kpiData.length <= 0)));
|
|
2337
2347
|
}
|
|
2338
2348
|
renderDynamicOrderingHeader() {
|
|
2339
|
-
var _a, _b
|
|
2349
|
+
var _a, _b;
|
|
2340
2350
|
const displaySelectAllOptions = this.returnQuery && this.multiple && this.showSelectAllFinal;
|
|
2341
2351
|
if (!this.disableSingleDeselection && (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 9 || (this.showFilters && !this.host.classList.contains('empty')) || displaySelectAllOptions)) {
|
|
2342
|
-
// Remove userId string who created course from selection list.
|
|
2343
|
-
let groupSelection;
|
|
2344
|
-
if (this.entityType === 'groups' && !this.showSelectAllFinal) {
|
|
2345
|
-
groupSelection = (_b = this.selection) === null || _b === void 0 ? void 0 : _b.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(MONGODB_ID_REGEX)); });
|
|
2346
|
-
}
|
|
2347
2352
|
const totalSelected = this.getTotalSelected();
|
|
2348
2353
|
return (h("div", { class: {
|
|
2349
2354
|
'dynamic-ordering-header-container': true,
|
|
2350
|
-
'filters-visible': this.showFilters && ((
|
|
2355
|
+
'filters-visible': this.showFilters && ((_b = this.tags) === null || _b === void 0 ? void 0 : _b.length) !== 0 && this.tags !== undefined,
|
|
2351
2356
|
'no-search': !this.showSearch && !this.gridIsExpanded
|
|
2352
2357
|
} },
|
|
2353
|
-
h("div", { class: "selected-text" }, `${
|
|
2358
|
+
h("div", { class: "selected-text" }, `${totalSelected} ${translate('SELECTED')}`),
|
|
2354
2359
|
h("div", { class: "dynamic-buttons-container" },
|
|
2355
2360
|
isWeb(this.host) && !this.gridIsExpanded ? (h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onExpandGrid() }, translate('EXPAND'))) : null,
|
|
2356
2361
|
this.returnQuery && this.multiple && this.showSelectAllFinal && (h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onToggleSelectAll() }, translate('SELECTALL'))),
|
|
@@ -409,6 +409,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
|
|
|
409
409
|
:host .feed-details-container .bottom-container .feed-interactions {
|
|
410
410
|
display: flex;
|
|
411
411
|
flex-direction: row;
|
|
412
|
+
height: var(--spacing-64, 4rem);
|
|
412
413
|
white-space: nowrap;
|
|
413
414
|
}
|
|
414
415
|
:host .feed-details-container .bottom-container .feed-interactions .start {
|
|
@@ -459,6 +460,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
|
|
|
459
460
|
:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-lottie {
|
|
460
461
|
width: var(--icon-size-02, 1.5rem);
|
|
461
462
|
height: var(--icon-size-02, 1.5rem);
|
|
463
|
+
margin: 0 var(--spacing-16, 1rem) 0 0;
|
|
462
464
|
}
|
|
463
465
|
:host .feed-details-container .bottom-container .feed-interactions .interaction.counter {
|
|
464
466
|
margin-left: var(--spacing-08, 0.5rem);
|
|
@@ -479,6 +481,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
|
|
|
479
481
|
width: auto;
|
|
480
482
|
margin-left: 5px;
|
|
481
483
|
}
|
|
484
|
+
:host .feed-details-container .bottom-container .interaction-counter {
|
|
485
|
+
white-space: break-spaces;
|
|
486
|
+
}
|
|
482
487
|
:host .feed-details-container .image-container {
|
|
483
488
|
position: fixed;
|
|
484
489
|
top: 0;
|