@yoobic/yobi 8.2.0-37 → 8.2.0-38

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 (9) hide show
  1. package/dist/cjs/yoo-form-hotzones.cjs.entry.js +2 -2
  2. package/dist/cjs/yoo-login.cjs.entry.js +3 -3
  3. package/dist/collection/components/form/form-hotzones/form-hotzones.js +2 -2
  4. package/dist/collection/feature-platform/login/login/login.js +3 -3
  5. package/dist/design-system/yoo-form-hotzones.entry.js +2 -2
  6. package/dist/design-system/yoo-login.entry.js +3 -3
  7. package/dist/esm/yoo-form-hotzones.entry.js +2 -2
  8. package/dist/esm/yoo-login.entry.js +3 -3
  9. package/package.json +1 -1
package/dist/cjs/yoo-form-hotzones.cjs.entry.js CHANGED
@@ -32,7 +32,7 @@ const YooFormHotzonesComponent = class {
32
32
  this.init();
33
33
  }
34
34
  onHotzonesChanged() {
35
- draggableTagsHelpers.showWarningAlert(this.host, !!this.hotzones.find(({ description, image }) => !(description || image)), 'NOEMPTYVALUES');
35
+ draggableTagsHelpers.showWarningAlert(this.host, !this.isHotZones && this.hotzones.some(({ description, image }) => !(description || image)), 'NOEMPTYVALUES');
36
36
  }
