vviinn-widgets 2.13.3 → 2.15.2

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 (88) hide show
  1. package/dist/cjs/Handler-176539c8.js +331 -0
  2. package/dist/cjs/cropper-handler.cjs.entry.js +27 -0
  3. package/dist/cjs/customized-slots-84e1c444.js +53 -0
  4. package/dist/cjs/highlight-box_22.cjs.entry.js +764 -0
  5. package/dist/cjs/{index-4ea3a37f.js → imageSearch.store-8987ae77.js} +11238 -14778
  6. package/dist/cjs/index-cf5f9c72.js +3235 -0
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/{vviinn-carousel_2.cjs.entry.js → vviinn-button_6.cjs.entry.js} +363 -37
  9. package/dist/cjs/vviinn-error.cjs.entry.js +19 -0
  10. package/dist/cjs/vviinn-preloader.cjs.entry.js +26 -0
  11. package/dist/cjs/vviinn-vps-button.cjs.entry.js +45 -0
  12. package/dist/cjs/vviinn-vps-widget.cjs.entry.js +200 -0
  13. package/dist/cjs/vviinn-widgets.cjs.js +1 -1
  14. package/dist/collection/components/vviinn-modal/vviinn-modal.css +2 -1
  15. package/dist/collection/components/vviinn-product-card/render-helpers.js +7 -5
  16. package/dist/collection/components/vviinn-product-card/vviinn-product-card.js +4 -2
  17. package/dist/collection/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.css +7 -1
  18. package/dist/collection/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.js +44 -1
  19. package/dist/collection/components/vviinn-vpr-button/vviinn-vpr-button.js +45 -0
  20. package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-vidget.js +36 -12
  21. package/dist/collection/components/vviinn-vps-button/vviinn-vps-button.js +4 -2
  22. package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +48 -16
  23. package/dist/esm/Handler-f9b8735c.js +309 -0
  24. package/dist/esm/cropper-handler.entry.js +23 -0
  25. package/dist/esm/customized-slots-01387ced.js +50 -0
  26. package/dist/esm/{cropper-handler_29.entry.js → highlight-box_22.entry.js} +21 -502
  27. package/dist/esm/{index-492f97b7.js → imageSearch.store-7be7e733.js} +11569 -15097
  28. package/dist/esm/index-18ec919d.js +3224 -0
  29. package/dist/esm/{index-84a46578.js → index-6f22c68e.js} +1 -1
  30. package/dist/esm/loader.js +1 -1
  31. package/dist/esm/{vviinn-carousel_2.entry.js → vviinn-button_6.entry.js} +335 -13
  32. package/dist/esm/vviinn-error.entry.js +15 -0
  33. package/dist/esm/vviinn-preloader.entry.js +22 -0
  34. package/dist/esm/vviinn-vps-button.entry.js +41 -0
  35. package/dist/esm/vviinn-vps-widget.entry.js +196 -0
  36. package/dist/esm/vviinn-widgets.js +1 -1
  37. package/dist/types/components/vviinn-product-card/render-helpers.d.ts +1 -0
  38. package/dist/types/components/vviinn-product-card/vviinn-product-card.d.ts +3 -1
  39. package/dist/types/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.d.ts +3 -0
  40. package/dist/types/components/vviinn-vpr-button/vviinn-vpr-button.d.ts +3 -0
  41. package/dist/types/components/vviinn-vpr-widget/vviinn-vpr-vidget.d.ts +7 -3
  42. package/dist/types/components/vviinn-vps-button/vviinn-vps-button.d.ts +3 -1
  43. package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts +7 -3
  44. package/dist/types/components.d.ts +8 -0
  45. package/dist/vviinn-widgets/p-0f37e35e.js +1 -0
  46. package/dist/vviinn-widgets/p-11f61564.js +1 -0
  47. package/dist/vviinn-widgets/p-28d20956.entry.js +1 -0
  48. package/dist/vviinn-widgets/p-40f67f35.entry.js +1 -0
  49. package/dist/vviinn-widgets/p-570623b1.entry.js +1 -0
  50. package/dist/vviinn-widgets/p-88d472cc.entry.js +1 -0
  51. package/dist/vviinn-widgets/p-9194527e.js +1 -0
  52. package/dist/vviinn-widgets/{p-90742d1c.js → p-b1a3c4c6.js} +1 -1
  53. package/dist/vviinn-widgets/p-c59a3856.entry.js +1 -0
  54. package/dist/vviinn-widgets/p-d3e45b13.entry.js +1 -0
  55. package/dist/vviinn-widgets/p-d8a8cca5.entry.js +1 -0
  56. package/dist/vviinn-widgets/p-fb95aa1e.js +1 -0
  57. package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
  58. package/package.json +1 -1
  59. package/www/build/p-0f37e35e.js +1 -0
  60. package/www/build/p-11f61564.js +1 -0
  61. package/www/build/p-28d20956.entry.js +1 -0
  62. package/www/build/p-40f67f35.entry.js +1 -0
  63. package/www/build/p-570623b1.entry.js +1 -0
  64. package/www/build/p-88d472cc.entry.js +1 -0
  65. package/www/build/p-9194527e.js +1 -0
  66. package/www/build/{p-dc60c197.js → p-951b98b6.js} +2 -2
  67. package/www/build/{p-90742d1c.js → p-b1a3c4c6.js} +1 -1
  68. package/www/build/p-c59a3856.entry.js +1 -0
  69. package/www/build/p-d3e45b13.entry.js +1 -0
  70. package/www/build/p-d8a8cca5.entry.js +1 -0
  71. package/www/build/p-fb95aa1e.js +1 -0
  72. package/www/build/vviinn-widgets.esm.js +1 -1
  73. package/www/index.html +53 -250
  74. package/dist/cjs/cropper-handler_29.cjs.entry.js +0 -1252
  75. package/dist/cjs/vviinn-recommendations-sidebar.cjs.entry.js +0 -65
  76. package/dist/cjs/vviinn-vpr-button.cjs.entry.js +0 -50
  77. package/dist/esm/vviinn-recommendations-sidebar.entry.js +0 -61
  78. package/dist/esm/vviinn-vpr-button.entry.js +0 -46
  79. package/dist/vviinn-widgets/p-1a046662.entry.js +0 -1
  80. package/dist/vviinn-widgets/p-2573d0c3.js +0 -1
  81. package/dist/vviinn-widgets/p-4c916bb9.entry.js +0 -1
  82. package/dist/vviinn-widgets/p-4ce65bdb.entry.js +0 -1
  83. package/dist/vviinn-widgets/p-c29c3636.entry.js +0 -1
  84. package/www/build/p-1a046662.entry.js +0 -1
  85. package/www/build/p-2573d0c3.js +0 -1
  86. package/www/build/p-4c916bb9.entry.js +0 -1
  87. package/www/build/p-4ce65bdb.entry.js +0 -1
  88. package/www/build/p-c29c3636.entry.js +0 -1
