@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
@@ -780,7 +780,7 @@ const YooEntityComponent = class {
780
780
  return address;
781
781
  }
782
782
  renderCardList(extraClasses) {
783
- 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;
783
+ 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;
784
784
  let entry = {};
785
785
  if (this.entityMapping) {
786
786
  entry = this.entityMapping(this.item, this.entityType, this.displayType);
@@ -1124,6 +1124,16 @@ const YooEntityComponent = class {
1124
1124
  tagElements: compact(f.tags).map((t) => ({ innerHTML: t, color: 'stable-light' })),
1125
1125
  subheadings: []
1126
1126
  };
1127
+ if (f.stats) {
1128
+ entry.subheadings = [
1129
+ (((_5 = f.container) === null || _5 === void 0 ? void 0 : _5.name) ? f.container.name + ' ' : '') +
1130
+ f.stats
1131
+ .map((s) => {
1132
+ return '<span>' + translate(s.title) + ': ' + s.value.toString() + '</span>';
1133
+ })
1134
+ .join()
1135
+ ];
1136
+ }
1127
1137
  }
1128
1138
  else if (this.entityType === 'unsplash') {
1129
1139
  const unsplash = this.item;
@@ -1211,15 +1221,15 @@ const YooEntityComponent = class {
1211
1221
  }
1212
1222
  else if (this.entityType === 'language') {
1213
1223
  entry = {
1214
- heading: ((_5 = this.item) === null || _5 === void 0 ? void 0 : _5.title) ? translate(this.item.title.toUpperCase()) : ((_6 = this.item) === null || _6 === void 0 ? void 0 : _6._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
1215
- flag: this.host.classList.contains('hide-icon') ? null : ((_7 = this.item) === null || _7 === void 0 ? void 0 : _7._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
1224
+ heading: ((_6 = this.item) === null || _6 === void 0 ? void 0 : _6.title) ? translate(this.item.title.toUpperCase()) : ((_7 = this.item) === null || _7 === void 0 ? void 0 : _7._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
1225
+ flag: this.host.classList.contains('hide-icon') ? null : ((_8 = this.item) === null || _8 === void 0 ? void 0 : _8._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
1216
1226
  };
1217
1227
  }
1218
1228
  else if (this.entityType === 'waitlistvisit') {
1219
1229
  const visit = this.item;
1220
1230
  const tagElements = getWaitlistVisitTags(visit);
1221
1231
  entry = {
1222
- heading: ((_8 = visit.name) === null || _8 === void 0 ? void 0 : _8.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
1232
+ heading: ((_9 = visit.name) === null || _9 === void 0 ? void 0 : _9.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
1223
1233
  tagElements
1224
1234
  };
1225
1235
  if (!isWeb(this.host)) {
@@ -1234,7 +1244,7 @@ const YooEntityComponent = class {
1234
1244
  else if (this.entityType === 'waitlistcustomer') {
1235
1245
  const customer = this.item;
1236
1246
  entry = {
1237
- heading: ((_9 = customer.name) === null || _9 === void 0 ? void 0 : _9.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
1247
+ heading: ((_10 = customer.name) === null || _10 === void 0 ? void 0 : _10.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
1238
1248
  subheadings: compact([customer.phone, customer.email])
1239
1249
  };
1240
1250
  }
@@ -1331,7 +1341,7 @@ const YooEntityComponent = class {
1331
1341
  subheadings: this.isAutocompleteSelected() ? null : group.description ? [group.description] : null,
1332
1342
  iconText: group.title || group.name || group._id,
1333
1343
  heading: group.title || group.name || group._id,
1334
- imgSrc: (_10 = group.icon) === null || _10 === void 0 ? void 0 : _10._downloadURL
1344
+ imgSrc: (_11 = group.icon) === null || _11 === void 0 ? void 0 : _11._downloadURL
1335
1345
  };
1336
1346
  entry.subheadings = group.subheadings || entry.subheadings;
1337
1347
  }
@@ -1341,7 +1351,7 @@ const YooEntityComponent = class {
1341
1351
  avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'medium',
1342
1352
  iconText: tenant.title || tenant.name,
1343
1353
  heading: (tenant.title || tenant.name || '').toUpperCase(),
1344
- imgSrc: (_11 = tenant.icon) === null || _11 === void 0 ? void 0 : _11._downloadURL,
1354
+ imgSrc: (_12 = tenant.icon) === null || _12 === void 0 ? void 0 : _12._downloadURL,
1345
1355
  subheadings: this.isAutocompleteSelected() ? null : compact([tenant.description])
1346
1356
  };
1347
1357
  }
@@ -1352,7 +1362,7 @@ const YooEntityComponent = class {
1352
1362
  avatarFrame: 'square',
1353
1363
  iconText: translateMulti(model.title || model.name),
1354
1364
  heading: translateMulti(model.title || model.name),
1355
- imgSrc: ((_12 = model.background) === null || _12 === void 0 ? void 0 : _12._downloadURL) || model.background,
1365
+ imgSrc: ((_13 = model.background) === null || _13 === void 0 ? void 0 : _13._downloadURL) || model.background,
1356
1366
  subheadings: this.isAutocompleteSelected() ? null : compact([translateMulti(model.shortDescription)])
1357
1367
  };
1358
1368
  }
@@ -1361,10 +1371,10 @@ const YooEntityComponent = class {
1361
1371
  entry = {
1362
1372
  heading: getUserDisplayName(filter.user),
1363
1373
  subheadings: compact([
1364
- ((_13 = filter.locations) === null || _13 === void 0 ? void 0 : _13.length) > 0
1374
+ ((_14 = filter.locations) === null || _14 === void 0 ? void 0 : _14.length) > 0
1365
1375
  ? filter.locations.length.toLocaleString() + ' ' + translate(filter.locations.length > 1 ? 'LOCATIONS' : 'LOCATION')
1366
1376
  : null,
1367
- ((_14 = filter.locationtypes) === null || _14 === void 0 ? void 0 : _14.length) > 0
1377
+ ((_15 = filter.locationtypes) === null || _15 === void 0 ? void 0 : _15.length) > 0
1368
1378
  ? filter.locationtypes.length.toLocaleString() + ' ' + translate(filter.locationtypes.length > 1 ? 'LOCATIONTYPES' : 'LOCATIONTYPE')
1369
1379
  : null
1370
1380
  ]),
@@ -1388,8 +1398,8 @@ const YooEntityComponent = class {
1388
1398
  entry = {
1389
1399
  heading: catalog.title,
1390
1400
  tags: this.isAutocompleteSelected() ? null : groupsResolver(catalog.group),
1391
- icon: ((_15 = catalog.image) === null || _15 === void 0 ? void 0 : _15._downloadURL) ? null : 'catalogue',
1392
- imgSrc: ((_16 = catalog.image) === null || _16 === void 0 ? void 0 : _16._downloadURL) ? catalog.image._downloadURL : null,
1401
+ icon: ((_16 = catalog.image) === null || _16 === void 0 ? void 0 : _16._downloadURL) ? null : 'catalogue',
1402
+ imgSrc: ((_17 = catalog.image) === null || _17 === void 0 ? void 0 : _17._downloadURL) ? catalog.image._downloadURL : null,
1393
1403
  avatarSize: this.isAutocompleteSelected() ? 'small' : 'large'
1394
1404
  };
1395
1405
  }
@@ -1409,8 +1419,8 @@ const YooEntityComponent = class {
1409
1419
  ],
1410
1420
  tagElements: product.outofstock ? [{ innerHTML: translate('OUTOFSTOCK'), color: 'danger' }] : null,
1411
1421
  tags: this.isAutocompleteSelected() || isWeb(this.host) ? null : product.tags,
1412
- icon: ((_17 = product.image) === null || _17 === void 0 ? void 0 : _17._downloadURL) ? null : 'photo-library',
1413
- imgSrc: ((_18 = product.image) === null || _18 === void 0 ? void 0 : _18._downloadURL) ? product.image._downloadURL : null,
1422
+ icon: ((_18 = product.image) === null || _18 === void 0 ? void 0 : _18._downloadURL) ? null : 'photo-library',
1423
+ imgSrc: ((_19 = product.image) === null || _19 === void 0 ? void 0 : _19._downloadURL) ? product.image._downloadURL : null,
1414
1424
  avatarSize: this.isHistory || this.host.classList.contains('simple') ? 'large' : this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-large',
1415
1425
  avatarFrame: 'square',
1416
1426
  allowCustomHtml: true
@@ -1419,7 +1429,7 @@ const YooEntityComponent = class {
1419
1429
  else if (this.entityType === 'violetproducts') {
1420
1430
  const product = this.item;
1421
1431
  let subheadings = [product.description];
1422
- 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)) {
1432
+ 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)) {
1423
1433
  subheadings = [pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, false, this.item.offers[0].skus[0].currency, true)];
1424
1434
  }
1425
1435
  if (!product.available) {
@@ -1447,7 +1457,7 @@ const YooEntityComponent = class {
1447
1457
  };
1448
1458
  }
1449
1459
  else if (this.entityType === 'violetbasketitems') {
1450
- const sku = (_22 = this.item) === null || _22 === void 0 ? void 0 : _22.sku;
1460
+ const sku = (_23 = this.item) === null || _23 === void 0 ? void 0 : _23.sku;
1451
1461
  const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
1452
1462
  const subheadings = [pipes.currency.transform(price, false, sku.currency, true)];
1453
1463
  entry = {
@@ -1489,11 +1499,11 @@ const YooEntityComponent = class {
1489
1499
  entry = {
1490
1500
  heading: arModel.product ? arModel.product.title : 'YOOBICNA',
1491
1501
  tagElements: arModel.experience ? [{ innerHTML: translate((arModel.experience.mode || 'object').toUpperCase()), color: 'dark' }] : null,
1492
- topLeftBadge: ((_23 = arModel.photos) === null || _23 === void 0 ? void 0 : _23.length) > 0 ? arModel.photos.length.toLocaleString() : null,
1502
+ topLeftBadge: ((_24 = arModel.photos) === null || _24 === void 0 ? void 0 : _24.length) > 0 ? arModel.photos.length.toLocaleString() : null,
1493
1503
  subheadings: [arModel.product ? arModel.product.reference : '', arModel.rating ? translate('RATING') + ' ' + arModel.rating.toLocaleString() : null],
1494
1504
  tags: arModel.experience ? [arModel.experience.name] : null,
1495
- icon: ((_25 = (_24 = arModel.product) === null || _24 === void 0 ? void 0 : _24.image) === null || _25 === void 0 ? void 0 : _25._downloadURL) ? null : 'photo-library',
1496
- 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
1505
+ icon: ((_26 = (_25 = arModel.product) === null || _25 === void 0 ? void 0 : _25.image) === null || _26 === void 0 ? void 0 : _26._downloadURL) ? null : 'photo-library',
1506
+ 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
1497
1507
  };
1498
1508
  }
1499
1509
  else if (this.entityType === 'algorithm') {
@@ -1516,14 +1526,14 @@ const YooEntityComponent = class {
1516
1526
  subheadings: [
1517
1527
  productBatch.product ? productBatch.product.reference : '',
1518
1528
  ...(getSession().user && getSession().user.locationRef === productBatch.locationRef
1519
- ? compact([((_28 = this.extraClass) === null || _28 === void 0 ? void 0 : _28.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
1520
- : ((_29 = productBatch.location) === null || _29 === void 0 ? void 0 : _29.title)
1521
- ? [productBatch.location.title + ' - ' + (((_30 = productBatch.aisle) === null || _30 === void 0 ? void 0 : _30.title) || '')]
1529
+ ? compact([((_29 = this.extraClass) === null || _29 === void 0 ? void 0 : _29.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
1530
+ : ((_30 = productBatch.location) === null || _30 === void 0 ? void 0 : _30.title)
1531
+ ? [productBatch.location.title + ' - ' + (((_31 = productBatch.aisle) === null || _31 === void 0 ? void 0 : _31.title) || '')]
1522
1532
  : [])
1523
1533
  ],
1524
1534
  tags: productBatch.tags,
1525
- 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',
1526
- 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
1535
+ 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',
1536
+ 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
1527
1537
  };
1528
1538
  if (productBatch.archived) {
1529
1539
  extraClasses += ' archived ';
@@ -1560,7 +1570,7 @@ const YooEntityComponent = class {
1560
1570
  heading: product.title,
1561
1571
  subheadings,
1562
1572
  date: isPresent(this.item.description) ? this.item.description : null,
1563
- imgSrc: ((_35 = product === null || product === void 0 ? void 0 : product.image) === null || _35 === void 0 ? void 0 : _35._downloadURL) ? product.image._downloadURL : null,
1573
+ imgSrc: ((_36 = product === null || product === void 0 ? void 0 : product.image) === null || _36 === void 0 ? void 0 : _36._downloadURL) ? product.image._downloadURL : null,
1564
1574
  avatarFrame: 'square',
1565
1575
  // 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
1566
1576
  // this case is described into the form-entity-value-pairs.spec tests
@@ -1744,10 +1754,10 @@ const YooEntityComponent = class {
1744
1754
  else if (this.entityType === 'topusers') {
1745
1755
  entry = {
1746
1756
  heading: `${this.item.firstName} ${this.item.lastName}`,
1747
- rank: (_36 = this.item) === null || _36 === void 0 ? void 0 : _36.rank,
1757
+ rank: (_37 = this.item) === null || _37 === void 0 ? void 0 : _37.rank,
1748
1758
  points: null,
1749
1759
  users: [this.item],
1750
- tagElementsInHeader: { tags: (_37 = this.item) === null || _37 === void 0 ? void 0 : _37.tagElements, location: 'end' }
1760
+ tagElementsInHeader: { tags: (_38 = this.item) === null || _38 === void 0 ? void 0 : _38.tagElements, location: 'end' }
1751
1761
  };
1752
1762
  }
1753
1763
  else if (this.entityType === 'questions') {
@@ -1812,17 +1822,17 @@ const YooEntityComponent = class {
1812
1822
  subheadings: [
1813
1823
  'Operation Id: ' + op.operationId,
1814
1824
  'Request Id: ' + op.requestId,
1815
- ((_38 = op.operation) === null || _38 === void 0 ? void 0 : _38.accessToken) ? 'User:' + getUserDisplayName(op.operation.accessToken) : null,
1816
- ((_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,
1817
- ((_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']
1825
+ ((_39 = op.operation) === null || _39 === void 0 ? void 0 : _39.accessToken) ? 'User:' + getUserDisplayName(op.operation.accessToken) : null,
1826
+ ((_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,
1827
+ ((_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']
1818
1828
  ? 'Client Version:' + op.requestLog.meta.req.headers['yoobic-client-version']
1819
1829
  : null,
1820
- ((_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']
1830
+ ((_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']
1821
1831
  ? 'User Agent:' + op.requestLog.meta.req.headers['user-agent']
1822
1832
  : null
1823
1833
  ],
1824
1834
  date: pipes.dateFormat.transform(op._ect, 'L LT'),
1825
- users: ((_48 = op.operation) === null || _48 === void 0 ? void 0 : _48.accessToken) ? [op.operation.accessToken] : null,
1835
+ users: ((_49 = op.operation) === null || _49 === void 0 ? void 0 : _49.accessToken) ? [op.operation.accessToken] : null,
1826
1836
  tagElements: compact([
1827
1837
  op.isCreation
1828
1838
  ? {
@@ -1876,12 +1886,12 @@ const YooEntityComponent = class {
1876
1886
  entry = {
1877
1887
  heading: translateMulti(battleList.title),
1878
1888
  subheadings: [lessonsCount + ' ' + translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON')],
1879
- imgSrc: ((_49 = battleList.background) === null || _49 === void 0 ? void 0 : _49._downloadURL) ? battleList.background._downloadURL : null,
1889
+ imgSrc: ((_50 = battleList.background) === null || _50 === void 0 ? void 0 : _50._downloadURL) ? battleList.background._downloadURL : null,
1880
1890
  avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-extra-large',
1881
1891
  avatarFrame: 'square'
1882
1892
  };
1883
1893
  }
1884
- 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)) {
1894
+ 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)) {
1885
1895
  entry = {};
1886
1896
  this.customModel.appearance.forEach((value, key) => {
1887
1897
  if (key === 'displayTypes') {
@@ -1922,7 +1932,7 @@ const YooEntityComponent = class {
1922
1932
  else if (this.entityType === 'widgets') {
1923
1933
  const widget = this.item;
1924
1934
  entry = {
1925
- heading: widget.title || ((_52 = widget.page) === null || _52 === void 0 ? void 0 : _52.path),
1935
+ heading: widget.title || ((_53 = widget.page) === null || _53 === void 0 ? void 0 : _53.path),
1926
1936
  imgSrc: widget.photo,
1927
1937
  icon: widget.icon,
1928
1938
  subheadings: compact([]),
@@ -1999,16 +2009,16 @@ const YooEntityComponent = class {
1999
2009
  }
2000
2010
  const title = this.useTranslate ? defaultTitle.toUpperCase() : defaultTitle;
2001
2011
  entry.heading = translateMulti(title);
2002
- if ((_53 = this.item) === null || _53 === void 0 ? void 0 : _53.description) {
2012
+ if ((_54 = this.item) === null || _54 === void 0 ? void 0 : _54.description) {
2003
2013
  entry.subheadings = [translateMulti(this.item.description)];
2004
2014
  }
2005
- if ((_55 = (_54 = this.item) === null || _54 === void 0 ? void 0 : _54.background) === null || _55 === void 0 ? void 0 : _55._downloadURL) {
2015
+ if ((_56 = (_55 = this.item) === null || _55 === void 0 ? void 0 : _55.background) === null || _56 === void 0 ? void 0 : _56._downloadURL) {
2006
2016
  entry.imgSrc = this.item.background._downloadURL;
2007
2017
  }
2008
- else if (((_56 = this.item) === null || _56 === void 0 ? void 0 : _56.background) && isString(this.item.background)) {
2018
+ else if (((_57 = this.item) === null || _57 === void 0 ? void 0 : _57.background) && isString(this.item.background)) {
2009
2019
  entry.imgSrc = this.item.background;
2010
2020
  }
2011
- if ((_58 = (_57 = this.item) === null || _57 === void 0 ? void 0 : _57.icon) === null || _58 === void 0 ? void 0 : _58._downloadURL) {
2021
+ if ((_59 = (_58 = this.item) === null || _58 === void 0 ? void 0 : _58.icon) === null || _59 === void 0 ? void 0 : _59._downloadURL) {
2012
2022
  entry.imgSrc = this.item.icon._downloadURL;
2013
2023
  }
2014
2024
  else if (this.item && isString(this.item.icon)) {
@@ -2032,7 +2042,7 @@ const YooEntityComponent = class {
2032
2042
  const comment = this.item;
2033
2043
  entry = parseEntityCommentsForCardList(comment);
2034
2044
  }
2035
- if ((_59 = this.item) === null || _59 === void 0 ? void 0 : _59.badge) {
2045
+ if ((_60 = this.item) === null || _60 === void 0 ? void 0 : _60.badge) {
2036
2046
  entry.tagElements = [{ innerHTML: this.item.badge, color: 'app-color' }];
2037
2047
  }
2038
2048
  }
@@ -2041,7 +2051,7 @@ const YooEntityComponent = class {
2041
2051
  !this.isAutocompleteSelected() &&
2042
2052
  !this.hideUIFields &&
2043
2053
  this.customModel &&
2044
- ((_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) {
2054
+ ((_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) {
2045
2055
  entry.uiFields = {
2046
2056
  fields: this.customModel.formFields.filter((f) => f.showInCard),
2047
2057
  data: this.item
@@ -2086,7 +2096,7 @@ const YooEntityComponent = class {
2086
2096
  if (this.host.classList.contains('full-width')) {
2087
2097
  extraClasses += ' full-width ';
2088
2098
  }
2089
- if (((_62 = this.item) === null || _62 === void 0 ? void 0 : _62._id) === getSession().userId) {
2099
+ if (((_63 = this.item) === null || _63 === void 0 ? void 0 : _63._id) === getSession().userId) {
2090
2100
  extraClasses += ' current ';
2091
2101
  }
2092
2102
  if (this.extraClass) {
@@ -2115,7 +2125,7 @@ const YooEntityComponent = class {
2115
2125
  [extraClasses]: true,
2116
2126
  [this.entityType]: this.entityType !== undefined,
2117
2127
  'form-permission': this.host.classList.contains('form-permission')
2118
- } }, ((_63 = this.inlineActions) === null || _63 === void 0 ? void 0 : _63.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
2128
+ } }, ((_64 = this.inlineActions) === null || _64 === void 0 ? void 0 : _64.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
2119
2129
  return (h("span", { class: action.cssClass, onClick: () => (action.handler ? action.handler(this.item) : null) }, action.text));
2120
2130
  })))));
2121
2131
  }
@@ -111,7 +111,7 @@ const YooFormChoiceRadioComponent = class {
111
111
  }
112
112
  return [
113
113
  this.choices &&
114
- 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 }),
114
+ 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 }),
115
115
  this.showOther &&
116
116
  h("div", { class: "input-zone" }, h("textarea", { ref: (el) => (this.textareaRef = el), value: this.textareaValue, onInput: (ev) => this.onInput(ev), onFocus: () => this.onTextAreaFocused() }))
117
117
  ];
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
2
- import { o as isWeb, R as isNullOrUndefined, p as debounce, v as isIOS, d as isNativeMobile, bG as isSafari, e as isAndroid, ds as isHTML, fw as extractTextFromStringHTML, an as copyToClipboard, aZ as showToast, t as translate, dt as resizeObserve, c$ as isAnimationsDisabled } from './index-8124f773.js';
2
+ import { o as isWeb, R as isNullOrUndefined, p as debounce, d as isNativeMobile, v as isIOS, ab as enableKeyboardResize, bG as isSafari, e as isAndroid, ds as isHTML, fw as extractTextFromStringHTML, an as copyToClipboard, aZ as showToast, t as translate, dt as resizeObserve, c$ as isAnimationsDisabled } from './index-8124f773.js';
3
3
  import { p as isString, i as isFunction, l as isNumber } from './lodash-063b88d5.js';
4
4
  import { b as getAppContext } from './common-helpers-882ed431.js';
5
5
  import { v as validate, i as initNumber, a as setValueAndValidateInput, s as setValidator, c as convertValueForInputType, h as onIconClicked, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-2d1cd91f.js';
@@ -179,6 +179,9 @@ const YooFormInputComponent = class {
179
179
  this.inputElement.value = this.value;
180
180
  this.updateRemainingCharacters();
181
181
  }
182
+ if (isNativeMobile() && isIOS()) {
183
+ enableKeyboardResize();
184
+ }
182
185
  if (this.focusOnRendered) {
183
186
  this.setFocus();
184
187
  }
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
2
- import { p as debounce, aq as replaceAtTagToMentionTag, dN as safeScrollIntoView, di as containsUrls, ca as replaceAndGetAllLinks, d as isNativeMobile, aH as Keyboard, E as getAsyncExtraData, r as findParent, t as translate, R as isNullOrUndefined, o as isWeb, dK as isFirefox, T as translateMulti } from './index-8124f773.js';
2
+ import { p as debounce, aq as replaceAtTagToMentionTag, dN as safeScrollIntoView, d as isNativeMobile, v as isIOS, ab as enableKeyboardResize, di as containsUrls, ca as replaceAndGetAllLinks, aH as Keyboard, E as getAsyncExtraData, r as findParent, t as translate, R as isNullOrUndefined, o as isWeb, dK as isFirefox, T as translateMulti } from './index-8124f773.js';
3
3
  import { i as sanitizeHTML, b as getAppContext } from './common-helpers-882ed431.js';
4
4
  import { s as setValidator, a as setValueAndValidateInput, o as onInputClear, d as onInputFocused, b as onInputBlurred } from './form-input-helpers-2d1cd91f.js';
5
5
  import { g as getInsertElementProp, a as safeInsert, r as restoreCursorPosition, f as fixParagraphRandomEl, s as safeReplaceElement, i as isMentionTag, b as getTagHTML, c as safeInsertElements } from './form-text-area-helpers-2dfbd3c6.js';
@@ -138,6 +138,9 @@ const YooFormTextAreaComponent = class {
138
138
  textArea.setAttribute('style', `resize: ${this.resizable};`);
139
139
  }
140
140
  }
141
+ if (isNativeMobile() && isIOS()) {
142
+ enableKeyboardResize();
143
+ }
141
144
  if (this.autoInitialRows && this.inputEl) {
142
145
  const scrollHeight = this.inputEl.scrollHeight;
143
146
  const PADDING = 16;
@@ -900,12 +900,12 @@ const YooGridComponent = class {
900
900
  if (this.total > 0) {
901
901
  rowCount = this.total;
902
902
  }
903
+ else if (this.isTree() && ((_a = p.request.groupKeys) === null || _a === void 0 ? void 0 : _a.length) > 0) {
904
+ rowCount = (data === null || data === void 0 ? void 0 : data.length) + p.request.startRow;
905
+ }
903
906
  else {
904
907
  rowCount = (data === null || data === void 0 ? void 0 : data.length) + (this.gridApi.getDisplayedRowCount() - 1);
905
908
  }
906
- if (this.isTree() && ((_a = p.request.groupKeys) === null || _a === void 0 ? void 0 : _a.length) > 0) {
907
- rowCount += p.request.startRow;
908
- }
909
909
  }
910
910
  p.success({ rowData: data, rowCount });
911
911
  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);
@@ -929,9 +929,6 @@ const YooGridComponent = class {
929
929
  },
930
930
  onRowClicked: (event) => {
931
931
  var _a, _b, _c;
932
- if (this.isReadonly) {
933
- return;
934
- }
935
932
  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) {
936
933
  this.onItemSelect(event.node.data, false);
937
934
  }
@@ -994,7 +991,7 @@ const YooGridComponent = class {
994
991
  };
995
992
  if (this.isTree()) {
996
993
  this.finalGridConfig.groupDisplayType = 'custom';
997
- this.finalGridConfig.serverSideStoreType = 'full';
994
+ // this.finalGridConfig.serverSideStoreType = 'full';
998
995
  }
999
996
  this.finalGridConfig.rowModelType = this.finalGridConfig.rowModelType || 'serverSide';
1000
997
  if (this.gridDomLayout) {
@@ -5,7 +5,7 @@ import { o as openImageDetailFromRTE, b as getAppContext } from './common-helper
5
5
  import './_commonjsHelpers-f4d11124.js';
6
6
  import './index-cbc2c080.js';
7
7
 
8
- 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}";
8
+ 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}";
9
9
 
10
10
  const YooTextSequence = class {
11
11
  constructor(hostRef) {
@@ -50,6 +50,9 @@ const YooTextSequence = class {
50
50
  componentDidLoad() {
51
51
  this.initSequenceHeight();
52
52
  }
53
+ componentDidRender() {
54
+ this.initSequenceHeight();
55
+ }
53
56
  initSequenceHeight() {
54
57
  var _a;
55
58
  if (((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) && this.maxSequenceHeight) {
@@ -60,7 +63,7 @@ const YooTextSequence = class {
60
63
  }
61
64
  renderSequences() {
62
65
  var _a;
63
- return h("section", { id: "view-finder", ref: el => this.viewFinderElement = el }, 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) => {
66
+ return h("section", { id: "view-finder", ref: el => this.viewFinderElement = el }, 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) => {
64
67
  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']); } });
65
68
  })));
66
69
  }
@@ -6,7 +6,7 @@ import { v as videoPlayerStates } from './index-cab1603b.js';
6
6
  import './_commonjsHelpers-f4d11124.js';
7
7
  import './index-cbc2c080.js';
8
8
 
9
- 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)}";
9
+ 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)}";
10
10
 
11
11
  const YooVideoPlayerCoreComponent = class {
12
12
  constructor(hostRef) {
@@ -6,7 +6,7 @@ import './lodash-063b88d5.js';
6
6
  import './_commonjsHelpers-f4d11124.js';
7
7
  import './index-cbc2c080.js';
8
8
 
9
- 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}";
9
+ 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}";
10
10
 
11
11
  const YooCardListSimpleComponent = class {
12
12
  constructor(hostRef) {
@@ -55,6 +55,7 @@ const YooContextMenuComponent = class {
55
55
  selectedItems: this.selectedItems,
56
56
  className: this.host.className,
57
57
  contextMenuOpened: this.contextMenuOpened,
58
+ contextMenuClosed: this.contextMenuClosed,
58
59
  hostElement: ((_a = this.host) === null || _a === void 0 ? void 0 : _a.querySelector(this.hostSelector)) || this.host
59
60
  };
60
61
  }