37
37
  onIsVisibleChanged() {
38
38
  if (this.isVisible) {
@@ -113,7 +113,7 @@ const YooFormHotzonesComponent = class {
113
113
  return (_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.map(hotzone => {
114
114
  const { style, revealed, description, image } = hotzone || {};
115
115
  const { x, y } = style || {};
116
- const isValid = !!(description || image);
116
+ const isValid = this.isHotZones || !!(description || image);
117
117
  return isValid && index.h("div", { class: { hotzone: true, revealed, hidden: !this.readonly && this.isHotZones }, style: {
118
118
  left: x,
119
119
  top: y,
package/dist/cjs/yoo-login.cjs.entry.js CHANGED
@@ -105,10 +105,10 @@ const YooLoginComponent = class {
105
105
  return window.innerHeight < IPHONE5_HEIGHT;
106
106
  }
107
107
  hasVideoBackground() {
108
- return this.videoBackgroundUrl && this.videoBackgroundUrl !== '';
108
+ return !!this.videoBackgroundUrl;
109
109
  }
110
110
  hasCustomBackground() {
111
- return (this.hasVideoBackground() || this.backgroundSrc !== undefined);
111
+ return (this.hasVideoBackground() || !!this.backgroundSrc);
112
112
  }
113
113
  onAlertClosed() {
114
114
  this.error = '';
@@ -291,7 +291,7 @@ const YooLoginComponent = class {
291
291
  : ''}.svg`, height: "12.8", alt: "" }), "YOOBIC"), index.h("p", { class: "version", hidden: !this.version || (session === null || session === void 0 ? void 0 : session.isStorybook) }, "v", this.version)));
292
292
  }
293
293
  renderFooter() {
294
- return index$1.isIonic(this.host) ? (this.hideAdvancedLogin ? null : (index.h("yoo-button", { color: this.hasVideoBackground() ? 'light' : index$1.isWeb(this.host) ? 'stable' : 'light', size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, index$1.translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
294
+ return index$1.isIonic(this.host) ? (this.hideAdvancedLogin ? null : (index.h("yoo-button", { color: this.hasCustomBackground() ? 'light' : index$1.getContrastColorName(this.backgroundColor), size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, index$1.translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
295
295
  }
296
296
  renderVideo() {
297
297
  const autoplay = !index$1.isIOS() || !index$1.isNativeMobile();
package/dist/collection/components/form/form-hotzones/form-hotzones.js CHANGED
@@ -19,7 +19,7 @@ export class YooFormHotzonesComponent {
19
19
  this.init();
20
20
  }
21
21
  onHotzonesChanged() {
22
- showWarningAlert(this.host, !!this.hotzones.find(({ description, image }) => !(description || image)), 'NOEMPTYVALUES');
22
+ showWarningAlert(this.host, !this.isHotZones && this.hotzones.some(({ description, image }) => !(description || image)), 'NOEMPTYVALUES');
23
23
  }
24
24
  onIsVisibleChanged() {
25
25
  if (this.isVisible) {
@@ -100,7 +100,7 @@ export class YooFormHotzonesComponent {
100
100
  return (_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.map(hotzone => {
101
101
  const { style, revealed, description, image } = hotzone || {};
102
102
  const { x, y } = style || {};
103
- const isValid = !!(description || image);
103
+ const isValid = this.isHotZones || !!(description || image);
104
104
  return isValid && h("div", { class: { hotzone: true, revealed, hidden: !this.readonly && this.isHotZones }, style: {
105
105
  left: x,
106
106
  top: y,
package/dist/collection/feature-platform/login/login/login.js CHANGED
@@ -92,10 +92,10 @@ export class YooLoginComponent {
92
92
  return window.innerHeight < IPHONE5_HEIGHT;
93
93
  }
94
94
  hasVideoBackground() {
95
- return this.videoBackgroundUrl && this.videoBackgroundUrl !== '';
95
+ return !!this.videoBackgroundUrl;
96
96
  }
97
97
  hasCustomBackground() {
98
- return (this.hasVideoBackground() || this.backgroundSrc !== undefined);
98
+ return (this.hasVideoBackground() || !!this.backgroundSrc);
99
99
  }
100
100
  onAlertClosed() {
101
101
  this.error = '';
@@ -297,7 +297,7 @@ export class YooLoginComponent {
297
297
  this.version)));
298
298
  }
299
299
  renderFooter() {
300
- return isIonic(this.host) ? (this.hideAdvancedLogin ? null : (h("yoo-button", { color: this.hasVideoBackground() ? 'light' : isWeb(this.host) ? 'stable' : 'light', size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
300
+ return isIonic(this.host) ? (this.hideAdvancedLogin ? null : (h("yoo-button", { color: this.hasCustomBackground() ? 'light' : getContrastColorName(this.backgroundColor), size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
301
301
  }
302
302
  renderVideo() {
303
303
  const autoplay = !isIOS() || !isNativeMobile();
package/dist/design-system/yoo-form-hotzones.entry.js CHANGED
@@ -28,7 +28,7 @@ const YooFormHotzonesComponent = class {
28
28
  this.init();
29
29
  }
30
30
  onHotzonesChanged() {
31
- showWarningAlert(this.host, !!this.hotzones.find(({ description, image }) => !(description || image)), 'NOEMPTYVALUES');
31
+ showWarningAlert(this.host, !this.isHotZones && this.hotzones.some(({ description, image }) => !(description || image)), 'NOEMPTYVALUES');
32
32
  }
33
33
  onIsVisibleChanged() {
34
34
  if (this.isVisible) {
@@ -109,7 +109,7 @@ const YooFormHotzonesComponent = class {
109
109
  return (_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.map(hotzone => {
110
110
  const { style, revealed, description, image } = hotzone || {};
111
111
  const { x, y } = style || {};
112
- const isValid = !!(description || image);
112
+ const isValid = this.isHotZones || !!(description || image);
113
113
  return isValid && h("div", { class: { hotzone: true, revealed, hidden: !this.readonly && this.isHotZones }, style: {
114
114
  left: x,
115
115
  top: y,
package/dist/design-system/yoo-login.entry.js CHANGED
@@ -101,10 +101,10 @@ const YooLoginComponent = class {
101
101
  return window.innerHeight < IPHONE5_HEIGHT;
102
102
  }
103
103
  hasVideoBackground() {
104
- return this.videoBackgroundUrl && this.videoBackgroundUrl !== '';
104
+ return !!this.videoBackgroundUrl;
105
105
  }
106
106
  hasCustomBackground() {
107
- return (this.hasVideoBackground() || this.backgroundSrc !== undefined);
107
+ return (this.hasVideoBackground() || !!this.backgroundSrc);
108
108
  }
109
109
  onAlertClosed() {
110
110
  this.error = '';
@@ -287,7 +287,7 @@ const YooLoginComponent = class {
287
287
  : ''}.svg`, height: "12.8", alt: "" }), "YOOBIC"), h("p", { class: "version", hidden: !this.version || (session === null || session === void 0 ? void 0 : session.isStorybook) }, "v", this.version)));
288
288
  }
289
289
  renderFooter() {
290
- return isIonic(this.host) ? (this.hideAdvancedLogin ? null : (h("yoo-button", { color: this.hasVideoBackground() ? 'light' : isWeb(this.host) ? 'stable' : 'light', size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
290
+ return isIonic(this.host) ? (this.hideAdvancedLogin ? null : (h("yoo-button", { color: this.hasCustomBackground() ? 'light' : getContrastColorName(this.backgroundColor), size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
291
291
  }
292
292
  renderVideo() {
293
293
  const autoplay = !isIOS() || !isNativeMobile();
package/dist/esm/yoo-form-hotzones.entry.js CHANGED
@@ -28,7 +28,7 @@ const YooFormHotzonesComponent = class {
28
28
  this.init();
29
29
  }
30
30
  onHotzonesChanged() {
31
- showWarningAlert(this.host, !!this.hotzones.find(({ description, image }) => !(description || image)), 'NOEMPTYVALUES');
31
+ showWarningAlert(this.host, !this.isHotZones && this.hotzones.some(({ description, image }) => !(description || image)), 'NOEMPTYVALUES');
32
32
  }
33
33
  onIsVisibleChanged() {
34
34
  if (this.isVisible) {
@@ -109,7 +109,7 @@ const YooFormHotzonesComponent = class {
109
109
  return (_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.map(hotzone => {
110
110
  const { style, revealed, description, image } = hotzone || {};
111
111
  const { x, y } = style || {};
112
- const isValid = !!(description || image);
112
+ const isValid = this.isHotZones || !!(description || image);
113
113
  return isValid && h("div", { class: { hotzone: true, revealed, hidden: !this.readonly && this.isHotZones }, style: {
114
114
  left: x,
115
115
  top: y,
package/dist/esm/yoo-login.entry.js CHANGED
@@ -101,10 +101,10 @@ const YooLoginComponent = class {
101
101
  return window.innerHeight < IPHONE5_HEIGHT;
102
102
  }
103
103
  hasVideoBackground() {
104
- return this.videoBackgroundUrl && this.videoBackgroundUrl !== '';
104
+ return !!this.videoBackgroundUrl;
105
105
  }
106
106
  hasCustomBackground() {
107
- return (this.hasVideoBackground() || this.backgroundSrc !== undefined);
107
+ return (this.hasVideoBackground() || !!this.backgroundSrc);
108
108
  }
109
109
  onAlertClosed() {
110
110
  this.error = '';
@@ -287,7 +287,7 @@ const YooLoginComponent = class {
287
287
  : ''}.svg`, height: "12.8", alt: "" }), "YOOBIC"), h("p", { class: "version", hidden: !this.version || (session === null || session === void 0 ? void 0 : session.isStorybook) }, "v", this.version)));
288
288
  }
289
289
  renderFooter() {
290
- return isIonic(this.host) ? (this.hideAdvancedLogin ? null : (h("yoo-button", { color: this.hasVideoBackground() ? 'light' : isWeb(this.host) ? 'stable' : 'light', size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
290
+ return isIonic(this.host) ? (this.hideAdvancedLogin ? null : (h("yoo-button", { color: this.hasCustomBackground() ? 'light' : getContrastColorName(this.backgroundColor), size: "large", fill: "transparent", animated: false, class: "expanded", onClick: () => this.onAdvancedLogin() }, translate('ADVANCEDLOGIN')))) : (this.renderPoweredBy());
291
291
  }
292
292
  renderVideo() {
293
293
  const autoplay = !isIOS() || !isNativeMobile();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.2.0-37",
3
+ "version": "8.2.0-38",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",