@yoobic/yobi 8.1.0-157 → 8.1.0-158

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 (15) hide show
  1. package/dist/cjs/yoo-form-text-editor.cjs.entry.js +1 -1
  2. package/dist/cjs/yoo-user-wizard.cjs.entry.js +3 -3
  3. package/dist/cjs/yoo-videoplayer-core.cjs.entry.js +4 -4
  4. package/dist/collection/components/3.organisms/video-player/videoplayer-core.js +4 -4
  5. package/dist/collection/components/form/form-text-editor/form-text-editor.js +1 -1
  6. package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.css +1 -0
  7. package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.js +3 -3
  8. package/dist/design-system/yoo-form-text-editor.entry.js +1 -1
  9. package/dist/design-system/yoo-user-wizard.entry.js +4 -4
  10. package/dist/design-system/yoo-videoplayer-core.entry.js +4 -4
  11. package/dist/esm/yoo-form-text-editor.entry.js +1 -1
  12. package/dist/esm/yoo-user-wizard.entry.js +4 -4
  13. package/dist/esm/yoo-videoplayer-core.entry.js +4 -4
  14. package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/services/config/config.interface.d.ts +1 -0
  15. package/package.json +1 -1
package/dist/cjs/yoo-form-text-editor.cjs.entry.js CHANGED
@@ -21315,7 +21315,7 @@ const YooFormTextEditorComponent = class {
21315
21315
  fontSize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '22', '24', '30', '36', '48', '60', '72', '96'],
21316
21316
  fontFamily: {
21317
21317
  ...(customFontFamily ? { [customFontFamily]: customFontFamily } : {}),
21318
- ...(((_m = customFontFamilys.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0)) === null || _m === void 0 ? void 0 : _m.length) > 0 ? customFontFamilys.reduce((a, v) => ({ ...a, [v[0]]: v[0] }), {}) : {}),
21318
+ ...(((_m = customFontFamilys === null || customFontFamilys === void 0 ? void 0 : customFontFamilys.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0)) === null || _m === void 0 ? void 0 : _m.length) > 0 ? customFontFamilys.reduce((a, v) => ({ ...a, [v[0]]: v[0] }), {}) : {}),
21319
21319
  'Arial,Helvetica,sans-serif': 'Arial',
21320
21320
  'Georgia,serif': 'Georgia',
21321
21321
  'Impact,Charcoal,sans-serif': 'Impact',
package/dist/cjs/yoo-user-wizard.cjs.entry.js CHANGED
@@ -9,9 +9,8 @@ require('./lodash-597bda6d.js');
9
9
  require('./_commonjsHelpers-94df2ea7.js');
10
10
  require('./index-28666325.js');
11
11
 
