@yoobic/yobi 8.2.4 → 8.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/cjs/yoo-card-list-simple.cjs.entry.js +1 -1
  2. package/dist/cjs/yoo-context-menu.cjs.entry.js +1 -0
  3. package/dist/cjs/yoo-entity.cjs.entry.js +53 -43
  4. package/dist/cjs/yoo-form-choice-radio.cjs.entry.js +1 -1
  5. package/dist/cjs/yoo-form-input.cjs.entry.js +3 -0
  6. package/dist/cjs/yoo-form-text-area.cjs.entry.js +3 -0
  7. package/dist/cjs/yoo-grid.cjs.entry.js +4 -7
  8. package/dist/cjs/yoo-text-sequence.cjs.entry.js +5 -2
  9. package/dist/cjs/yoo-videoplayer-core.cjs.entry.js +1 -1
  10. package/dist/collection/components/2.molecules/context-menu/context-menu.js +1 -0
  11. package/dist/collection/components/2.molecules/text-sequence/text-sequence.css +1 -1
  12. package/dist/collection/components/2.molecules/text-sequence/text-sequence.js +4 -1
  13. package/dist/collection/components/3.organisms/video-player/videoplayer-core.css +4 -0
  14. package/dist/collection/components/entities/card-list/simple/card-list-simple.css +4 -0
  15. package/dist/collection/components/entities/entity/entity.js +53 -43
  16. package/dist/collection/components/form/form-choice/radio/form-choice-radio.js +1 -1
  17. package/dist/collection/components/form/form-input/form-input.js +4 -1
  18. package/dist/collection/components/form/form-text-area/form-text-area.js +4 -1
  19. package/dist/collection/components/grid/grid/grid.js +4 -7
  20. package/dist/design-system/yoo-card-list-simple.entry.js +1 -1
  21. package/dist/design-system/yoo-context-menu.entry.js +1 -0
  22. package/dist/design-system/yoo-entity.entry.js +53 -43
  23. package/dist/design-system/yoo-form-choice-radio.entry.js +1 -1
  24. package/dist/design-system/yoo-form-input.entry.js +4 -1
  25. package/dist/design-system/yoo-form-text-area.entry.js +4 -1
  26. package/dist/design-system/yoo-grid.entry.js +4 -7
  27. package/dist/design-system/yoo-text-sequence.entry.js +5 -2
  28. package/dist/design-system/yoo-videoplayer-core.entry.js +1 -1
  29. package/dist/esm/yoo-card-list-simple.entry.js +1 -1
  30. package/dist/esm/yoo-context-menu.entry.js +1 -0
  31. package/dist/esm/yoo-entity.entry.js +53 -43
  32. package/dist/esm/yoo-form-choice-radio.entry.js +1 -1
  33. package/dist/esm/yoo-form-input.entry.js +4 -1
  34. package/dist/esm/yoo-form-text-area.entry.js +4 -1
  35. package/dist/esm/yoo-grid.entry.js +4 -7
  36. package/dist/esm/yoo-text-sequence.entry.js +5 -2
  37. package/dist/esm/yoo-videoplayer-core.entry.js +1 -1
  38. package/dist/types/components/2.molecules/text-sequence/text-sequence.d.ts +1 -0
  39. package/package.json +1 -1
package/dist/cjs/yoo-card-list-simple.cjs.entry.js CHANGED
@@ -10,7 +10,7 @@ require('./lodash-597bda6d.js');
10
10
  require('./_commonjsHelpers-94df2ea7.js');
11
11
  require('./index-fc264952.js');
12
12
 
13
- const cardListSimpleCss = ":host{--border-bottom-outer-container:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--inner-text-color:var(--dark, #000000);display:block;height:100%;cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;min-height:44px;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container.tapped{background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .outer-container .text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:0px;color:var(--inner-text-color);font-size:var(--font-size-18, 1.125rem);line-height:1.5;word-break:break-word}:host .outer-container .text *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .text .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-right:var(--spacing-08, 0.5rem);padding:0}:host .outer-container .image-container .flag-container{width:100%;height:100%}:host(.language) .outer-container{-ms-flex-align:center;align-items:center}:host(.language) .outer-container .image-container{width:1.5rem;height:1.5rem;overflow:hidden;font-size:var(--font-size-36, 2.25rem);border-radius:var(--border-radius-16, 1rem)}:host(.language) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:auto;padding:0}:host(.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container .text .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-choice) .outer-container{padding:0}:host(.form-choice) .outer-container .text{padding-top:0;white-space:normal;word-break:break-word}:host(.form-choice) .outer-container .text .heading{margin:var(--spacing-16, 1rem) 0}:host(.selection-mode.mobile) .outer-container .text{margin-right:var(--spacing-32, 2rem)}:host(.web) .outer-container{min-height:auto;background:transparent}:host(.web) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.small.selected-content) .outer-container .text{font-size:var(--font-size-12, 0.75rem)}:host(.medium.selected-content) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.large.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.small.autocomplete-selection-mode) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .heading{font-size:var(--font-size-16, 1rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .subheading-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.no-border-bottom.mobile) .outer-container{border-bottom:none}:host(.groups.web) .outer-container .text .subheading-container{display:-ms-flexbox;display:flex}:host(.groups.web) .outer-container .text .subheading-container .subheading{padding-right:var(--spacing-16, 1rem)}:host(.products.outofstock){opacity:0.5}:host(.autocomplete) .outer-container .image-container .play{position:absolute}:host(.web.pages) .outer-container{border-bottom:none}:host(.mobile.autocomplete-selection-mode) .outer-container{border-bottom:none}:host(.outofstock),:host(.hidden){opacity:0.5}";
13
+ const cardListSimpleCss = ":host{--border-bottom-outer-container:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--inner-text-color:var(--dark, #000000);display:block;height:100%;cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;min-height:44px;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container.tapped{background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .outer-container .text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:0px;color:var(--inner-text-color);font-size:var(--font-size-18, 1.125rem);line-height:1.5;word-break:break-word}:host .outer-container .text *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .text .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-right:var(--spacing-08, 0.5rem);padding:0}:host .outer-container .image-container .flag-container{width:100%;height:100%}:host(.grid-cell){height:initial}:host(.language) .outer-container{-ms-flex-align:center;align-items:center}:host(.language) .outer-container .image-container{width:1.5rem;height:1.5rem;overflow:hidden;font-size:var(--font-size-36, 2.25rem);border-radius:var(--border-radius-16, 1rem)}:host(.language) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:auto;padding:0}:host(.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container .text .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-choice) .outer-container{padding:0}:host(.form-choice) .outer-container .text{padding-top:0;white-space:normal;word-break:break-word}:host(.form-choice) .outer-container .text .heading{margin:var(--spacing-16, 1rem) 0}:host(.selection-mode.mobile) .outer-container .text{margin-right:var(--spacing-32, 2rem)}:host(.web) .outer-container{min-height:auto;background:transparent}:host(.web) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.small.selected-content) .outer-container .text{font-size:var(--font-size-12, 0.75rem)}:host(.medium.selected-content) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.large.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.small.autocomplete-selection-mode) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .heading{font-size:var(--font-size-16, 1rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .subheading-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.no-border-bottom.mobile) .outer-container{border-bottom:none}:host(.groups.web) .outer-container .text .subheading-container{display:-ms-flexbox;display:flex}:host(.groups.web) .outer-container .text .subheading-container .subheading{padding-right:var(--spacing-16, 1rem)}:host(.products.outofstock){opacity:0.5}:host(.autocomplete) .outer-container .image-container .play{position:absolute}:host(.web.pages) .outer-container{border-bottom:none}:host(.mobile.autocomplete-selection-mode) .outer-container{border-bottom:none}:host(.outofstock),:host(.hidden){opacity:0.5}";
14
14
 