@@ -0,0 +1,331 @@
1
+ 'use strict';
2
+
3
+ // -------------------------------------------------------------------------------------
4
+ /**
5
+ * @since 2.0.0
6
+ */
7
+ function identity(a) {
8
+ return a;
9
+ }
10
+ function flow(ab, bc, cd, de, ef, fg, gh, hi, ij) {
11
+ switch (arguments.length) {
12
+ case 1:
13
+ return ab;
14
+ case 2:
15
+ return function () {
16
+ return bc(ab.apply(this, arguments));
17
+ };
18
+ case 3:
19
+ return function () {
20
+ return cd(bc(ab.apply(this, arguments)));
21
+ };
22
+ case 4:
23
+ return function () {
24
+ return de(cd(bc(ab.apply(this, arguments))));
25
+ };
26
+ case 5:
27
+ return function () {
28
+ return ef(de(cd(bc(ab.apply(this, arguments)))));
29
+ };
30
+ case 6:
31
+ return function () {
32
+ return fg(ef(de(cd(bc(ab.apply(this, arguments))))));
33
+ };
34
+ case 7:
35
+ return function () {
36
+ return gh(fg(ef(de(cd(bc(ab.apply(this, arguments)))))));
37
+ };
38
+ case 8:
39
+ return function () {
40
+ return hi(gh(fg(ef(de(cd(bc(ab.apply(this, arguments))))))));
41
+ };
42
+ case 9:
43
+ return function () {
44
+ return ij(hi(gh(fg(ef(de(cd(bc(ab.apply(this, arguments)))))))));
45
+ };
46
+ }
47
+ return;
48
+ }
49
+ /**
50
+ * @since 2.0.0
51
+ */
52
+ function tuple() {
53
+ var t = [];
54
+ for (var _i = 0; _i < arguments.length; _i++) {
55
+ t[_i] = arguments[_i];
56
+ }
57
+ return t;
58
+ }
59
+ function pipe(a, ab, bc, cd, de, ef, fg, gh, hi) {
60
+ switch (arguments.length) {
61
+ case 1:
62
+ return a;
63
+ case 2:
64
+ return ab(a);
65
+ case 3:
66
+ return bc(ab(a));
67
+ case 4:
68
+ return cd(bc(ab(a)));
69
+ case 5:
70
+ return de(cd(bc(ab(a))));
71
+ case 6:
72
+ return ef(de(cd(bc(ab(a)))));
73
+ case 7:
74
+ return fg(ef(de(cd(bc(ab(a))))));
75
+ case 8:
76
+ return gh(fg(ef(de(cd(bc(ab(a)))))));
77
+ case 9:
78
+ return hi(gh(fg(ef(de(cd(bc(ab(a))))))));
79
+ default: {
80
+ var ret = arguments[0];
81
+ for (var i = 1; i < arguments.length; i++) {
82
+ ret = arguments[i](ret);
83
+ }
84
+ return ret;
85
+ }
86
+ }
87
+ }
88
+
89
+ // -------------------------------------------------------------------------------------
90
+ // Option
91
+ // -------------------------------------------------------------------------------------
92
+ /** @internal */
93
+ var isNone = function (fa) { return fa._tag === 'None'; };
94
+ /** @internal */
95
+ var isSome = function (fa) { return fa._tag === 'Some'; };
96
+ /** @internal */
97
+ var none = { _tag: 'None' };
98
+ /** @internal */
99
+ var some = function (a) { return ({ _tag: 'Some', value: a }); };
100
+ // -------------------------------------------------------------------------------------
101
+ // Either
102
+ // -------------------------------------------------------------------------------------
103
+ /** @internal */
104
+ var isLeft = function (ma) { return ma._tag === 'Left'; };
105
+ /** @internal */
106
+ var left = function (e) { return ({ _tag: 'Left', left: e }); };
107
+ /** @internal */
108
+ var right = function (a) { return ({ _tag: 'Right', right: a }); };
109
+ // -------------------------------------------------------------------------------------
110
+ // Record
111
+ // -------------------------------------------------------------------------------------
112
+ /** @internal */
113
+ var has = Object.prototype.hasOwnProperty;
114
+
115
+ /**
116
+ * If a type `A` can form a `Semigroup` it has an **associative** binary operation.
117
+ *
118
+ * ```ts
119
+ * interface Semigroup<A> {
120
+ * readonly concat: (x: A, y: A) => A
121
+ * }
122
+ * ```
123
+ *
124
+ * Associativity means the following equality must hold for any choice of `x`, `y`, and `z`.
125
+ *
126
+ * ```ts
127
+ * concat(x, concat(y, z)) = concat(concat(x, y), z)
128
+ * ```
129
+ *
130
+ * A common example of a semigroup is the type `string` with the operation `+`.
131
+ *
132
+ * ```ts
133
+ * import { Semigroup } from 'fp-ts/Semigroup'
134
+ *
135
+ * const semigroupString: Semigroup<string> = {
136
+ * concat: (x, y) => x + y
137
+ * }
138
+ *
139
+ * const x = 'x'
140
+ * const y = 'y'
141
+ * const z = 'z'
142
+ *
143
+ * semigroupString.concat(x, y) // 'xy'
144
+ *
145
+ * semigroupString.concat(x, semigroupString.concat(y, z)) // 'xyz'
146
+ *
147
+ * semigroupString.concat(semigroupString.concat(x, y), z) // 'xyz'
148
+ * ```
149
+ *
150
+ * *Adapted from https://typelevel.org/cats*
151
+ *
152
+ * @since 2.0.0
153
+ */
154
+ /**
155
+ * Given a struct of semigroups returns a semigroup for the struct.
156
+ *
157
+ * @example
158
+ * import { struct } from 'fp-ts/Semigroup'
159
+ * import * as N from 'fp-ts/number'
160
+ *
161
+ * interface Point {
162
+ * readonly x: number
163
+ * readonly y: number
164
+ * }
165
+ *
166
+ * const S = struct<Point>({
167
+ * x: N.SemigroupSum,
168
+ * y: N.SemigroupSum
169
+ * })
170
+ *
171
+ * assert.deepStrictEqual(S.concat({ x: 1, y: 2 }, { x: 3, y: 4 }), { x: 4, y: 6 })
172
+ *
173
+ * @category combinators
174
+ * @since 2.10.0
175
+ */
176
+ var struct = function (semigroups) { return ({
177
+ concat: function (first, second) {
178
+ var r = {};
179
+ for (var k in semigroups) {
180
+ if (has.call(semigroups, k)) {
181
+ r[k] = semigroups[k].concat(first[k], second[k]);
182
+ }
183
+ }
184
+ return r;
185
+ }
186
+ }); };
187
+ // -------------------------------------------------------------------------------------
188
+ // instances
189
+ // -------------------------------------------------------------------------------------
190
+ /**
191
+ * Always return the first argument.
192
+ *
193
+ * @example
194
+ * import * as S from 'fp-ts/Semigroup'
195
+ *
196
+ * assert.deepStrictEqual(S.first<number>().concat(1, 2), 1)
197
+ *
198
+ * @category instances
199
+ * @since 2.10.0
200
+ */
201
+ var first = function () { return ({ concat: identity }); };
202
+ /**
203
+ * Always return the last argument.
204
+ *
205
+ * @example
206
+ * import * as S from 'fp-ts/Semigroup'
207
+ *
208
+ * assert.deepStrictEqual(S.last<number>().concat(1, 2), 2)
209
+ *
210
+ * @category instances
211
+ * @since 2.10.0
212
+ */
213
+ var last = function () { return ({ concat: function (_, y) { return y; } }); };
214
+ /**
215
+ * Use [`SemigroupSum`](./number.ts.html#SemigroupSum) instead.
216
+ *
217
+ * @category instances
218
+ * @since 2.0.0
219
+ * @deprecated
220
+ */
221
+ var semigroupSum = {
222
+ concat: function (x, y) { return x + y; }
223
+ };
224
+
225
+ const semigroupDiff = {
226
+ concat: (x, y) => x - y,
227
+ };
228
+
229
+ const fromRectangle$1 = ({ x, y }) => {
230
+ return {
231
+ x,
232
+ y,
233
+ };
234
+ };
235
+ const fromMouseEvent = ({ clientX, clientY }) => {
236
+ return {
237
+ x: clientX,
238
+ y: clientY,
239
+ };
240
+ };
241
+ const pointDiffSemigroup = struct({
242
+ x: semigroupDiff,
243
+ y: semigroupDiff,
244
+ });
245
+ const pointSumSemigroup = struct({
246
+ x: semigroupSum,
247
+ y: semigroupSum,
248
+ });
249
+
250
+ exports.HandlerDirection = void 0;
251
+ (function (HandlerDirection) {
252
+ HandlerDirection[HandlerDirection["East"] = 0] = "East";
253
+ HandlerDirection[HandlerDirection["North"] = 1] = "North";
254
+ HandlerDirection[HandlerDirection["NorthEast"] = 2] = "NorthEast";
255
+ HandlerDirection[HandlerDirection["NorthWest"] = 3] = "NorthWest";
256
+ HandlerDirection[HandlerDirection["South"] = 4] = "South";
257
+ HandlerDirection[HandlerDirection["SouthEast"] = 5] = "SouthEast";
258
+ HandlerDirection[HandlerDirection["SouthWest"] = 6] = "SouthWest";
259
+ HandlerDirection[HandlerDirection["West"] = 7] = "West";
260
+ })(exports.HandlerDirection || (exports.HandlerDirection = {}));
261
+ const getCursorValue = (direction) => {
262
+ switch (direction) {
263
+ case exports.HandlerDirection.East:
264
+ return "e-resize";
265
+ case exports.HandlerDirection.North:
266
+ return "n-resize";
267
+ case exports.HandlerDirection.NorthEast:
268
+ return "ne-resize";
269
+ case exports.HandlerDirection.NorthWest:
270
+ return "nw-resize";
271
+ case exports.HandlerDirection.South:
272
+ return "s-resize";
273
+ case exports.HandlerDirection.SouthEast:
274
+ return "se-resize";
275
+ case exports.HandlerDirection.SouthWest:
276
+ return "sw-resize";
277
+ case exports.HandlerDirection.West:
278
+ return "w-resize";
279
+ default:
280
+ return "pointer";
281
+ }
282
+ };
283
+ const fromRectangle = (r) => [
284
+ {
285
+ position: fromRectangle$1(r),
286
+ direction: exports.HandlerDirection.NorthWest,
287
+ },
288
+ {
289
+ position: pointSumSemigroup.concat(fromRectangle$1(r), {
290
+ x: r.width,
291
+ y: 0,
292
+ }),
293
+ direction: exports.HandlerDirection.NorthEast,
294
+ },
295
+ {
296
+ position: pointSumSemigroup.concat(fromRectangle$1(r), {
297
+ x: 0,
298
+ y: r.height,
299
+ }),
300
+ direction: exports.HandlerDirection.SouthWest,
301
+ },
302
+ {
303
+ position: pointSumSemigroup.concat(fromRectangle$1(r), {
304
+ x: r.width,
305
+ y: r.height,
306
+ }),
307
+ direction: exports.HandlerDirection.SouthEast,
308
+ },
309
+ ];
310
+
311
+ exports.first = first;
312
+ exports.flow = flow;
313
+ exports.fromMouseEvent = fromMouseEvent;
314
+ exports.fromRectangle = fromRectangle$1;
315
+ exports.fromRectangle$1 = fromRectangle;
316
+ exports.getCursorValue = getCursorValue;
317
+ exports.has = has;
318
+ exports.identity = identity;
319
+ exports.isLeft = isLeft;
320
+ exports.isNone = isNone;
321
+ exports.isSome = isSome;
322
+ exports.last = last;
323
+ exports.left = left;
324
+ exports.none = none;
325
+ exports.pipe = pipe;
326
+ exports.pointDiffSemigroup = pointDiffSemigroup;
327
+ exports.pointSumSemigroup = pointSumSemigroup;
328
+ exports.right = right;
329
+ exports.some = some;
330
+ exports.struct = struct;
331
+ exports.tuple = tuple;
@@ -0,0 +1,27 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-1077e27c.js');
6
+ const Handler = require('./Handler-176539c8.js');
7
+
8
+ const cropperHandlerCss = ":host{--size:20px;background:transparent;border:4px solid white;box-sizing:content-box;display:block;height:var(--size);touch-action:none;position:absolute;width:var(--size);z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.disabled){opacity:0.25}:host(.nw-resize){border-bottom:none;border-right:none;top:0;left:0}:host(.ne-resize){border-left:none;border-bottom:none;right:0;top:0}:host(.sw-resize){border-right:none;border-top:none;left:0;bottom:0}:host(.se-resize){border-left:none;border-top:none;bottom:0;right:0}";
9
+
10
+ let CropperHandler = class {
11
+ constructor(hostRef) {
12
+ index.registerInstance(this, hostRef);
13
+ this.disabled = false;
14
+ }
15
+ render() {
16
+ return (index.h(index.Host, { part: `handle ${Handler.getCursorValue(this.handler.direction)}`, class: {
17
+ disabled: this.disabled,
18
+ [Handler.getCursorValue(this.handler.direction)]: true,
19
+ }, style: {
20
+ "--size": "20px",
21
+ cursor: Handler.getCursorValue(this.handler.direction),
22
+ }, draggable: false }));
23
+ }
24
+ };
25
+ CropperHandler.style = cropperHandlerCss;
26
+
27
+ exports.cropper_handler = CropperHandler;
@@ -0,0 +1,53 @@
1
+ 'use strict';
2
+
3
+ const index = require('./index-1077e27c.js');
4
+
5
+ const defaultSlotsNames = [
6
+ "vviinn-onboarding-title",
7
+ "vviinn-onboarding-card-1-icon",
8
+ "vviinn-onboarding-card-1-text",
9
+ "vviinn-onboarding-card-2-icon",
10
+ "vviinn-onboarding-card-2-text",
11
+ "vviinn-onboarding-card-3-icon",
12
+ "vviinn-onboarding-card-3-text",
13
+ "vviinn-example-images-title",
14
+ "vviinn-example-images-1",
15
+ "vviinn-example-images-2",
16
+ "vviinn-example-images-3",
17
+ "vviinn-example-images-4",
18
+ "vviinn-teaser-text",
19
+ "vviinn-image-upload-button-text",
20
+ "vviinn-privacy-badge-text"
21
+ ];
22
+ const renderNamedSlot = (name) => index.h("slot", { name: name });
23
+ const SlotSkeleton = () => defaultSlotsNames.map(renderNamedSlot);
24
+ const getSlots = (element) => Array.from(element.shadowRoot.querySelectorAll("slot"));
25
+ const getNameAttribute = (element) => element.getAttribute("name");
26
+ const getSlotAttribute = (element) => element.getAttribute("slot");
27
+ const elementContainSlot = (slot) => (container) => {
28
+ const name1 = getNameAttribute(slot);
29
+ const name2 = getSlotAttribute(container);
30
+ return name1 === name2;
31
+ };
32
+ const getContentToReplace = (targets) => (acc, content) => {
33
+ const replaceCandidate = targets.find(elementContainSlot(content));
34
+ if (replaceCandidate) {
35
+ acc.set(content, replaceCandidate);
36
+ }
37
+ return acc;
38
+ };
39
+ const replaceSlotContent = (content, target) => {
40
+ target.innerHTML = content.outerHTML;
41
+ };
42
+ const slotChangeListener = (component, element) => {
43
+ component.connectedCallback = function () {
44
+ document.addEventListener("globalSlotsChanged", ({ detail }) => {
45
+ const slotsToReplace = getSlots(element).reduce(getContentToReplace(detail), new Map());
46
+ slotsToReplace.forEach(replaceSlotContent);
47
+ }, true);
48
+ };
49
+ component.connectedCallback.call(component);
50
+ };
51
+
52
+ exports.SlotSkeleton = SlotSkeleton;
53
+ exports.slotChangeListener = slotChangeListener;