12
- const userWizardCss = ":host{--card-chat-height:7rem;display:block;max-width:100%;overflow:hidden;--gutter:var(--spacing-16, 1rem);--item-size:6rem}:host>main{grid-column:1/-1}:host .truncate{overflow:hidden;max-width:4rem;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}@supports (display: -webkit-box){:host .truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host header{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0}:host header #title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host header #title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host header #action{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);cursor:pointer}:host main{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:var(--spacing-08, 0.5rem) repeat(var(--number-items), calc(var(--item-size) - var(--gutter) * 2)) var(--item-size)}:host main::before,:host main::after{content:\"\"}:host main:hover{cursor:pointer}:host main .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;scroll-snap-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main .item#add-avatar{color:var(--app-color, #5a30f4)}:host main .item#add-avatar yoo-icon{width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host main yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-line-height:var(--font-size-32, 2rem);--title-font-weight:normal}:host(.mobile) header{width:calc(100% - var(--spacing-32, 2rem));margin-left:var(--spacing-16, 1rem)}:host(.mobile) main{overflow-x:auto}:host(.mobile) main::-webkit-scrollbar{display:none}:host(.mobile) main yoo-card-image{width:6.5rem;height:11.25rem;--subtitle-line-height:var(--font-size-14, 0.875rem);--title-font-size:var(--font-size-14, 0.875rem)}:host(.web) main{margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.web) main yoo-card-image{width:5.375rem;height:9.25rem;--subtitle-line-height:var(--font-size-12, 0.75rem);--title-font-size:var(--font-size-12, 0.75rem)}:host(.empty){--card-chat-height:auto;max-width:initial}:host(.live-video){--card-chat-height:9.25rem}:host(.web.live-video){--item-size:7.5rem}:host(.mobile.live-video){--item-size:8.5rem}:host(.mobile.live-video) main{margin-left:inherit}";
12
+ const userWizardCss = ":host{--card-chat-height:7rem;display:block;max-width:100%;overflow:hidden;--gutter:var(--spacing-16, 1rem);--item-size:6rem}:host>main{grid-column:1/-1}:host .truncate{overflow:hidden;max-width:4rem;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}@supports (display: -webkit-box){:host .truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host header{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0}:host header #title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host header #title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host header #action{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);cursor:pointer}:host main{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:var(--spacing-08, 0.5rem) repeat(var(--number-items), calc(var(--item-size) - var(--gutter) * 2)) var(--item-size)}:host main::before,:host main::after{content:\"\"}:host main:hover{cursor:pointer}:host main .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;scroll-snap-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main .item#add-avatar{color:var(--app-color, #5a30f4)}:host main .item#add-avatar yoo-icon{width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host main yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-line-height:var(--font-size-32, 2rem);--title-font-weight:normal}:host(.mobile) header{width:calc(100% - var(--spacing-32, 2rem));margin-left:var(--spacing-16, 1rem)}:host(.mobile) main{margin-right:calc(var(--spacing-16, 1rem) * -1);overflow-x:auto}:host(.mobile) main::-webkit-scrollbar{display:none}:host(.mobile) main yoo-card-image{width:6.5rem;height:11.25rem;--subtitle-line-height:var(--font-size-14, 0.875rem);--title-font-size:var(--font-size-14, 0.875rem)}:host(.web) main{margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.web) main yoo-card-image{width:5.375rem;height:9.25rem;--subtitle-line-height:var(--font-size-12, 0.75rem);--title-font-size:var(--font-size-12, 0.75rem)}:host(.empty){--card-chat-height:auto;max-width:initial}:host(.live-video){--card-chat-height:9.25rem}:host(.web.live-video){--item-size:7.5rem}:host(.mobile.live-video){--item-size:8.5rem}:host(.mobile.live-video) main{margin-left:inherit}";
13
13
 