15
15
  const YooCardListSimpleComponent = class {
16
16
  constructor(hostRef) {
package/dist/cjs/yoo-context-menu.cjs.entry.js CHANGED
@@ -59,6 +59,7 @@ const YooContextMenuComponent = class {
59
59
  selectedItems: this.selectedItems,
60
60
  className: this.host.className,
61
61
  contextMenuOpened: this.contextMenuOpened,
62
+ contextMenuClosed: this.contextMenuClosed,
62
63
  hostElement: ((_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector(this.hostSelector)) || this.host
63
64
  };
64
65
  }
package/dist/cjs/yoo-entity.cjs.entry.js CHANGED
@@ -784,7 +784,7 @@ const YooEntityComponent = class {
784
784
  return address;
785
785
  }
786
786
  renderCardList(extraClasses) {
787
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63;
787
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64;
788
788
  let entry = {};
789
789
  if (this.entityMapping) {
790
790
  entry = this.entityMapping(this.item, this.entityType, this.displayType);
@@ -1128,6 +1128,16 @@ const YooEntityComponent = class {
1128
1128
  tagElements: lodash.compact(f.tags).map((t) => ({ innerHTML: t, color: 'stable-light' })),
1129
1129
  subheadings: []
1130
1130
  };
1131
+ if (f.stats) {
1132
+ entry.subheadings = [
1133
+ (((_5 = f.container) === null || _5 === void 0 ? void 0 : _5.name) ? f.container.name + ' ' : '') +
1134
+ f.stats
1135
+ .map((s) => {
1136
+ return '<span>' + index$1.translate(s.title) + ': ' + s.value.toString() + '</span>';
1137
+ })
1138
+ .join()
1139
+ ];
1140
+ }
1131
1141
  }
1132
1142
  else if (this.entityType === 'unsplash') {
1133
1143
  const unsplash = this.item;
@@ -1215,15 +1225,15 @@ const YooEntityComponent = class {
1215
1225
  }
1216
1226
  else if (this.entityType === 'language') {
1217
1227
  entry = {
1218
- heading: ((_5 = this.item) === null || _5 === void 0 ? void 0 : _5.title) ? index$1.translate(this.item.title.toUpperCase()) : ((_6 = this.item) === null || _6 === void 0 ? void 0 : _6._id) ? index$1.translate(this.item._id.toUpperCase()) : index$1.translate(this.item.toUpperCase()),
1219
- flag: this.host.classList.contains('hide-icon') ? null : ((_7 = this.item) === null || _7 === void 0 ? void 0 : _7._id) ? index$1.getLanguageFlag(this.item._id) : index$1.getLanguageFlag(this.item)
1228
+ heading: ((_6 = this.item) === null || _6 === void 0 ? void 0 : _6.title) ? index$1.translate(this.item.title.toUpperCase()) : ((_7 = this.item) === null || _7 === void 0 ? void 0 : _7._id) ? index$1.translate(this.item._id.toUpperCase()) : index$1.translate(this.item.toUpperCase()),
1229
+ flag: this.host.classList.contains('hide-icon') ? null : ((_8 = this.item) === null || _8 === void 0 ? void 0 : _8._id) ? index$1.getLanguageFlag(this.item._id) : index$1.getLanguageFlag(this.item)
1220
1230
  };
1221
1231
  }
1222
1232
  else if (this.entityType === 'waitlistvisit') {
1223
1233
  const visit = this.item;
1224
1234
  const tagElements = operationHelpers.getWaitlistVisitTags(visit);
1225
1235
  entry = {
1226
- heading: ((_8 = visit.name) === null || _8 === void 0 ? void 0 : _8.startsWith('NOINFO')) ? index$1.translate('NOINFO') : visit.name,
1236
+ heading: ((_9 = visit.name) === null || _9 === void 0 ? void 0 : _9.startsWith('NOINFO')) ? index$1.translate('NOINFO') : visit.name,
1227
1237
  tagElements
1228
1238
  };
1229
1239
  if (!index$1.isWeb(this.host)) {
@@ -1238,7 +1248,7 @@ const YooEntityComponent = class {
1238
1248
  else if (this.entityType === 'waitlistcustomer') {
1239
1249
  const customer = this.item;
1240
1250
  entry = {
1241
- heading: ((_9 = customer.name) === null || _9 === void 0 ? void 0 : _9.startsWith('NOINFO')) ? index$1.translate('NOINFO') : customer.name,
1251
+ heading: ((_10 = customer.name) === null || _10 === void 0 ? void 0 : _10.startsWith('NOINFO')) ? index$1.translate('NOINFO') : customer.name,
1242
1252
  subheadings: lodash.compact([customer.phone, customer.email])
1243
1253
  };
1244
1254
  }
@@ -1335,7 +1345,7 @@ const YooEntityComponent = class {
1335
1345
  subheadings: this.isAutocompleteSelected() ? null : group.description ? [group.description] : null,
1336
1346
  iconText: group.title || group.name || group._id,
1337
1347
  heading: group.title || group.name || group._id,
1338
- imgSrc: (_10 = group.icon) === null || _10 === void 0 ? void 0 : _10._downloadURL
1348
+ imgSrc: (_11 = group.icon) === null || _11 === void 0 ? void 0 : _11._downloadURL
1339
1349
  };
1340
1350
  entry.subheadings = group.subheadings || entry.subheadings;
1341
1351
  }
@@ -1345,7 +1355,7 @@ const YooEntityComponent = class {
1345
1355
  avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'medium',
1346
1356
  iconText: tenant.title || tenant.name,
1347
1357
  heading: (tenant.title || tenant.name || '').toUpperCase(),
1348
- imgSrc: (_11 = tenant.icon) === null || _11 === void 0 ? void 0 : _11._downloadURL,
1358
+ imgSrc: (_12 = tenant.icon) === null || _12 === void 0 ? void 0 : _12._downloadURL,
1349
1359
  subheadings: this.isAutocompleteSelected() ? null : lodash.compact([tenant.description])
1350
1360
  };
1351
1361
  }
@@ -1356,7 +1366,7 @@ const YooEntityComponent = class {
1356
1366
  avatarFrame: 'square',
1357
1367
  iconText: index$1.translateMulti(model.title || model.name),
1358
1368
  heading: index$1.translateMulti(model.title || model.name),
1359
- imgSrc: ((_12 = model.background) === null || _12 === void 0 ? void 0 : _12._downloadURL) || model.background,
1369
+ imgSrc: ((_13 = model.background) === null || _13 === void 0 ? void 0 : _13._downloadURL) || model.background,
1360
1370
  subheadings: this.isAutocompleteSelected() ? null : lodash.compact([index$1.translateMulti(model.shortDescription)])
1361
1371
  };
1362
1372
  }
@@ -1365,10 +1375,10 @@ const YooEntityComponent = class {
1365
1375
  entry = {
1366
1376
  heading: index$1.getUserDisplayName(filter.user),
1367
1377
  subheadings: lodash.compact([
1368
- ((_13 = filter.locations) === null || _13 === void 0 ? void 0 : _13.length) > 0
1378
+ ((_14 = filter.locations) === null || _14 === void 0 ? void 0 : _14.length) > 0
1369
1379
  ? filter.locations.length.toLocaleString() + ' ' + index$1.translate(filter.locations.length > 1 ? 'LOCATIONS' : 'LOCATION')
1370
1380
  : null,
1371
- ((_14 = filter.locationtypes) === null || _14 === void 0 ? void 0 : _14.length) > 0
1381
+ ((_15 = filter.locationtypes) === null || _15 === void 0 ? void 0 : _15.length) > 0
1372
1382
  ? filter.locationtypes.length.toLocaleString() + ' ' + index$1.translate(filter.locationtypes.length > 1 ? 'LOCATIONTYPES' : 'LOCATIONTYPE')
1373
1383
  : null
1374
1384
  ]),
@@ -1392,8 +1402,8 @@ const YooEntityComponent = class {
1392
1402
  entry = {
1393
1403
  heading: catalog.title,
1394
1404
  tags: this.isAutocompleteSelected() ? null : index$1.groupsResolver(catalog.group),
1395
- icon: ((_15 = catalog.image) === null || _15 === void 0 ? void 0 : _15._downloadURL) ? null : 'catalogue',
1396
- imgSrc: ((_16 = catalog.image) === null || _16 === void 0 ? void 0 : _16._downloadURL) ? catalog.image._downloadURL : null,
1405
+ icon: ((_16 = catalog.image) === null || _16 === void 0 ? void 0 : _16._downloadURL) ? null : 'catalogue',
1406
+ imgSrc: ((_17 = catalog.image) === null || _17 === void 0 ? void 0 : _17._downloadURL) ? catalog.image._downloadURL : null,
1397
1407
  avatarSize: this.isAutocompleteSelected() ? 'small' : 'large'
1398
1408
  };
1399
1409
  }
@@ -1413,8 +1423,8 @@ const YooEntityComponent = class {
1413
1423
  ],
1414
1424
  tagElements: product.outofstock ? [{ innerHTML: index$1.translate('OUTOFSTOCK'), color: 'danger' }] : null,
1415
1425
  tags: this.isAutocompleteSelected() || index$1.isWeb(this.host) ? null : product.tags,
1416
- icon: ((_17 = product.image) === null || _17 === void 0 ? void 0 : _17._downloadURL) ? null : 'photo-library',
1417
- imgSrc: ((_18 = product.image) === null || _18 === void 0 ? void 0 : _18._downloadURL) ? product.image._downloadURL : null,
1426
+ icon: ((_18 = product.image) === null || _18 === void 0 ? void 0 : _18._downloadURL) ? null : 'photo-library',
1427
+ imgSrc: ((_19 = product.image) === null || _19 === void 0 ? void 0 : _19._downloadURL) ? product.image._downloadURL : null,
1418
1428
  avatarSize: this.isHistory || this.host.classList.contains('simple') ? 'large' : this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-large',
1419
1429
  avatarFrame: 'square',
1420
1430
  allowCustomHtml: true
@@ -1423,7 +1433,7 @@ const YooEntityComponent = class {
1423
1433
  else if (this.entityType === 'violetproducts') {
1424
1434
  const product = this.item;
1425
1435
  let subheadings = [product.description];
1426
- if (((_19 = this.item.offers) === null || _19 === void 0 ? void 0 : _19.length) && ((_20 = this.item.offers[0].skus) === null || _20 === void 0 ? void 0 : _20.length) && ((_21 = this.item.offers[0].skus[0]) === null || _21 === void 0 ? void 0 : _21.sale_price)) {
1436
+ if (((_20 = this.item.offers) === null || _20 === void 0 ? void 0 : _20.length) && ((_21 = this.item.offers[0].skus) === null || _21 === void 0 ? void 0 : _21.length) && ((_22 = this.item.offers[0].skus[0]) === null || _22 === void 0 ? void 0 : _22.sale_price)) {
1427
1437
  subheadings = [index$1.pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, false, this.item.offers[0].skus[0].currency, true)];
1428
1438
  }
1429
1439
  if (!product.available) {
@@ -1451,7 +1461,7 @@ const YooEntityComponent = class {
1451
1461
  };
1452
1462
  }
1453
1463
  else if (this.entityType === 'violetbasketitems') {
1454
- const sku = (_22 = this.item) === null || _22 === void 0 ? void 0 : _22.sku;
1464
+ const sku = (_23 = this.item) === null || _23 === void 0 ? void 0 : _23.sku;
1455
1465
  const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
1456
1466
  const subheadings = [index$1.pipes.currency.transform(price, false, sku.currency, true)];
1457
1467
  entry = {
@@ -1493,11 +1503,11 @@ const YooEntityComponent = class {
1493
1503
  entry = {
1494
1504
  heading: arModel.product ? arModel.product.title : 'YOOBICNA',
1495
1505
  tagElements: arModel.experience ? [{ innerHTML: index$1.translate((arModel.experience.mode || 'object').toUpperCase()), color: 'dark' }] : null,
1496
- topLeftBadge: ((_23 = arModel.photos) === null || _23 === void 0 ? void 0 : _23.length) > 0 ? arModel.photos.length.toLocaleString() : null,
1506
+ topLeftBadge: ((_24 = arModel.photos) === null || _24 === void 0 ? void 0 : _24.length) > 0 ? arModel.photos.length.toLocaleString() : null,
1497
1507
  subheadings: [arModel.product ? arModel.product.reference : '', arModel.rating ? index$1.translate('RATING') + ' ' + arModel.rating.toLocaleString() : null],
1498
1508
  tags: arModel.experience ? [arModel.experience.name] : null,
1499
- icon: ((_25 = (_24 = arModel.product) === null || _24 === void 0 ? void 0 : _24.image) === null || _25 === void 0 ? void 0 : _25._downloadURL) ? null : 'photo-library',
1500
- imgSrc: ((_27 = (_26 = arModel.product) === null || _26 === void 0 ? void 0 : _26.image) === null || _27 === void 0 ? void 0 : _27._downloadURL) ? arModel.product.image._downloadURL : null
1509
+ icon: ((_26 = (_25 = arModel.product) === null || _25 === void 0 ? void 0 : _25.image) === null || _26 === void 0 ? void 0 : _26._downloadURL) ? null : 'photo-library',
1510
+ imgSrc: ((_28 = (_27 = arModel.product) === null || _27 === void 0 ? void 0 : _27.image) === null || _28 === void 0 ? void 0 : _28._downloadURL) ? arModel.product.image._downloadURL : null
1501
1511
  };
1502
1512
  }
1503
1513
  else if (this.entityType === 'algorithm') {
@@ -1520,14 +1530,14 @@ const YooEntityComponent = class {
1520
1530
  subheadings: [
1521
1531
  productBatch.product ? productBatch.product.reference : '',
1522
1532
  ...(index$1.getSession().user && index$1.getSession().user.locationRef === productBatch.locationRef
1523
- ? lodash.compact([((_28 = this.extraClass) === null || _28 === void 0 ? void 0 : _28.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
1524
- : ((_29 = productBatch.location) === null || _29 === void 0 ? void 0 : _29.title)
1525
- ? [productBatch.location.title + ' - ' + (((_30 = productBatch.aisle) === null || _30 === void 0 ? void 0 : _30.title) || '')]
1533
+ ? lodash.compact([((_29 = this.extraClass) === null || _29 === void 0 ? void 0 : _29.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
1534
+ : ((_30 = productBatch.location) === null || _30 === void 0 ? void 0 : _30.title)
1535
+ ? [productBatch.location.title + ' - ' + (((_31 = productBatch.aisle) === null || _31 === void 0 ? void 0 : _31.title) || '')]
1526
1536
  : [])
1527
1537
  ],
1528
1538
  tags: productBatch.tags,
1529
- icon: productBatch.product.image && ((_32 = (_31 = productBatch.product) === null || _31 === void 0 ? void 0 : _31.image) === null || _32 === void 0 ? void 0 : _32._downloadURL) ? null : 'photo-library',
1530
- imgSrc: ((_34 = (_33 = productBatch.product) === null || _33 === void 0 ? void 0 : _33.image) === null || _34 === void 0 ? void 0 : _34._downloadURL) ? productBatch.product.image._downloadURL : null
1539
+ icon: productBatch.product.image && ((_33 = (_32 = productBatch.product) === null || _32 === void 0 ? void 0 : _32.image) === null || _33 === void 0 ? void 0 : _33._downloadURL) ? null : 'photo-library',
1540
+ imgSrc: ((_35 = (_34 = productBatch.product) === null || _34 === void 0 ? void 0 : _34.image) === null || _35 === void 0 ? void 0 : _35._downloadURL) ? productBatch.product.image._downloadURL : null
1531
1541
  };
1532
1542
  if (productBatch.archived) {
1533
1543
  extraClasses += ' archived ';
@@ -1564,7 +1574,7 @@ const YooEntityComponent = class {
1564
1574
  heading: product.title,
1565
1575
  subheadings,
1566
1576
  date: index$1.isPresent(this.item.description) ? this.item.description : null,
1567
- imgSrc: ((_35 = product === null || product === void 0 ? void 0 : product.image) === null || _35 === void 0 ? void 0 : _35._downloadURL) ? product.image._downloadURL : null,
1577
+ imgSrc: ((_36 = product === null || product === void 0 ? void 0 : product.image) === null || _36 === void 0 ? void 0 : _36._downloadURL) ? product.image._downloadURL : null,
1568
1578
  avatarFrame: 'square',
1569
1579
  // keep it explicit here to prevent to be overwritten by the autocomplete, with which the card-list is used in combination with, and that changes the size of the avatar to 'small' when only one product is selected
1570
1580
  // this case is described into the form-entity-value-pairs.spec tests
@@ -1748,10 +1758,10 @@ const YooEntityComponent = class {
1748
1758
  else if (this.entityType === 'topusers') {
1749
1759
  entry = {
1750
1760
  heading: `${this.item.firstName} ${this.item.lastName}`,
1751
- rank: (_36 = this.item) === null || _36 === void 0 ? void 0 : _36.rank,
1761
+ rank: (_37 = this.item) === null || _37 === void 0 ? void 0 : _37.rank,
1752
1762
  points: null,
1753
1763
  users: [this.item],
1754
- tagElementsInHeader: { tags: (_37 = this.item) === null || _37 === void 0 ? void 0 : _37.tagElements, location: 'end' }
1764
+ tagElementsInHeader: { tags: (_38 = this.item) === null || _38 === void 0 ? void 0 : _38.tagElements, location: 'end' }
1755
1765
  };
1756
1766
  }
1757
1767
  else if (this.entityType === 'questions') {
@@ -1816,17 +1826,17 @@ const YooEntityComponent = class {
1816
1826
  subheadings: [
1817
1827
  'Operation Id: ' + op.operationId,
1818
1828
  'Request Id: ' + op.requestId,
1819
- ((_38 = op.operation) === null || _38 === void 0 ? void 0 : _38.accessToken) ? 'User:' + index$1.getUserDisplayName(op.operation.accessToken) : null,
1820
- ((_41 = (_40 = (_39 = op.requestLog) === null || _39 === void 0 ? void 0 : _39.meta) === null || _40 === void 0 ? void 0 : _40.req) === null || _41 === void 0 ? void 0 : _41.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
1821
- ((_44 = (_43 = (_42 = op.requestLog) === null || _42 === void 0 ? void 0 : _42.meta) === null || _43 === void 0 ? void 0 : _43.req) === null || _44 === void 0 ? void 0 : _44.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
1829
+ ((_39 = op.operation) === null || _39 === void 0 ? void 0 : _39.accessToken) ? 'User:' + index$1.getUserDisplayName(op.operation.accessToken) : null,
1830
+ ((_42 = (_41 = (_40 = op.requestLog) === null || _40 === void 0 ? void 0 : _40.meta) === null || _41 === void 0 ? void 0 : _41.req) === null || _42 === void 0 ? void 0 : _42.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
1831
+ ((_45 = (_44 = (_43 = op.requestLog) === null || _43 === void 0 ? void 0 : _43.meta) === null || _44 === void 0 ? void 0 : _44.req) === null || _45 === void 0 ? void 0 : _45.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
1822
1832
  ? 'Client Version:' + op.requestLog.meta.req.headers['yoobic-client-version']
1823
1833
  : null,
1824
- ((_47 = (_46 = (_45 = op.requestLog) === null || _45 === void 0 ? void 0 : _45.meta) === null || _46 === void 0 ? void 0 : _46.req) === null || _47 === void 0 ? void 0 : _47.headers) && op.requestLog.meta.req.headers['user-agent']
1834
+ ((_48 = (_47 = (_46 = op.requestLog) === null || _46 === void 0 ? void 0 : _46.meta) === null || _47 === void 0 ? void 0 : _47.req) === null || _48 === void 0 ? void 0 : _48.headers) && op.requestLog.meta.req.headers['user-agent']
1825
1835
  ? 'User Agent:' + op.requestLog.meta.req.headers['user-agent']
1826
1836
  : null
1827
1837
  ],
1828
1838
  date: index$1.pipes.dateFormat.transform(op._ect, 'L LT'),
1829
- users: ((_48 = op.operation) === null || _48 === void 0 ? void 0 : _48.accessToken) ? [op.operation.accessToken] : null,
1839
+ users: ((_49 = op.operation) === null || _49 === void 0 ? void 0 : _49.accessToken) ? [op.operation.accessToken] : null,
1830
1840
  tagElements: lodash.compact([
1831
1841
  op.isCreation
1832
1842
  ? {
@@ -1880,12 +1890,12 @@ const YooEntityComponent = class {
1880
1890
  entry = {
1881
1891
  heading: index$1.translateMulti(battleList.title),
1882
1892
  subheadings: [lessonsCount + ' ' + index$1.translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON')],
1883
- imgSrc: ((_49 = battleList.background) === null || _49 === void 0 ? void 0 : _49._downloadURL) ? battleList.background._downloadURL : null,
1893
+ imgSrc: ((_50 = battleList.background) === null || _50 === void 0 ? void 0 : _50._downloadURL) ? battleList.background._downloadURL : null,
1884
1894
  avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-extra-large',
1885
1895
  avatarFrame: 'square'
1886
1896
  };
1887
1897
  }
1888
- else if (this.entityType !== 'tag' && ((_51 = (_50 = this.customModel) === null || _50 === void 0 ? void 0 : _50.appearance) === null || _51 === void 0 ? void 0 : _51.size)) {
1898
+ else if (this.entityType !== 'tag' && ((_52 = (_51 = this.customModel) === null || _51 === void 0 ? void 0 : _51.appearance) === null || _52 === void 0 ? void 0 : _52.size)) {
1889
1899
  entry = {};
1890
1900
  this.customModel.appearance.forEach((value, key) => {
1891
1901
  if (key === 'displayTypes') {
@@ -1926,7 +1936,7 @@ const YooEntityComponent = class {
1926
1936
  else if (this.entityType === 'widgets') {
1927
1937
  const widget = this.item;
1928
1938
  entry = {
1929
- heading: widget.title || ((_52 = widget.page) === null || _52 === void 0 ? void 0 : _52.path),
1939
+ heading: widget.title || ((_53 = widget.page) === null || _53 === void 0 ? void 0 : _53.path),
1930
1940
  imgSrc: widget.photo,
1931
1941
  icon: widget.icon,
1932
1942
  subheadings: lodash.compact([]),
@@ -2003,16 +2013,16 @@ const YooEntityComponent = class {
2003
2013
  }
2004
2014
  const title = this.useTranslate ? defaultTitle.toUpperCase() : defaultTitle;
2005
2015
  entry.heading = index$1.translateMulti(title);
2006
- if ((_53 = this.item) === null || _53 === void 0 ? void 0 : _53.description) {
2016
+ if ((_54 = this.item) === null || _54 === void 0 ? void 0 : _54.description) {
2007
2017
  entry.subheadings = [index$1.translateMulti(this.item.description)];
2008
2018
  }
2009
- if ((_55 = (_54 = this.item) === null || _54 === void 0 ? void 0 : _54.background) === null || _55 === void 0 ? void 0 : _55._downloadURL) {
2019
+ if ((_56 = (_55 = this.item) === null || _55 === void 0 ? void 0 : _55.background) === null || _56 === void 0 ? void 0 : _56._downloadURL) {
2010
2020
  entry.imgSrc = this.item.background._downloadURL;
2011
2021
  }
2012
- else if (((_56 = this.item) === null || _56 === void 0 ? void 0 : _56.background) && lodash.isString(this.item.background)) {
2022
+ else if (((_57 = this.item) === null || _57 === void 0 ? void 0 : _57.background) && lodash.isString(this.item.background)) {
2013
2023
  entry.imgSrc = this.item.background;
2014
2024
  }
2015
- if ((_58 = (_57 = this.item) === null || _57 === void 0 ? void 0 : _57.icon) === null || _58 === void 0 ? void 0 : _58._downloadURL) {
2025
+ if ((_59 = (_58 = this.item) === null || _58 === void 0 ? void 0 : _58.icon) === null || _59 === void 0 ? void 0 : _59._downloadURL) {
2016
2026
  entry.imgSrc = this.item.icon._downloadURL;
2017
2027
  }
2018
2028
  else if (this.item && lodash.isString(this.item.icon)) {
@@ -2036,7 +2046,7 @@ const YooEntityComponent = class {
2036
2046
  const comment = this.item;
2037
2047
  entry = entitiesHelpers.parseEntityCommentsForCardList(comment);
2038
2048
  }
2039
- if ((_59 = this.item) === null || _59 === void 0 ? void 0 : _59.badge) {
2049
+ if ((_60 = this.item) === null || _60 === void 0 ? void 0 : _60.badge) {
2040
2050
  entry.tagElements = [{ innerHTML: this.item.badge, color: 'app-color' }];
2041
2051
  }
2042
2052
  }
@@ -2045,7 +2055,7 @@ const YooEntityComponent = class {
2045
2055
  !this.isAutocompleteSelected() &&
2046
2056
  !this.hideUIFields &&
2047
2057
  this.customModel &&
2048
- ((_61 = (_60 = this.customModel.formFields) === null || _60 === void 0 ? void 0 : _60.filter((f) => f.showInCard)) === null || _61 === void 0 ? void 0 : _61.length) > 0) {
2058
+ ((_62 = (_61 = this.customModel.formFields) === null || _61 === void 0 ? void 0 : _61.filter((f) => f.showInCard)) === null || _62 === void 0 ? void 0 : _62.length) > 0) {
2049
2059
  entry.uiFields = {
2050
2060
  fields: this.customModel.formFields.filter((f) => f.showInCard),
2051
2061
  data: this.item
@@ -2090,7 +2100,7 @@ const YooEntityComponent = class {
2090
2100
  if (this.host.classList.contains('full-width')) {
2091
2101
  extraClasses += ' full-width ';
2092
2102
  }
2093
- if (((_62 = this.item) === null || _62 === void 0 ? void 0 : _62._id) === index$1.getSession().userId) {
2103
+ if (((_63 = this.item) === null || _63 === void 0 ? void 0 : _63._id) === index$1.getSession().userId) {
2094
2104
  extraClasses += ' current ';
2095
2105
  }
2096
2106
  if (this.extraClass) {
@@ -2119,7 +2129,7 @@ const YooEntityComponent = class {
2119
2129
  [extraClasses]: true,
2120
2130
  [this.entityType]: this.entityType !== undefined,
2121
2131
  'form-permission': this.host.classList.contains('form-permission')
2122
- } }, ((_63 = this.inlineActions) === null || _63 === void 0 ? void 0 : _63.length) > 0 && (index.h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
2132
+ } }, ((_64 = this.inlineActions) === null || _64 === void 0 ? void 0 : _64.length) > 0 && (index.h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
2123
2133
  return (index.h("span", { class: action.cssClass, onClick: () => (action.handler ? action.handler(this.item) : null) }, action.text));
2124
2134
  })))));
2125
2135
  }
package/dist/cjs/yoo-form-choice-radio.cjs.entry.js CHANGED
@@ -115,7 +115,7 @@ const YooFormChoiceRadioComponent = class {
115
115
  }
116
116
  return [
117
117
  this.choices &&
118
- index.h("yoo-grid", { class: "choice radio-button-choice", blockSelectionMode: true, items: valuesEntity, initialSelection: initialEntity, keepSelection: true, multiple: this.multiple, displayType: "card-list", onSelected: (ev) => this.onItemSelectRadio(ev.detail), hideHeader: true, isLocal: true, useTranslate: this.useTranslate, animated: false, valuesColor: this.valuesColor }),
118
+ index.h("yoo-grid", { class: "choice radio-button-choice", blockSelectionMode: true, items: valuesEntity, initialSelection: initialEntity, keepSelection: true, multiple: this.multiple, displayType: "card-list", onSelected: (ev) => this.onItemSelectRadio(ev.detail), onChecked: (ev) => this.onItemSelectRadio(ev.detail), hideHeader: true, isLocal: true, useTranslate: this.useTranslate, animated: false, valuesColor: this.valuesColor }),
119
119
  this.showOther &&
120
120
  index.h("div", { class: "input-zone" }, index.h("textarea", { ref: (el) => (this.textareaRef = el), value: this.textareaValue, onInput: (ev) => this.onInput(ev), onFocus: () => this.onTextAreaFocused() }))
121
121
  ];
package/dist/cjs/yoo-form-input.cjs.entry.js CHANGED
@@ -183,6 +183,9 @@ const YooFormInputComponent = class {
183
183
  this.inputElement.value = this.value;
184
184
  this.updateRemainingCharacters();
185
185
  }
186
+ if (index$1.isNativeMobile() && index$1.isIOS()) {
187
+ index$1.enableKeyboardResize();
188
+ }
186
189
  if (this.focusOnRendered) {
187
190
  this.setFocus();
188
191
  }
package/dist/cjs/yoo-form-text-area.cjs.entry.js CHANGED
@@ -142,6 +142,9 @@ const YooFormTextAreaComponent = class {
142
142
  textArea.setAttribute('style', `resize: ${this.resizable};`);
143
143
  }
144
144
  }
145
+ if (index$1.isNativeMobile() && index$1.isIOS()) {
146
+ index$1.enableKeyboardResize();
147
+ }
145
148
  if (this.autoInitialRows && this.inputEl) {
146
149
  const scrollHeight = this.inputEl.scrollHeight;
147
150
  const PADDING = 16;
package/dist/cjs/yoo-grid.cjs.entry.js CHANGED
@@ -904,12 +904,12 @@ const YooGridComponent = class {
904
904
  if (this.total > 0) {
905
905
  rowCount = this.total;
906
906
  }
907
+ else if (this.isTree() && ((_a = p.request.groupKeys) === null || _a === void 0 ? void 0 : _a.length) > 0) {
908
+ rowCount = (data === null || data === void 0 ? void 0 : data.length) + p.request.startRow;
909
+ }
907
910
  else {
908
911
  rowCount = (data === null || data === void 0 ? void 0 : data.length) + (this.gridApi.getDisplayedRowCount() - 1);
909
912
  }
910
- if (this.isTree() && ((_a = p.request.groupKeys) === null || _a === void 0 ? void 0 : _a.length) > 0) {
911
- rowCount += p.request.startRow;
912
- }
913
913
  }
914
914
  p.success({ rowData: data, rowCount });
915
915
  this.isEmptyAgGrid = !((data === null || data === void 0 ? void 0 : data.length) > 0 || (this.isTree() && ((_b = p.request.groupKeys) === null || _b === void 0 ? void 0 : _b.length) > 0) || currentPage > 0);
@@ -933,9 +933,6 @@ const YooGridComponent = class {
933
933
  },
934
934
  onRowClicked: (event) => {
935
935
  var _a, _b, _c;
936
- if (this.isReadonly) {
937
- return;
938
- }
939
936
  if (((_a = event.node) === null || _a === void 0 ? void 0 : _a.data) && !this.disconnected && (((_c = (_b = this.gridApi) === null || _b === void 0 ? void 0 : _b.getEditingCells()) === null || _c === void 0 ? void 0 : _c.length) || 0) === 0 && !this.disableRowClick) {
940
937
  this.onItemSelect(event.node.data, false);
941
938
  }
@@ -998,7 +995,7 @@ const YooGridComponent = class {
998
995
  };
999
996
  if (this.isTree()) {
1000
997
  this.finalGridConfig.groupDisplayType = 'custom';
1001
- this.finalGridConfig.serverSideStoreType = 'full';
998
+ // this.finalGridConfig.serverSideStoreType = 'full';
1002
999
  }
1003
1000
  this.finalGridConfig.rowModelType = this.finalGridConfig.rowModelType || 'serverSide';
1004
1001
  if (this.gridDomLayout) {
package/dist/cjs/yoo-text-sequence.cjs.entry.js CHANGED
@@ -9,7 +9,7 @@ const commonHelpers = require('./common-helpers-6970c46c.js');
9
9
  require('./_commonjsHelpers-94df2ea7.js');
10
10
  require('./index-fc264952.js');
11
11
 
12
- const textSequenceCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:100%;overflow:hidden}:host #view-finder{position:relative;width:100%;height:50%}:host #view-finder #sequences{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);width:100%}:host #view-finder .sequence{display:grid;height:var(--max-sequence-height);padding:0 var(--spacing-16, 1rem);overflow:auto;color:var(--stable, #adadad);text-align:center;word-break:break-word;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}:host #view-finder .sequence:not(.overflowing){place-content:center}:host #view-finder .sequence *{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:var(--spacing-08, 0.5rem) auto;text-align:center}:host #view-finder .sequence::-webkit-scrollbar{display:none}:host #view-finder .sequence.active{color:var(--dark, #000000);-webkit-transform:scale(1);transform:scale(1)}:host #view-finder .sequence.title{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .overlay{position:absolute;left:0;z-index:1;width:100%;height:35%}:host .overlay[placement=top]{top:0;background:-webkit-gradient(linear, left bottom, left top, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(65%, var(--light, #ffffff)));background:linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 65%)}:host .overlay[placement=bottom]{bottom:0;background:-webkit-gradient(linear, left bottom, left top, color-stop(35%, var(--light, #ffffff)), to(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))));background:linear-gradient(0deg, var(--light, #ffffff) 35%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 100%)}:host yoo-button{position:absolute;left:50%;z-index:2;width:5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-button[placement=top]{top:var(--spacing-16, 1rem)}:host yoo-button[placement=bottom]{bottom:var(--spacing-16, 1rem)}:host yoo-button[hidden]{opacity:0}:host yoo-button yoo-icon{fill:var(--app-color, #5a30f4)}:host([animated]) yoo-button,:host([animated]) #sequences,:host([animated]) .sequence,:host([animated]) .overlay{-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}";
12
+ const textSequenceCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:100%;overflow:hidden}:host #view-finder{position:relative;width:100%;height:50%}:host #view-finder #sequences{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);width:100%}:host #view-finder .sequence{display:grid;height:var(--max-sequence-height);padding:0 var(--spacing-16, 1rem);overflow:auto;color:var(--stable, #adadad);text-align:center;word-break:break-word;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}:host #view-finder .sequence:not(.overflowing){place-content:center}:host #view-finder .sequence *{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:var(--spacing-08, 0.5rem) auto;text-align:center}:host #view-finder .sequence::-webkit-scrollbar{display:none}:host #view-finder .sequence.active{color:var(--dark, #000000);-webkit-transform:scale(1);transform:scale(1)}:host #view-finder .sequence.title{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .overlay{position:absolute;left:0;z-index:1;width:100%;height:35%}:host .overlay[placement=top]{top:0;background:-webkit-gradient(linear, left bottom, left top, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(35%, var(--light, #ffffff)));background:linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 35%)}:host .overlay[placement=bottom]{bottom:0;background:-webkit-gradient(linear, left bottom, left top, color-stop(35%, var(--light, #ffffff)), to(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))));background:linear-gradient(0deg, var(--light, #ffffff) 35%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 100%)}:host yoo-button{position:absolute;left:50%;z-index:2;width:5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-button[placement=top]{top:var(--spacing-16, 1rem)}:host yoo-button[placement=bottom]{bottom:var(--spacing-16, 1rem)}:host yoo-button[hidden]{opacity:0}:host yoo-button yoo-icon{fill:var(--app-color, #5a30f4)}:host([animated]) yoo-button,:host([animated]) #sequences,:host([animated]) .sequence,:host([animated]) .overlay{-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}";
13
13
 
14
14
  const YooTextSequence = class {
15
15
  constructor(hostRef) {
@@ -54,6 +54,9 @@ const YooTextSequence = class {
54
54
  componentDidLoad() {
55
55
  this.initSequenceHeight();
56
56
  }
57
+ componentDidRender() {
58
+ this.initSequenceHeight();
59
+ }
57
60
  initSequenceHeight() {
58
61
  var _a;
59
62
  if (((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) && this.maxSequenceHeight) {
@@ -64,7 +67,7 @@ const YooTextSequence = class {
64
67
  }
65
68
  renderSequences() {
66
69
  var _a;
67
- return index.h("section", { id: "view-finder", ref: el => this.viewFinderElement = el }, index.h("div", { id: "sequences", ref: el => this.sequencesContainerElement = el, style: { transform: `translateY(${this.translateY}px)` } }, (_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.map((text, index$2) => {
70
+ return index.h("section", { id: "view-finder", ref: el => this.viewFinderElement = el }, index.h("div", { id: "sequences", ref: el => this.sequencesContainerElement = el, onTransitionEnd: () => this.initSequenceHeight(), style: { transform: `translateY(${this.translateY}px)` } }, (_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.map((text, index$2) => {
68
71
  return text && index.h("div", { class: { sequence: true, title: !!this.heading && !index$2, active: index$2 === this.currentIndex }, innerHTML: index$1.setSecuredContent(index$1.translateMulti(text)), onClick: ev => { var _a; return commonHelpers.openImageDetailFromRTE(this.sequenceElements[index$2], (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a['src']); } });
69
72
  })));
70
73
  }
package/dist/cjs/yoo-videoplayer-core.cjs.entry.js CHANGED
@@ -10,7 +10,7 @@ const index$2 = require('./index-dbc0dad6.js');
10
10
  require('./_commonjsHelpers-94df2ea7.js');
11
11
  require('./index-fc264952.js');
12
12
 
13
- const videoplayerCoreCss = ":host{--opacity-transition:visibility 1.5s, opacity 1.5s;--video-width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host .outer-container{position:relative;width:100%;height:100%;background:var(--dark, #000000);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container video{width:100%;height:100%}:host .outer-container .overlay{position:absolute;z-index:99;width:100%;height:100%}:host(.modal-mode){position:relative}:host(.modal-mode) yoo-ion-content{position:absolute;z-index:2;display:block;height:auto;height:100%;margin:0;padding:0;background:var(--dark, #000000)}:host(.modal-mode) yoo-header{position:absolute;top:0;z-index:-1;opacity:0;-webkit-transition:var(--opacity-transition);transition:var(--opacity-transition)}:host(.modal-mode) yoo-header.show{z-index:1;opacity:1;-webkit-transition:var(--opacity-transition);transition:var(--opacity-transition)}:host(.round) .outer-container{overflow:hidden;border-radius:8px}:host(.scale-up-width){width:var(--video-width)}";
13
+ const videoplayerCoreCss = ":host{--opacity-transition:visibility 1.5s, opacity 1.5s;--video-width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host .outer-container{position:relative;width:100%;height:100%;background:var(--dark, #000000);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container video{width:100%;height:100%}:host .outer-container .overlay{position:absolute;z-index:99;width:100%;height:100%}:host(.modal-mode){position:relative}:host(.modal-mode) yoo-ion-content{position:absolute;z-index:2;display:block;height:auto;height:100%;margin:0;padding:0;background:var(--dark, #000000)}:host(.modal-mode) yoo-header{position:absolute;top:0;z-index:-1;opacity:0;-webkit-transition:var(--opacity-transition);transition:var(--opacity-transition)}:host(.modal-mode) yoo-header.show{z-index:1;opacity:1;-webkit-transition:var(--opacity-transition);transition:var(--opacity-transition)}:host(.modal-mode) yoo-videoplayer-vimeo{width:100%;height:100%}:host(.round) .outer-container{overflow:hidden;border-radius:8px}:host(.scale-up-width){width:var(--video-width)}";
14
14
 
15
15
  const YooVideoPlayerCoreComponent = class {
16
16
  constructor(hostRef) {
package/dist/collection/components/2.molecules/context-menu/context-menu.js CHANGED
@@ -46,6 +46,7 @@ export class YooContextMenuComponent {
46
46
  selectedItems: this.selectedItems,
47
47
  className: this.host.className,
48
48
  contextMenuOpened: this.contextMenuOpened,
49
+ contextMenuClosed: this.contextMenuClosed,
49
50
  hostElement: ((_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector(this.hostSelector)) || this.host
50
51
  };
51
52
  }
package/dist/collection/components/2.molecules/text-sequence/text-sequence.css CHANGED
@@ -260,7 +260,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
260
260
  }
261
261
  :host .overlay[placement=top] {
262
262
  top: 0;
263
- background: linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 65%);
263
+ background: linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 35%);
264
264
  }
265
265
  :host .overlay[placement=bottom] {
266
266
  bottom: 0;
package/dist/collection/components/2.molecules/text-sequence/text-sequence.js CHANGED
@@ -43,6 +43,9 @@ export class YooTextSequence {
43
43
  componentDidLoad() {
44
44
  this.initSequenceHeight();
45
45
  }
46
+ componentDidRender() {
47
+ this.initSequenceHeight();
48
+ }
46
49
  initSequenceHeight() {
47
50
  var _a;
48
51
  if (((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) && this.maxSequenceHeight) {
@@ -54,7 +57,7 @@ export class YooTextSequence {
54
57
  renderSequences() {
55
58
  var _a;
56
59
  return h("section", { id: "view-finder", ref: el => this.viewFinderElement = el },
57
- h("div", { id: "sequences", ref: el => this.sequencesContainerElement = el, style: { transform: `translateY(${this.translateY}px)` } }, (_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.map((text, index) => {
60
+ h("div", { id: "sequences", ref: el => this.sequencesContainerElement = el, onTransitionEnd: () => this.initSequenceHeight(), style: { transform: `translateY(${this.translateY}px)` } }, (_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.map((text, index) => {
58
61
  return text && h("div", { class: { sequence: true, title: !!this.heading && !index, active: index === this.currentIndex }, innerHTML: setSecuredContent(translateMulti(text)), onClick: ev => { var _a; return openImageDetailFromRTE(this.sequenceElements[index], (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a['src']); } });
59
62
  })));
60
63
  }
package/dist/collection/components/3.organisms/video-player/videoplayer-core.css CHANGED
@@ -256,6 +256,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
256
256
  opacity: 1;
257
257
  transition: var(--opacity-transition);
258
258
  }
259
+ :host(.modal-mode) yoo-videoplayer-vimeo {
260
+ width: 100%;
261
+ height: 100%;
262
+ }
259
263
 
260
264
  :host(.round) .outer-container {
261
265
  overflow: hidden;
package/dist/collection/components/entities/card-list/simple/card-list-simple.css CHANGED
@@ -253,6 +253,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
253
253
  height: 100%;
254
254
  }
255
255
 
256
+ :host(.grid-cell) {
257
+ height: initial;
258
+ }
259
+
256
260
  :host(.language) .outer-container {
257
261
  align-items: center;
258
262
  }