14
- const MAX_ITEMS = 5;
15
14
  const YooUserWizardComponent = class {
16
15
  constructor(hostRef) {
17
16
  index.registerInstance(this, hostRef);
@@ -32,7 +31,8 @@ const YooUserWizardComponent = class {
32
31
  }
33
32
  componentWillRender() {
34
33
  var _a;
35
- if (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
34
+ const MAX_ITEMS = this.isImageCard ? 5 : 7;
35
+ if (index$1.isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
36
36
  this.clampedItems = this.items.slice(0, MAX_ITEMS) || [];
37
37
  }
38
38
  else {
package/dist/cjs/yoo-videoplayer-core.cjs.entry.js CHANGED
@@ -114,8 +114,8 @@ const YooVideoPlayerCoreComponent = class {
114
114
  async pauseVideo() {
115
115
  var _a;
116
116
  const pausePromise = () => {
117
- var _a;
118
- this.pausePromise = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'pause' : 'pauseVideo']().catch((_) => { });
117
+ var _a, _b, _c;
118
+ this.pausePromise = (_c = (_b = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'pause' : 'pauseVideo']()) === null || _b === void 0 ? void 0 : _b.catch) === null || _c === void 0 ? void 0 : _c.call(_b, (_) => { });
119
119
  };
120
120
  if (this.playerInstance) {
121
121
  // Ensure there no play action in progress
@@ -136,8 +136,8 @@ const YooVideoPlayerCoreComponent = class {
136
136
  async playVideo() {
137
137
  var _a;
138
138
  const playPromise = () => {
139
- var _a;
140
- this.playPromise = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'play' : 'playVideo'].catch((_) => { });
139
+ var _a, _b, _c;
140
+ this.playPromise = (_c = (_b = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'play' : 'playVideo']()) === null || _b === void 0 ? void 0 : _b.catch) === null || _c === void 0 ? void 0 : _c.call(_b, (_) => { });
141
141
  };
142
142
  if (this.playerInstance) {
143
143
  // Ensure there no pause action in progress
package/dist/collection/components/3.organisms/video-player/videoplayer-core.js CHANGED
@@ -104,8 +104,8 @@ export class YooVideoPlayerCoreComponent {
104
104
  async pauseVideo() {
105
105
  var _a;
106
106
  const pausePromise = () => {
107
- var _a;
108
- this.pausePromise = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'pause' : 'pauseVideo']().catch((_) => { });
107
+ var _a, _b, _c;
108
+ this.pausePromise = (_c = (_b = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'pause' : 'pauseVideo']()) === null || _b === void 0 ? void 0 : _b.catch) === null || _c === void 0 ? void 0 : _c.call(_b, (_) => { });
109
109
  };
110
110
  if (this.playerInstance) {
111
111
  // Ensure there no play action in progress
@@ -126,8 +126,8 @@ export class YooVideoPlayerCoreComponent {
126
126
  async playVideo() {
127
127
  var _a;
128
128
  const playPromise = () => {
129
- var _a;
130
- this.playPromise = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'play' : 'playVideo'].catch((_) => { });
129
+ var _a, _b, _c;
130
+ this.playPromise = (_c = (_b = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'play' : 'playVideo']()) === null || _b === void 0 ? void 0 : _b.catch) === null || _c === void 0 ? void 0 : _c.call(_b, (_) => { });
131
131
  };
132
132
  if (this.playerInstance) {
133
133
  // Ensure there no pause action in progress
package/dist/collection/components/form/form-text-editor/form-text-editor.js CHANGED
@@ -259,7 +259,7 @@ export class YooFormTextEditorComponent {
259
259
  fontSize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '22', '24', '30', '36', '48', '60', '72', '96'],
260
260
  fontFamily: {
261
261
  ...(customFontFamily ? { [customFontFamily]: customFontFamily } : {}),
262
- ...(((_m = customFontFamilys.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0)) === null || _m === void 0 ? void 0 : _m.length) > 0 ? customFontFamilys.reduce((a, v) => ({ ...a, [v[0]]: v[0] }), {}) : {}),
262
+ ...(((_m = customFontFamilys === null || customFontFamilys === void 0 ? void 0 : customFontFamilys.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0)) === null || _m === void 0 ? void 0 : _m.length) > 0 ? customFontFamilys.reduce((a, v) => ({ ...a, [v[0]]: v[0] }), {}) : {}),
263
263
  'Arial,Helvetica,sans-serif': 'Arial',
264
264
  'Georgia,serif': 'Georgia',
265
265
  'Impact,Charcoal,sans-serif': 'Impact',
package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.css CHANGED
@@ -291,6 +291,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
291
291
  margin-left: var(--spacing-16, 1rem);
292
292
  }
293
293
  :host(.mobile) main {
294
+ margin-right: calc(var(--spacing-16, 1rem) * -1);
294
295
  overflow-x: auto;
295
296
  }
296
297
  :host(.mobile) main::-webkit-scrollbar {
package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.js CHANGED
@@ -1,7 +1,6 @@
1
- import { getSession, translate } from '@shared/utils';
1
+ import { getSession, isWeb, translate } from '@shared/utils';
2
2
  import { Component, Element, Event, h, Host, Prop } from '@stencil/core';
3
3
  import { getAppContext } from '../../../utils/helpers/common-helpers';
4
- const MAX_ITEMS = 5;
5
4
  export class YooUserWizardComponent {
6
5
  constructor() {
7
6
  this.addText = 'YOOBICNEW';
@@ -19,7 +18,8 @@ export class YooUserWizardComponent {
19
18
  }
20
19
  componentWillRender() {
21
20
  var _a;
22
- if (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
21
+ const MAX_ITEMS = this.isImageCard ? 5 : 7;
22
+ if (isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
23
23
  this.clampedItems = this.items.slice(0, MAX_ITEMS) || [];
24
24
  }
25
25
  else {
package/dist/design-system/yoo-form-text-editor.entry.js CHANGED
@@ -21311,7 +21311,7 @@ const YooFormTextEditorComponent = class {
21311
21311
  fontSize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '22', '24', '30', '36', '48', '60', '72', '96'],
21312
21312
  fontFamily: {
21313
21313
  ...(customFontFamily ? { [customFontFamily]: customFontFamily } : {}),
21314
- ...(((_m = customFontFamilys.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0)) === null || _m === void 0 ? void 0 : _m.length) > 0 ? customFontFamilys.reduce((a, v) => ({ ...a, [v[0]]: v[0] }), {}) : {}),
21314
+ ...(((_m = customFontFamilys === null || customFontFamilys === void 0 ? void 0 : customFontFamilys.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0)) === null || _m === void 0 ? void 0 : _m.length) > 0 ? customFontFamilys.reduce((a, v) => ({ ...a, [v[0]]: v[0] }), {}) : {}),
21315
21315
  'Arial,Helvetica,sans-serif': 'Arial',
21316
21316
  'Georgia,serif': 'Georgia',
21317
21317
  'Impact,Charcoal,sans-serif': 'Impact',
package/dist/design-system/yoo-user-wizard.entry.js CHANGED
@@ -1,13 +1,12 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
2
- import { t as translate, _ as getSession } from './index-2f6379f3.js';
2
+ import { o as isWeb, t as translate, _ as getSession } from './index-2f6379f3.js';
3
3
  import { b as getAppContext } from './common-helpers-97e6b2e0.js';
4
4
  import './lodash-eb23e844.js';
5
5
  import './_commonjsHelpers-f4d11124.js';
6
6
  import './index-e90f3120.js';
7
7
 
8
- const userWizardCss = ":host{--card-chat-height:7rem;display:block;max-width:100%;overflow:hidden;--gutter:var(--spacing-16, 1rem);--item-size:6rem}:host>main{grid-column:1/-1}:host .truncate{overflow:hidden;max-width:4rem;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}@supports (display: -webkit-box){:host .truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host header{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0}:host header #title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host header #title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host header #action{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);cursor:pointer}:host main{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:var(--spacing-08, 0.5rem) repeat(var(--number-items), calc(var(--item-size) - var(--gutter) * 2)) var(--item-size)}:host main::before,:host main::after{content:\"\"}:host main:hover{cursor:pointer}:host main .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;scroll-snap-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main .item#add-avatar{color:var(--app-color, #5a30f4)}:host main .item#add-avatar yoo-icon{width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host main yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-line-height:var(--font-size-32, 2rem);--title-font-weight:normal}:host(.mobile) header{width:calc(100% - var(--spacing-32, 2rem));margin-left:var(--spacing-16, 1rem)}:host(.mobile) main{overflow-x:auto}:host(.mobile) main::-webkit-scrollbar{display:none}:host(.mobile) main yoo-card-image{width:6.5rem;height:11.25rem;--subtitle-line-height:var(--font-size-14, 0.875rem);--title-font-size:var(--font-size-14, 0.875rem)}:host(.web) main{margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.web) main yoo-card-image{width:5.375rem;height:9.25rem;--subtitle-line-height:var(--font-size-12, 0.75rem);--title-font-size:var(--font-size-12, 0.75rem)}:host(.empty){--card-chat-height:auto;max-width:initial}:host(.live-video){--card-chat-height:9.25rem}:host(.web.live-video){--item-size:7.5rem}:host(.mobile.live-video){--item-size:8.5rem}:host(.mobile.live-video) main{margin-left:inherit}";
8
+ const userWizardCss = ":host{--card-chat-height:7rem;display:block;max-width:100%;overflow:hidden;--gutter:var(--spacing-16, 1rem);--item-size:6rem}:host>main{grid-column:1/-1}:host .truncate{overflow:hidden;max-width:4rem;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}@supports (display: -webkit-box){:host .truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host header{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0}:host header #title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host header #title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host header #action{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);cursor:pointer}:host main{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:var(--spacing-08, 0.5rem) repeat(var(--number-items), calc(var(--item-size) - var(--gutter) * 2)) var(--item-size)}:host main::before,:host main::after{content:\"\"}:host main:hover{cursor:pointer}:host main .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;scroll-snap-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main .item#add-avatar{color:var(--app-color, #5a30f4)}:host main .item#add-avatar yoo-icon{width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host main yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-line-height:var(--font-size-32, 2rem);--title-font-weight:normal}:host(.mobile) header{width:calc(100% - var(--spacing-32, 2rem));margin-left:var(--spacing-16, 1rem)}:host(.mobile) main{margin-right:calc(var(--spacing-16, 1rem) * -1);overflow-x:auto}:host(.mobile) main::-webkit-scrollbar{display:none}:host(.mobile) main yoo-card-image{width:6.5rem;height:11.25rem;--subtitle-line-height:var(--font-size-14, 0.875rem);--title-font-size:var(--font-size-14, 0.875rem)}:host(.web) main{margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.web) main yoo-card-image{width:5.375rem;height:9.25rem;--subtitle-line-height:var(--font-size-12, 0.75rem);--title-font-size:var(--font-size-12, 0.75rem)}:host(.empty){--card-chat-height:auto;max-width:initial}:host(.live-video){--card-chat-height:9.25rem}:host(.web.live-video){--item-size:7.5rem}:host(.mobile.live-video){--item-size:8.5rem}:host(.mobile.live-video) main{margin-left:inherit}";
9
9
 
10
- const MAX_ITEMS = 5;
11
10
  const YooUserWizardComponent = class {
12
11
  constructor(hostRef) {
13
12
  registerInstance(this, hostRef);
@@ -28,7 +27,8 @@ const YooUserWizardComponent = class {
28
27
  }
29
28
  componentWillRender() {
30
29
  var _a;
31
- if (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
30
+ const MAX_ITEMS = this.isImageCard ? 5 : 7;
31
+ if (isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
32
32
  this.clampedItems = this.items.slice(0, MAX_ITEMS) || [];
33
33
  }
34
34
  else {
package/dist/design-system/yoo-videoplayer-core.entry.js CHANGED
@@ -110,8 +110,8 @@ const YooVideoPlayerCoreComponent = class {
110
110
  async pauseVideo() {
111
111
  var _a;
112
112
  const pausePromise = () => {
113
- var _a;
114
- this.pausePromise = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'pause' : 'pauseVideo']().catch((_) => { });
113
+ var _a, _b, _c;
114
+ this.pausePromise = (_c = (_b = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'pause' : 'pauseVideo']()) === null || _b === void 0 ? void 0 : _b.catch) === null || _c === void 0 ? void 0 : _c.call(_b, (_) => { });
115
115
  };
116
116
  if (this.playerInstance) {
117
117
  // Ensure there no play action in progress
@@ -132,8 +132,8 @@ const YooVideoPlayerCoreComponent = class {
132
132
  async playVideo() {
133
133
  var _a;
134
134
  const playPromise = () => {
135
- var _a;
136
- this.playPromise = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'play' : 'playVideo'].catch((_) => { });
135
+ var _a, _b, _c;
136
+ this.playPromise = (_c = (_b = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'play' : 'playVideo']()) === null || _b === void 0 ? void 0 : _b.catch) === null || _c === void 0 ? void 0 : _c.call(_b, (_) => { });
137
137
  };
138
138
  if (this.playerInstance) {
139
139
  // Ensure there no pause action in progress
package/dist/esm/yoo-form-text-editor.entry.js CHANGED
@@ -21311,7 +21311,7 @@ const YooFormTextEditorComponent = class {
21311
21311
  fontSize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '22', '24', '30', '36', '48', '60', '72', '96'],
21312
21312
  fontFamily: {
21313
21313
  ...(customFontFamily ? { [customFontFamily]: customFontFamily } : {}),
21314
- ...(((_m = customFontFamilys.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0)) === null || _m === void 0 ? void 0 : _m.length) > 0 ? customFontFamilys.reduce((a, v) => ({ ...a, [v[0]]: v[0] }), {}) : {}),
21314
+ ...(((_m = customFontFamilys === null || customFontFamilys === void 0 ? void 0 : customFontFamilys.filter((v) => (v === null || v === void 0 ? void 0 : v.length) > 0)) === null || _m === void 0 ? void 0 : _m.length) > 0 ? customFontFamilys.reduce((a, v) => ({ ...a, [v[0]]: v[0] }), {}) : {}),
21315
21315
  'Arial,Helvetica,sans-serif': 'Arial',
21316
21316
  'Georgia,serif': 'Georgia',
21317
21317
  'Impact,Charcoal,sans-serif': 'Impact',
package/dist/esm/yoo-user-wizard.entry.js CHANGED
@@ -1,13 +1,12 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
2
- import { t as translate, _ as getSession } from './index-2f6379f3.js';
2
+ import { o as isWeb, t as translate, _ as getSession } from './index-2f6379f3.js';
3
3
  import { b as getAppContext } from './common-helpers-97e6b2e0.js';
4
4
  import './lodash-eb23e844.js';
5
5
  import './_commonjsHelpers-f4d11124.js';
6
6
  import './index-e90f3120.js';
7
7
 
8
- const userWizardCss = ":host{--card-chat-height:7rem;display:block;max-width:100%;overflow:hidden;--gutter:var(--spacing-16, 1rem);--item-size:6rem}:host>main{grid-column:1/-1}:host .truncate{overflow:hidden;max-width:4rem;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}@supports (display: -webkit-box){:host .truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host header{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0}:host header #title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host header #title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host header #action{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);cursor:pointer}:host main{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:var(--spacing-08, 0.5rem) repeat(var(--number-items), calc(var(--item-size) - var(--gutter) * 2)) var(--item-size)}:host main::before,:host main::after{content:\"\"}:host main:hover{cursor:pointer}:host main .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;scroll-snap-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main .item#add-avatar{color:var(--app-color, #5a30f4)}:host main .item#add-avatar yoo-icon{width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host main yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-line-height:var(--font-size-32, 2rem);--title-font-weight:normal}:host(.mobile) header{width:calc(100% - var(--spacing-32, 2rem));margin-left:var(--spacing-16, 1rem)}:host(.mobile) main{overflow-x:auto}:host(.mobile) main::-webkit-scrollbar{display:none}:host(.mobile) main yoo-card-image{width:6.5rem;height:11.25rem;--subtitle-line-height:var(--font-size-14, 0.875rem);--title-font-size:var(--font-size-14, 0.875rem)}:host(.web) main{margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.web) main yoo-card-image{width:5.375rem;height:9.25rem;--subtitle-line-height:var(--font-size-12, 0.75rem);--title-font-size:var(--font-size-12, 0.75rem)}:host(.empty){--card-chat-height:auto;max-width:initial}:host(.live-video){--card-chat-height:9.25rem}:host(.web.live-video){--item-size:7.5rem}:host(.mobile.live-video){--item-size:8.5rem}:host(.mobile.live-video) main{margin-left:inherit}";
8
+ const userWizardCss = ":host{--card-chat-height:7rem;display:block;max-width:100%;overflow:hidden;--gutter:var(--spacing-16, 1rem);--item-size:6rem}:host>main{grid-column:1/-1}:host .truncate{overflow:hidden;max-width:4rem;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}@supports (display: -webkit-box){:host .truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host header{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0}:host header #title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host header #title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host header #action{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);cursor:pointer}:host main{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:var(--spacing-08, 0.5rem) repeat(var(--number-items), calc(var(--item-size) - var(--gutter) * 2)) var(--item-size)}:host main::before,:host main::after{content:\"\"}:host main:hover{cursor:pointer}:host main .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;scroll-snap-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main .item#add-avatar{color:var(--app-color, #5a30f4)}:host main .item#add-avatar yoo-icon{width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host main yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-line-height:var(--font-size-32, 2rem);--title-font-weight:normal}:host(.mobile) header{width:calc(100% - var(--spacing-32, 2rem));margin-left:var(--spacing-16, 1rem)}:host(.mobile) main{margin-right:calc(var(--spacing-16, 1rem) * -1);overflow-x:auto}:host(.mobile) main::-webkit-scrollbar{display:none}:host(.mobile) main yoo-card-image{width:6.5rem;height:11.25rem;--subtitle-line-height:var(--font-size-14, 0.875rem);--title-font-size:var(--font-size-14, 0.875rem)}:host(.web) main{margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.web) main yoo-card-image{width:5.375rem;height:9.25rem;--subtitle-line-height:var(--font-size-12, 0.75rem);--title-font-size:var(--font-size-12, 0.75rem)}:host(.empty){--card-chat-height:auto;max-width:initial}:host(.live-video){--card-chat-height:9.25rem}:host(.web.live-video){--item-size:7.5rem}:host(.mobile.live-video){--item-size:8.5rem}:host(.mobile.live-video) main{margin-left:inherit}";
9
9
 
10
- const MAX_ITEMS = 5;
11
10
  const YooUserWizardComponent = class {
12
11
  constructor(hostRef) {
13
12
  registerInstance(this, hostRef);
@@ -28,7 +27,8 @@ const YooUserWizardComponent = class {
28
27
  }
29
28
  componentWillRender() {
30
29
  var _a;
31
- if (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
30
+ const MAX_ITEMS = this.isImageCard ? 5 : 7;
31
+ if (isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
32
32
  this.clampedItems = this.items.slice(0, MAX_ITEMS) || [];
33
33
  }
34
34
  else {
package/dist/esm/yoo-videoplayer-core.entry.js CHANGED
@@ -110,8 +110,8 @@ const YooVideoPlayerCoreComponent = class {
110
110
  async pauseVideo() {
111
111
  var _a;
112
112
  const pausePromise = () => {
113
- var _a;
114
- this.pausePromise = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'pause' : 'pauseVideo']().catch((_) => { });
113
+ var _a, _b, _c;
114
+ this.pausePromise = (_c = (_b = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'pause' : 'pauseVideo']()) === null || _b === void 0 ? void 0 : _b.catch) === null || _c === void 0 ? void 0 : _c.call(_b, (_) => { });
115
115
  };
116
116
  if (this.playerInstance) {
117
117
  // Ensure there no play action in progress
@@ -132,8 +132,8 @@ const YooVideoPlayerCoreComponent = class {
132
132
  async playVideo() {
133
133
  var _a;
134
134
  const playPromise = () => {
135
- var _a;
136
- this.playPromise = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'play' : 'playVideo'].catch((_) => { });
135
+ var _a, _b, _c;
136
+ this.playPromise = (_c = (_b = (_a = this.playerInstance) === null || _a === void 0 ? void 0 : _a[this.type === 'html5' ? 'play' : 'playVideo']()) === null || _b === void 0 ? void 0 : _b.catch) === null || _c === void 0 ? void 0 : _c.call(_b, (_) => { });
137
137
  };
138
138
  if (this.playerInstance) {
139
139
  // Ensure there no pause action in progress
package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/services/config/config.interface.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface IConfigService {
7
7
  publicApiUrl: string;
8
8
  uploadUrl: string;
9
9
  uploadProxyUrl: string;
10
+ tfgDatafreeHost: string;
10
11
  zapierInstagramUrl: string;
11
12
  isDev: boolean;
12
13
  isTestpen: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.1.0-157",
3
+ "version": "8.1.0-158",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",