@micromag/screen-urbania-horoscope 0.3.829 → 0.4.4
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.
- package/assets/css/styles.css +3 -3
- package/es/index.d.ts +130 -0
- package/es/index.js +70 -139
- package/es/styles.css +3 -0
- package/package.json +26 -26
package/assets/css/styles.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
1
|
+
.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative;width:100%;-ms-flex-align:center;align-items:center;background-color:#1d3af2;border:0;border-radius:10px;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7));padding:5px;-webkit-touch-callout:none;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container:focus-visible,.container:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);z-index:2}.container:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.placeholder{background-color:var(--mm-gray-400);height:30px;margin:1px;width:30px}.thumbnail{max-height:50px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.name{background-color:#fffc00;border-radius:24px;-webkit-box-shadow:0 0 0 2px rgba(255,250,0,.6);box-shadow:0 0 0 2px rgba(255,250,0,.6);color:#222;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:700;margin-bottom:.4rem!important;padding:2px 5px 0!important;width:100%}.date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.arrow{display:inline-block;font-size:20px;padding-bottom:2px;padding-right:5px;vertical-align:middle}.emptyText{margin-top:5px;padding:10px;width:100%}
|
|
2
|
+
.container{height:100%;overflow:hidden;position:relative;width:100%}.modalButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;top:0;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%}.modalButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.modal{background-color:#0ff;border-radius:22px;-webkit-box-shadow:0 0 4px #010f66;box-shadow:0 0 4px #010f66;color:#1d3af2;margin:52px 18px 30px;padding:10px}.name{font-family:Agrandir Tight,sans-serif;font-weight:900;padding:7px auto 5px}.name,.wordContainer{text-transform:uppercase}.wordContainer{border:1px solid #1d3af2;border-radius:9px;margin-bottom:5px;padding:6px 6px 3px}.wordOfTheWeek{font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem;padding-bottom:2px}.word{font-family:Agrandir Narrow,sans-serif;font-size:16px;font-weight:700}.description{font-family:Roboto,sans-serif;font-size:12px;line-height:1.2;padding-bottom:5px}.description p{margin-bottom:1em}.description p:last-child{margin-bottom:0}.illustration{height:auto;margin:0 auto;pointer-events:none;width:75%}.arrow{font-size:20px;padding-right:5px;vertical-align:middle}
|
|
3
|
+
.container{height:100%;overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container.isPlaceholder .layout{padding:10px}.layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.placeholderGrid{display:grid;grid-gap:5px;gap:5px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.placeholderItem{background-color:var(--mm-gray-600);height:1.5em;width:1.5em}.emptyText,.emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.emptyTitle{height:100px}.emptyText{height:50px}.headerContainer{width:280px}.title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;-webkit-text-stroke:1px #000f66;text-transform:uppercase}.title,.titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.titleImage{height:auto;width:100%}.titlePlaceholder{background-color:var(--mm-gray-800);padding:10px}.description{color:#0ff;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7));font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px;padding:10px}.description p,.description span{font-weight:700!important}.descriptionPlaceholder{padding:10px 10px 30px}.button{background-color:#fffc00;border-radius:24px;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6);padding:8px 15px 4px;-webkit-transition:-webkit-box-shadow .2s var(--mm-ease-in-kickback);transition:-webkit-box-shadow .2s var(--mm-ease-in-kickback);transition:box-shadow .2s var(--mm-ease-in-kickback);transition:box-shadow .2s var(--mm-ease-in-kickback),-webkit-box-shadow .2s var(--mm-ease-in-kickback)}.button:focus-visible,.button:hover{-webkit-box-shadow:0 0 0 12px rgba(255,250,0,.6)!important;box-shadow:0 0 0 12px rgba(255,250,0,.6)!important}.button:active{-webkit-box-shadow:0 0 0 3px rgba(255,250,0,.3);box-shadow:0 0 0 3px rgba(255,250,0,.3)}.buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.header{display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;width:100%;z-index:5;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0));padding:10px}.buttons{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.buttons,.close{position:relative;-ms-flex-align:center;align-items:center}.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;display:-ms-flexbox;display:flex;font-family:inherit;font-weight:700;margin-left:auto;padding:0}.close:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;outline:3px solid var(--mm-purple);outline-offset:4px}.signsGridContainer{height:100%;left:0;padding:2.5rem 1rem;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%;z-index:3}.signsGridContainer.isPlaceholder{padding:0}.signs{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.author{-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7));margin:5px auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.author,.collaborator{color:#0ff}.authorBackground{background-color:#161719!important}.authorBackground p{font-weight:400!important;text-transform:none!important}.modal{position:fixed;right:0;-ms-touch-action:none;touch-action:none;z-index:4}.backdrop,.modal{height:100%;left:0;top:0;width:100%}.backdrop{background-color:rgba(0,0,0,.75);position:absolute;z-index:1}.backdrop,.backdropVideo{pointer-events:none}
|
package/es/index.d.ts
ADDED
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { TextElement, HeadingElement, AuthorElement, Button, BackgroundElement } from '@micromag/core';
|
|
3
|
+
|
|
4
|
+
interface UrbaniaHoroscopeProps {
|
|
5
|
+
defaultSigns?: {
|
|
6
|
+
id?: string;
|
|
7
|
+
label?: TextElement;
|
|
8
|
+
}[];
|
|
9
|
+
signs?: {
|
|
10
|
+
id?: string;
|
|
11
|
+
label?: TextElement;
|
|
12
|
+
word?: HeadingElement;
|
|
13
|
+
description?: TextElement;
|
|
14
|
+
}[] | null;
|
|
15
|
+
title?: HeadingElement | null;
|
|
16
|
+
description?: TextElement | null;
|
|
17
|
+
author?: AuthorElement | null;
|
|
18
|
+
button?: Button | null;
|
|
19
|
+
signSubtitle?: HeadingElement | null;
|
|
20
|
+
spacing?: number;
|
|
21
|
+
background?: BackgroundElement | null;
|
|
22
|
+
popupBackground?: BackgroundElement | null;
|
|
23
|
+
current?: boolean;
|
|
24
|
+
preload?: boolean;
|
|
25
|
+
type?: string;
|
|
26
|
+
className?: string | null;
|
|
27
|
+
}
|
|
28
|
+
declare function UrbaniaHoroscope({ defaultSigns, signs: signsValue, title, description, author, button, signSubtitle, spacing, background, popupBackground, current, preload, type, className, }: UrbaniaHoroscopeProps): react_jsx_runtime.JSX.Element;
|
|
29
|
+
|
|
30
|
+
declare const _default$1: {
|
|
31
|
+
id: string;
|
|
32
|
+
type: string;
|
|
33
|
+
namespaces: string[];
|
|
34
|
+
group: {
|
|
35
|
+
label: {
|
|
36
|
+
defaultMessage: string;
|
|
37
|
+
description: string;
|
|
38
|
+
};
|
|
39
|
+
order: number;
|
|
40
|
+
};
|
|
41
|
+
title: {
|
|
42
|
+
defaultMessage: string;
|
|
43
|
+
description: string;
|
|
44
|
+
};
|
|
45
|
+
component: typeof UrbaniaHoroscope;
|
|
46
|
+
states: ({
|
|
47
|
+
id: string;
|
|
48
|
+
label: {
|
|
49
|
+
defaultMessage: string;
|
|
50
|
+
description: string;
|
|
51
|
+
};
|
|
52
|
+
fields: {
|
|
53
|
+
name: string;
|
|
54
|
+
type: string;
|
|
55
|
+
label: {
|
|
56
|
+
defaultMessage: string;
|
|
57
|
+
description: string;
|
|
58
|
+
};
|
|
59
|
+
}[];
|
|
60
|
+
defaultValue?: undefined;
|
|
61
|
+
repeatable?: undefined;
|
|
62
|
+
withoutCreate?: undefined;
|
|
63
|
+
fieldName?: undefined;
|
|
64
|
+
} | {
|
|
65
|
+
id: string;
|
|
66
|
+
label: {
|
|
67
|
+
defaultMessage: string;
|
|
68
|
+
description: string;
|
|
69
|
+
};
|
|
70
|
+
defaultValue: {
|
|
71
|
+
id: string;
|
|
72
|
+
image: any;
|
|
73
|
+
thumbnail: any;
|
|
74
|
+
label: {
|
|
75
|
+
defaultMessage: string;
|
|
76
|
+
description: string;
|
|
77
|
+
};
|
|
78
|
+
date: {
|
|
79
|
+
defaultMessage: string;
|
|
80
|
+
description: string;
|
|
81
|
+
};
|
|
82
|
+
}[];
|
|
83
|
+
repeatable: boolean;
|
|
84
|
+
withoutCreate: boolean;
|
|
85
|
+
fieldName: string;
|
|
86
|
+
fields: {
|
|
87
|
+
name: string;
|
|
88
|
+
type: string;
|
|
89
|
+
label: {
|
|
90
|
+
defaultMessage: string;
|
|
91
|
+
description: string;
|
|
92
|
+
};
|
|
93
|
+
}[];
|
|
94
|
+
})[];
|
|
95
|
+
fields: ({
|
|
96
|
+
name: string;
|
|
97
|
+
type: string;
|
|
98
|
+
defaultValue: {
|
|
99
|
+
body: string;
|
|
100
|
+
};
|
|
101
|
+
label: {
|
|
102
|
+
defaultMessage: string;
|
|
103
|
+
description: string;
|
|
104
|
+
};
|
|
105
|
+
} | {
|
|
106
|
+
name: string;
|
|
107
|
+
type: string;
|
|
108
|
+
label: {
|
|
109
|
+
defaultMessage: string;
|
|
110
|
+
description: string;
|
|
111
|
+
};
|
|
112
|
+
defaultValue?: undefined;
|
|
113
|
+
})[];
|
|
114
|
+
}[];
|
|
115
|
+
|
|
116
|
+
declare const _default: {
|
|
117
|
+
id: string;
|
|
118
|
+
image: any;
|
|
119
|
+
thumbnail: any;
|
|
120
|
+
label: {
|
|
121
|
+
defaultMessage: string;
|
|
122
|
+
description: string;
|
|
123
|
+
};
|
|
124
|
+
date: {
|
|
125
|
+
defaultMessage: string;
|
|
126
|
+
description: string;
|
|
127
|
+
};
|
|
128
|
+
}[];
|
|
129
|
+
|
|
130
|
+
export { UrbaniaHoroscope, _default$1 as default, _default as signs };
|
package/es/index.js
CHANGED
|
@@ -5,9 +5,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
|
5
5
|
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
6
6
|
import { animated } from '@react-spring/web';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
|
-
import PropTypes from 'prop-types';
|
|
9
8
|
import React, { useMemo, useState, useCallback, useEffect } from 'react';
|
|
10
|
-
import { PropTypes as PropTypes$1 } from '@micromag/core';
|
|
11
9
|
import { ScreenElement, PlaceholderTitle } from '@micromag/core/components';
|
|
12
10
|
import { useScreenRenderContext, useViewerInteraction, usePlaybackContext, usePlaybackMediaRef, useScreenSize, useViewerContext, useScreenState } from '@micromag/core/contexts';
|
|
13
11
|
import { useTrackScreenEvent, useDragProgress } from '@micromag/core/hooks';
|
|
@@ -264,32 +262,17 @@ var signs = [{
|
|
|
264
262
|
})
|
|
265
263
|
}];
|
|
266
264
|
|
|
267
|
-
var styles$2 = {"container":"
|
|
265
|
+
var styles$2 = {"container":"container","placeholder":"placeholder","thumbnail":"thumbnail","name":"name","date":"date","emptyText":"emptyText"};
|
|
268
266
|
|
|
269
|
-
|
|
270
|
-
className
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
}),
|
|
279
|
-
focusable: PropTypes.bool,
|
|
280
|
-
onClick: PropTypes.func
|
|
281
|
-
};
|
|
282
|
-
var defaultProps$2 = {
|
|
283
|
-
className: null,
|
|
284
|
-
sign: null,
|
|
285
|
-
focusable: true,
|
|
286
|
-
onClick: null
|
|
287
|
-
};
|
|
288
|
-
var SignCard = function SignCard(_ref) {
|
|
289
|
-
var className = _ref.className,
|
|
290
|
-
sign = _ref.sign,
|
|
291
|
-
focusable = _ref.focusable,
|
|
292
|
-
onClick = _ref.onClick;
|
|
267
|
+
function SignCard(_ref) {
|
|
268
|
+
var _ref$className = _ref.className,
|
|
269
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
270
|
+
_ref$sign = _ref.sign,
|
|
271
|
+
sign = _ref$sign === void 0 ? null : _ref$sign,
|
|
272
|
+
_ref$focusable = _ref.focusable,
|
|
273
|
+
focusable = _ref$focusable === void 0 ? true : _ref$focusable,
|
|
274
|
+
_ref$onClick = _ref.onClick,
|
|
275
|
+
onClick = _ref$onClick === void 0 ? null : _ref$onClick;
|
|
293
276
|
var _ref2 = sign || {},
|
|
294
277
|
_ref2$id = _ref2.id,
|
|
295
278
|
id = _ref2$id === void 0 ? null : _ref2$id,
|
|
@@ -329,51 +312,29 @@ var SignCard = function SignCard(_ref) {
|
|
|
329
312
|
}, label !== null ? /*#__PURE__*/React.createElement(FormattedMessage, label) : null), /*#__PURE__*/React.createElement("p", {
|
|
330
313
|
className: styles$2.date
|
|
331
314
|
}, date !== null ? /*#__PURE__*/React.createElement(FormattedMessage, date) : null))));
|
|
332
|
-
}
|
|
333
|
-
SignCard.propTypes = propTypes$2;
|
|
334
|
-
SignCard.defaultProps = defaultProps$2;
|
|
315
|
+
}
|
|
335
316
|
|
|
336
|
-
var styles$1 = {"
|
|
317
|
+
var styles$1 = {"container":"container","modalButton":"modalButton","modal":"modal","name":"name","wordContainer":"wordContainer","wordOfTheWeek":"wordOfTheWeek","word":"word","description":"description","illustration":"illustration"};
|
|
337
318
|
|
|
338
|
-
|
|
339
|
-
width
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
width: null,
|
|
358
|
-
height: null,
|
|
359
|
-
sign: null,
|
|
360
|
-
subtitle: null,
|
|
361
|
-
current: true,
|
|
362
|
-
transitionDisabled: false,
|
|
363
|
-
focusable: true,
|
|
364
|
-
onClick: null,
|
|
365
|
-
className: null
|
|
366
|
-
};
|
|
367
|
-
var SignModal = function SignModal(_ref) {
|
|
368
|
-
var width = _ref.width,
|
|
369
|
-
height = _ref.height,
|
|
370
|
-
sign = _ref.sign,
|
|
371
|
-
subtitle = _ref.subtitle,
|
|
372
|
-
current = _ref.current,
|
|
373
|
-
transitionDisabled = _ref.transitionDisabled,
|
|
374
|
-
focusable = _ref.focusable,
|
|
375
|
-
_onClick = _ref.onClick,
|
|
376
|
-
className = _ref.className;
|
|
319
|
+
function SignModal(_ref) {
|
|
320
|
+
var _ref$width = _ref.width,
|
|
321
|
+
width = _ref$width === void 0 ? null : _ref$width,
|
|
322
|
+
_ref$height = _ref.height,
|
|
323
|
+
height = _ref$height === void 0 ? null : _ref$height,
|
|
324
|
+
_ref$sign = _ref.sign,
|
|
325
|
+
sign = _ref$sign === void 0 ? null : _ref$sign,
|
|
326
|
+
_ref$subtitle = _ref.subtitle,
|
|
327
|
+
subtitle = _ref$subtitle === void 0 ? null : _ref$subtitle,
|
|
328
|
+
_ref$current = _ref.current,
|
|
329
|
+
current = _ref$current === void 0 ? true : _ref$current,
|
|
330
|
+
_ref$transitionDisabl = _ref.transitionDisabled,
|
|
331
|
+
transitionDisabled = _ref$transitionDisabl === void 0 ? false : _ref$transitionDisabl,
|
|
332
|
+
_ref$focusable = _ref.focusable,
|
|
333
|
+
focusable = _ref$focusable === void 0 ? true : _ref$focusable,
|
|
334
|
+
_ref$onClick = _ref.onClick,
|
|
335
|
+
_onClick = _ref$onClick === void 0 ? null : _ref$onClick,
|
|
336
|
+
_ref$className = _ref.className,
|
|
337
|
+
className = _ref$className === void 0 ? null : _ref$className;
|
|
377
338
|
// eslint-disable-next-line no-unused-vars
|
|
378
339
|
var _ref2 = sign || {},
|
|
379
340
|
_ref2$label = _ref2.label,
|
|
@@ -433,14 +394,12 @@ var SignModal = function SignModal(_ref) {
|
|
|
433
394
|
src: image,
|
|
434
395
|
alt: label
|
|
435
396
|
}) : null))));
|
|
436
|
-
}
|
|
437
|
-
SignModal.propTypes = propTypes$1;
|
|
438
|
-
SignModal.defaultProps = defaultProps$1;
|
|
439
|
-
|
|
440
|
-
var styles = {"close":"micromag-screen-urbania-horoscope-close","backdrop":"micromag-screen-urbania-horoscope-backdrop","signsGridContainer":"micromag-screen-urbania-horoscope-signsGridContainer","container":"micromag-screen-urbania-horoscope-container","background":"micromag-screen-urbania-horoscope-background","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","layout":"micromag-screen-urbania-horoscope-layout","placeholderGrid":"micromag-screen-urbania-horoscope-placeholderGrid","placeholderItem":"micromag-screen-urbania-horoscope-placeholderItem","headerContainer":"micromag-screen-urbania-horoscope-headerContainer","title":"micromag-screen-urbania-horoscope-title","titleImage":"micromag-screen-urbania-horoscope-titleImage","description":"micromag-screen-urbania-horoscope-description","button":"micromag-screen-urbania-horoscope-button","buttonLabel":"micromag-screen-urbania-horoscope-buttonLabel","header":"micromag-screen-urbania-horoscope-header","buttons":"micromag-screen-urbania-horoscope-buttons","author":"micromag-screen-urbania-horoscope-author","collaborator":"micromag-screen-urbania-horoscope-collaborator","authorBackground":"micromag-screen-urbania-horoscope-authorBackground","modal":"micromag-screen-urbania-horoscope-modal"};
|
|
397
|
+
}
|
|
441
398
|
|
|
442
399
|
var Astrologie = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20906.64%20139.48%22%3E%20%20%20%20%3Cpath%20d%3D%22M35.88%2C4.42h35.5l34.66%2C119.78h-28.43l-5.89-23.72H35.55l-6.22%2C23.72H1.4L35.88%2C4.42Zm31.8%2C75.54l-13.63-52.15h-.34l-14.13%2C52.15h28.09Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M123.37%2C122.51c-6.84-3.36-12.17-8.13-15.98-14.3-3.81-6.17-5.78-13.34-5.89-21.53l26.24-4.21c0%2C7.07%2C1.96%2C12.73%2C5.89%2C16.99%2C3.92%2C4.26%2C8.92%2C6.39%2C14.97%2C6.39%2C4.82%2C0%2C8.72-1.29%2C11.69-3.87%2C2.97-2.58%2C4.46-5.89%2C4.46-9.92%2C0-3.37-1.15-6.2-3.45-8.5-2.3-2.3-6.03-4.34-11.19-6.14l-14.64-4.71c-10.66-3.25-18.37-7.68-23.13-13.29-4.77-5.61-7.15-13.01-7.15-22.21%2C0-10.88%2C3.53-19.63%2C10.6-26.24%2C7.07-6.62%2C16.99-9.93%2C29.78-9.93%2C11.89%2C0%2C21.48%2C3.23%2C28.77%2C9.67%2C7.29%2C6.45%2C11.05%2C15.17%2C11.27%2C26.16l-25.57%2C4.88c.11-5.83-1.24-10.51-4.04-14.05-2.8-3.53-6.45-5.3-10.94-5.3-3.93%2C0-7.12%2C1.21-9.59%2C3.62-2.47%2C2.41-3.7%2C5.47-3.7%2C9.17s1.15%2C6.54%2C3.45%2C8.83c2.3%2C2.3%2C6.08%2C4.23%2C11.36%2C5.8l13.96%2C4.71c10.88%2C3.25%2C18.76%2C7.66%2C23.64%2C13.21s7.32%2C12.93%2C7.32%2C22.12c0%2C7.29-1.74%2C13.79-5.22%2C19.51-3.48%2C5.72-8.52%2C10.18-15.14%2C13.38-6.62%2C3.2-14.58%2C4.79-23.89%2C4.79s-17.05-1.68-23.89-5.05Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M213.03%2C28.64h-28.26V4.42h84.96V28.64h-28.26V124.2h-28.43V28.64Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M335.5%2C122.35c-3.59-3.25-5.95-7.63-7.07-13.12l-5.05-21.37c-.79-2.92-2.19-5.3-4.21-7.15s-4.26-2.78-6.73-2.78h-10.09v46.26h-28.26V4.42h46.1c8.86%2C0%2C16.6%2C1.54%2C23.22%2C4.63%2C6.62%2C3.09%2C11.72%2C7.46%2C15.31%2C13.12%2C3.59%2C5.66%2C5.38%2C12.31%2C5.38%2C19.94%2C0%2C7.18-2.08%2C13.6-6.22%2C19.26-4.15%2C5.67-9.76%2C9.51-16.82%2C11.52v.17c2.8%2C1.24%2C4.96%2C3%2C6.48%2C5.3%2C1.51%2C2.3%2C2.66%2C5.13%2C3.45%2C8.5l3.53%2C15.48c.67%2C3.7%2C2.19%2C5.55%2C4.54%2C5.55%2C2.13%2C0%2C4.15-1.29%2C6.06-3.87l6.73%2C13.63c-2.8%2C2.92-6.2%2C5.24-10.18%2C6.98-3.98%2C1.74-8.05%2C2.61-12.2%2C2.61-5.72%2C0-10.38-1.63-13.96-4.88Zm-16.82-64.26c5.05%2C0%2C9.14-1.46%2C12.28-4.37%2C3.14-2.92%2C4.71-6.78%2C4.71-11.61%2C0-5.16-1.54-9.17-4.63-12.03-3.09-2.86-7.21-4.29-12.37-4.29h-16.32V58.08h16.32Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M396.23%2C119.74c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M489.26%2C4.42h28.26V99.97h37.68v24.23h-65.95V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M580.28%2C119.74c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M693.75%2C119.65c-7.68-5.05-13.6-12.31-17.75-21.79-4.15-9.48-6.22-20.66-6.22-33.56s2.21-24.25%2C6.65-33.73c4.43-9.48%2C10.77-16.77%2C19.01-21.87%2C8.24-5.1%2C17.97-7.65%2C29.19-7.65s21.53%2C3.28%2C29.95%2C9.84c8.41%2C6.56%2C14.19%2C15.56%2C17.33%2C27l-26.58%2C5.72c-1.8-5.72-4.54-10.2-8.24-13.46-3.7-3.25-7.96-4.88-12.79-4.88-8.08%2C0-14.44%2C3.42-19.09%2C10.26-4.66%2C6.84-6.98%2C16.21-6.98%2C28.09s2.63%2C21.84%2C7.91%2C28.85c5.27%2C7.01%2C12.5%2C10.51%2C21.7%2C10.51%2C8.19%2C0%2C14.66-2.49%2C19.43-7.49%2C4.77-4.99%2C7.26-11.92%2C7.49-20.78h-37.18v-18.51h64.26V124.2h-20.86l-1.68-18.67h-.17c-3.93%2C6.73-9.31%2C12.03-16.15%2C15.9-6.84%2C3.87-14.19%2C5.8-22.04%2C5.8-10.43%2C0-19.49-2.52-27.17-7.57Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M789.56%2C4.42h28.26V124.2h-28.26V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M827.74%2C4.42h68.81V27.13h-41.55v25.57h34.82v20.19h-34.82v28.6h43.24v22.71h-70.49V4.42Z%22%20fill%3D%22%23000f66%22%20stroke%3D%22aqua%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M43.24%2C15.29h35.5l34.66%2C119.78h-28.43l-5.89-23.72H42.91l-6.22%2C23.72H8.76L43.24%2C15.29Zm31.8%2C75.54l-13.63-52.15h-.34l-14.13%2C52.15h28.09Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M130.73%2C133.38c-6.84-3.36-12.17-8.13-15.98-14.3-3.81-6.17-5.78-13.34-5.89-21.53l26.24-4.21c0%2C7.07%2C1.96%2C12.73%2C5.89%2C16.99%2C3.92%2C4.26%2C8.92%2C6.39%2C14.97%2C6.39%2C4.82%2C0%2C8.72-1.29%2C11.69-3.87%2C2.97-2.58%2C4.46-5.89%2C4.46-9.92%2C0-3.37-1.15-6.2-3.45-8.5-2.3-2.3-6.03-4.34-11.19-6.14l-14.64-4.71c-10.66-3.25-18.37-7.68-23.13-13.29-4.77-5.61-7.15-13.01-7.15-22.21%2C0-10.88%2C3.53-19.63%2C10.6-26.24%2C7.07-6.62%2C16.99-9.93%2C29.78-9.93%2C11.89%2C0%2C21.48%2C3.23%2C28.77%2C9.67%2C7.29%2C6.45%2C11.05%2C15.17%2C11.27%2C26.16l-25.57%2C4.88c.11-5.83-1.24-10.51-4.04-14.05-2.8-3.53-6.45-5.3-10.94-5.3-3.93%2C0-7.12%2C1.21-9.59%2C3.62-2.47%2C2.41-3.7%2C5.47-3.7%2C9.17s1.15%2C6.54%2C3.45%2C8.83c2.3%2C2.3%2C6.08%2C4.23%2C11.36%2C5.8l13.96%2C4.71c10.88%2C3.25%2C18.76%2C7.66%2C23.64%2C13.21s7.32%2C12.93%2C7.32%2C22.12c0%2C7.29-1.74%2C13.79-5.22%2C19.51-3.48%2C5.72-8.52%2C10.18-15.14%2C13.38-6.62%2C3.2-14.58%2C4.79-23.89%2C4.79s-17.05-1.68-23.89-5.05Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M220.39%2C39.51h-28.26V15.29h84.96v24.23h-28.26v95.56h-28.43V39.51Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M342.86%2C133.22c-3.59-3.25-5.95-7.63-7.07-13.12l-5.05-21.37c-.79-2.92-2.19-5.3-4.21-7.15s-4.26-2.78-6.73-2.78h-10.09v46.26h-28.26V15.29h46.1c8.86%2C0%2C16.6%2C1.54%2C23.22%2C4.63%2C6.62%2C3.09%2C11.72%2C7.46%2C15.31%2C13.12%2C3.59%2C5.66%2C5.38%2C12.31%2C5.38%2C19.94%2C0%2C7.18-2.08%2C13.6-6.22%2C19.26-4.15%2C5.67-9.76%2C9.51-16.82%2C11.52v.17c2.8%2C1.24%2C4.96%2C3%2C6.48%2C5.3%2C1.51%2C2.3%2C2.66%2C5.13%2C3.45%2C8.5l3.53%2C15.48c.67%2C3.7%2C2.19%2C5.55%2C4.54%2C5.55%2C2.13%2C0%2C4.15-1.29%2C6.06-3.87l6.73%2C13.63c-2.8%2C2.92-6.2%2C5.24-10.18%2C6.98-3.98%2C1.74-8.05%2C2.61-12.2%2C2.61-5.72%2C0-10.38-1.63-13.96-4.88Zm-16.82-64.26c5.05%2C0%2C9.14-1.46%2C12.28-4.37%2C3.14-2.92%2C4.71-6.78%2C4.71-11.61%2C0-5.16-1.54-9.17-4.63-12.03-3.09-2.86-7.21-4.29-12.37-4.29h-16.32v32.3h16.32Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M403.59%2C130.61c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M496.62%2C15.29h28.26V110.84h37.68v24.23h-65.95V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M587.64%2C130.61c-8.52-5.21-15.14-12.62-19.85-22.21-4.71-9.59-7.07-20.66-7.07-33.23s2.36-23.64%2C7.07-33.23c4.71-9.59%2C11.33-16.99%2C19.85-22.21%2C8.52-5.21%2C18.45-7.82%2C29.78-7.82s21.28%2C2.61%2C29.86%2C7.82c8.58%2C5.22%2C15.22%2C12.59%2C19.94%2C22.12%2C4.71%2C9.53%2C7.07%2C20.58%2C7.07%2C33.14s-2.36%2C23.8-7.07%2C33.39c-4.71%2C9.59-11.36%2C16.99-19.94%2C22.21s-18.53%2C7.82-29.86%2C7.82-21.26-2.61-29.78-7.82Zm50.47-27c5.16-7.07%2C7.74-16.54%2C7.74-28.43s-2.58-21.37-7.74-28.43c-5.16-7.07-12.06-10.6-20.69-10.6s-15.51%2C3.53-20.61%2C10.6c-5.1%2C7.07-7.65%2C16.54-7.65%2C28.43s2.55%2C21.37%2C7.65%2C28.43c5.1%2C7.07%2C11.97%2C10.6%2C20.61%2C10.6s15.53-3.53%2C20.69-10.6Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M701.11%2C130.53c-7.68-5.05-13.6-12.31-17.75-21.79-4.15-9.48-6.22-20.66-6.22-33.56s2.21-24.25%2C6.65-33.73c4.43-9.48%2C10.77-16.77%2C19.01-21.87%2C8.24-5.1%2C17.97-7.65%2C29.19-7.65s21.53%2C3.28%2C29.95%2C9.84c8.41%2C6.56%2C14.19%2C15.56%2C17.33%2C27l-26.58%2C5.72c-1.8-5.72-4.54-10.2-8.24-13.46-3.7-3.25-7.96-4.88-12.79-4.88-8.08%2C0-14.44%2C3.42-19.09%2C10.26-4.66%2C6.84-6.98%2C16.21-6.98%2C28.09s2.63%2C21.84%2C7.91%2C28.85c5.27%2C7.01%2C12.5%2C10.51%2C21.7%2C10.51%2C8.19%2C0%2C14.66-2.49%2C19.43-7.49%2C4.77-4.99%2C7.26-11.92%2C7.49-20.78h-37.18v-18.51h64.26v67.97h-20.86l-1.68-18.67h-.17c-3.93%2C6.73-9.31%2C12.03-16.15%2C15.9-6.84%2C3.87-14.19%2C5.8-22.04%2C5.8-10.43%2C0-19.49-2.52-27.17-7.57Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M796.92%2C15.29h28.26v119.78h-28.26V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%20%20%20%20%3Cpath%20d%3D%22M835.1%2C15.29h68.81v22.71h-41.55v25.57h34.82v20.19h-34.82v28.6h43.24v22.71h-70.49V15.29Z%22%20fill%3D%22aqua%22%20stroke%3D%22%23000f66%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.1%22%2F%3E%3C%2Fsvg%3E";
|
|
443
400
|
|
|
401
|
+
var styles = {"container":"container","background":"background","content":"content","isPlaceholder":"isPlaceholder","layout":"layout","placeholderGrid":"placeholderGrid","placeholderItem":"placeholderItem","emptyText":"emptyText","headerContainer":"headerContainer","title":"title","titleImage":"titleImage","description":"description","button":"button","buttonLabel":"buttonLabel","header":"header","buttons":"buttons","close":"close","signsGridContainer":"signsGridContainer","author":"author","collaborator":"collaborator","authorBackground":"authorBackground","modal":"modal","backdrop":"backdrop"};
|
|
402
|
+
|
|
444
403
|
var stopDragEventsPropagation = {
|
|
445
404
|
onTouchMove: function onTouchMove(e) {
|
|
446
405
|
return e.stopPropagation();
|
|
@@ -475,61 +434,35 @@ var mouseBlocker = _objectSpread(_objectSpread({}, stopDragEventsPropagation), {
|
|
|
475
434
|
cursor: 'default'
|
|
476
435
|
}
|
|
477
436
|
});
|
|
478
|
-
|
|
479
|
-
defaultSigns
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
author: null,
|
|
508
|
-
button: null,
|
|
509
|
-
signSubtitle: null,
|
|
510
|
-
spacing: 20,
|
|
511
|
-
background: null,
|
|
512
|
-
popupBackground: null,
|
|
513
|
-
current: true,
|
|
514
|
-
preload: true,
|
|
515
|
-
type: 'horoscope',
|
|
516
|
-
className: null
|
|
517
|
-
};
|
|
518
|
-
var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
|
|
519
|
-
var defaultSigns = _ref.defaultSigns,
|
|
520
|
-
signsValue = _ref.signs,
|
|
521
|
-
title = _ref.title,
|
|
522
|
-
description = _ref.description,
|
|
523
|
-
author = _ref.author,
|
|
524
|
-
button = _ref.button,
|
|
525
|
-
signSubtitle = _ref.signSubtitle,
|
|
526
|
-
spacing = _ref.spacing,
|
|
527
|
-
background = _ref.background,
|
|
528
|
-
popupBackground = _ref.popupBackground,
|
|
529
|
-
current = _ref.current,
|
|
530
|
-
preload = _ref.preload,
|
|
531
|
-
type = _ref.type,
|
|
532
|
-
className = _ref.className;
|
|
437
|
+
function UrbaniaHoroscope(_ref) {
|
|
438
|
+
var _ref$defaultSigns = _ref.defaultSigns,
|
|
439
|
+
defaultSigns = _ref$defaultSigns === void 0 ? signs : _ref$defaultSigns,
|
|
440
|
+
_ref$signs = _ref.signs,
|
|
441
|
+
signsValue = _ref$signs === void 0 ? null : _ref$signs,
|
|
442
|
+
_ref$title = _ref.title,
|
|
443
|
+
title = _ref$title === void 0 ? null : _ref$title,
|
|
444
|
+
_ref$description = _ref.description,
|
|
445
|
+
description = _ref$description === void 0 ? null : _ref$description,
|
|
446
|
+
_ref$author = _ref.author,
|
|
447
|
+
author = _ref$author === void 0 ? null : _ref$author,
|
|
448
|
+
_ref$button = _ref.button,
|
|
449
|
+
button = _ref$button === void 0 ? null : _ref$button,
|
|
450
|
+
_ref$signSubtitle = _ref.signSubtitle,
|
|
451
|
+
signSubtitle = _ref$signSubtitle === void 0 ? null : _ref$signSubtitle,
|
|
452
|
+
_ref$spacing = _ref.spacing,
|
|
453
|
+
spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
|
|
454
|
+
_ref$background = _ref.background,
|
|
455
|
+
background = _ref$background === void 0 ? null : _ref$background,
|
|
456
|
+
_ref$popupBackground = _ref.popupBackground,
|
|
457
|
+
popupBackground = _ref$popupBackground === void 0 ? null : _ref$popupBackground,
|
|
458
|
+
_ref$current = _ref.current,
|
|
459
|
+
current = _ref$current === void 0 ? true : _ref$current,
|
|
460
|
+
_ref$preload = _ref.preload,
|
|
461
|
+
preload = _ref$preload === void 0 ? true : _ref$preload,
|
|
462
|
+
_ref$type = _ref.type,
|
|
463
|
+
type = _ref$type === void 0 ? 'horoscope' : _ref$type,
|
|
464
|
+
_ref$className = _ref.className,
|
|
465
|
+
className = _ref$className === void 0 ? null : _ref$className;
|
|
533
466
|
var intl = useIntl();
|
|
534
467
|
var trackScreenEvent = useTrackScreenEvent(type);
|
|
535
468
|
var _useViewerInteraction = useViewerInteraction(),
|
|
@@ -542,7 +475,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
|
|
|
542
475
|
_usePlaybackMediaRef$ = _usePlaybackMediaRef.isCurrent,
|
|
543
476
|
isCurrentMedia = _usePlaybackMediaRef$ === void 0 ? false : _usePlaybackMediaRef$;
|
|
544
477
|
var hasAuthor = author !== null && isTextFilled(author.name);
|
|
545
|
-
var signs = useMemo(function () {
|
|
478
|
+
var signs$1 = useMemo(function () {
|
|
546
479
|
return defaultSigns.map(function (defaultSign, index) {
|
|
547
480
|
return _objectSpread(_objectSpread({}, signsValue !== null ? signsValue.find(function (_ref2) {
|
|
548
481
|
var signValueId = _ref2.id;
|
|
@@ -602,13 +535,13 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
|
|
|
602
535
|
}, [showModal, setShowSignsGrid, setShowModal, enableInteraction, trackScreenEvent]);
|
|
603
536
|
var onSelectSign = useCallback(function (e, id) {
|
|
604
537
|
e.stopPropagation();
|
|
605
|
-
var foundSignIndex = signs.findIndex(function (s) {
|
|
538
|
+
var foundSignIndex = signs$1.findIndex(function (s) {
|
|
606
539
|
return s.id === id;
|
|
607
540
|
});
|
|
608
541
|
setSelectedSign(foundSignIndex);
|
|
609
542
|
setShowModal(true);
|
|
610
|
-
trackScreenEvent('select_sign', signs[foundSignIndex]);
|
|
611
|
-
}, [signs, setSelectedSign, trackScreenEvent]);
|
|
543
|
+
trackScreenEvent('select_sign', signs$1[foundSignIndex]);
|
|
544
|
+
}, [signs$1, setSelectedSign, trackScreenEvent]);
|
|
612
545
|
var onCloseModal = useCallback(function () {
|
|
613
546
|
setShowModal(false);
|
|
614
547
|
trackScreenEvent('close_sign');
|
|
@@ -883,7 +816,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
|
|
|
883
816
|
columns: 3,
|
|
884
817
|
spacing: 5,
|
|
885
818
|
withoutCloseButton: true,
|
|
886
|
-
items: signs.map(function (sign) {
|
|
819
|
+
items: signs$1.map(function (sign) {
|
|
887
820
|
var _ref8 = sign || {},
|
|
888
821
|
_ref8$id = _ref8.id,
|
|
889
822
|
id = _ref8$id === void 0 ? null : _ref8$id;
|
|
@@ -924,7 +857,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
|
|
|
924
857
|
}, bindModalDrag()), /*#__PURE__*/React.createElement(SignModal, {
|
|
925
858
|
width: width,
|
|
926
859
|
height: height,
|
|
927
|
-
sign: signs[selectedSign],
|
|
860
|
+
sign: signs$1[selectedSign],
|
|
928
861
|
subtitle: signSubtitle,
|
|
929
862
|
focusable: !isPreview && !isPlaceholder && showModal,
|
|
930
863
|
onClick: onCloseModal
|
|
@@ -951,9 +884,7 @@ var UrbaniaHoroscope = function UrbaniaHoroscope(_ref) {
|
|
|
951
884
|
mediaRef: mediaRef,
|
|
952
885
|
className: styles.background
|
|
953
886
|
}) : null);
|
|
954
|
-
}
|
|
955
|
-
UrbaniaHoroscope.propTypes = propTypes;
|
|
956
|
-
UrbaniaHoroscope.defaultProps = defaultProps;
|
|
887
|
+
}
|
|
957
888
|
|
|
958
889
|
var definition = [{
|
|
959
890
|
id: 'urbania-horoscope',
|
package/es/styles.css
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative;width:100%;-ms-flex-align:center;align-items:center;background-color:#1d3af2;border:0;border-radius:10px;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7));padding:5px;-webkit-touch-callout:none;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container:focus-visible,.container:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);z-index:2}.container:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.placeholder{background-color:var(--mm-gray-400);height:30px;margin:1px;width:30px}.thumbnail{max-height:50px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.name{background-color:#fffc00;border-radius:24px;-webkit-box-shadow:0 0 0 2px rgba(255,250,0,.6);box-shadow:0 0 0 2px rgba(255,250,0,.6);color:#222;font-family:Agrandir Tight,sans-serif;font-size:12px;font-weight:700;margin-bottom:.4rem!important;padding:2px 5px 0!important;width:100%}.date{color:#fffa00;font-family:Agrandir,sans-serif;font-size:8px}.arrow{display:inline-block;font-size:20px;padding-bottom:2px;padding-right:5px;vertical-align:middle}.emptyText{margin-top:5px;padding:10px;width:100%}
|
|
2
|
+
.container{height:100%;overflow:hidden;position:relative;width:100%}.modalButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;height:100%;left:0;padding:0;position:absolute;top:0;-webkit-transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:-webkit-transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback);transition:transform .3s var(--mm-ease-in-kickback),-webkit-transform .3s var(--mm-ease-in-kickback);width:100%}.modalButton:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.modal{background-color:#0ff;border-radius:22px;-webkit-box-shadow:0 0 4px #010f66;box-shadow:0 0 4px #010f66;color:#1d3af2;margin:52px 18px 30px;padding:10px}.name{font-family:Agrandir Tight,sans-serif;font-weight:900;padding:7px auto 5px}.name,.wordContainer{text-transform:uppercase}.wordContainer{border:1px solid #1d3af2;border-radius:9px;margin-bottom:5px;padding:6px 6px 3px}.wordOfTheWeek{font-family:Agrandir Tight,sans-serif;font-size:8px;font-weight:500;letter-spacing:.03rem;padding-bottom:2px}.word{font-family:Agrandir Narrow,sans-serif;font-size:16px;font-weight:700}.description{font-family:Roboto,sans-serif;font-size:12px;line-height:1.2;padding-bottom:5px}.description p{margin-bottom:1em}.description p:last-child{margin-bottom:0}.illustration{height:auto;margin:0 auto;pointer-events:none;width:75%}.arrow{font-size:20px;padding-right:5px;vertical-align:middle}
|
|
3
|
+
.container{height:100%;overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container.isPlaceholder .layout{padding:10px}.layout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;text-align:center}.placeholderGrid{display:grid;grid-gap:5px;gap:5px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.placeholderItem{background-color:var(--mm-gray-600);height:1.5em;width:1.5em}.emptyText,.emptyTitle{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;width:100%}.emptyTitle{height:100px}.emptyText{height:50px}.headerContainer{width:280px}.title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;-webkit-text-stroke:1px #000f66;text-transform:uppercase}.title,.titleImage{-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px rgba(0,0,0,.7))}.titleImage{height:auto;width:100%}.titlePlaceholder{background-color:var(--mm-gray-800);padding:10px}.description{color:#0ff;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7));font-family:Agrandir Tight,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px;padding:10px}.description p,.description span{font-weight:700!important}.descriptionPlaceholder{padding:10px 10px 30px}.button{background-color:#fffc00;border-radius:24px;-webkit-box-shadow:0 0 0 6px rgba(255,250,0,.6);box-shadow:0 0 0 6px rgba(255,250,0,.6);padding:8px 15px 4px;-webkit-transition:-webkit-box-shadow .2s var(--mm-ease-in-kickback);transition:-webkit-box-shadow .2s var(--mm-ease-in-kickback);transition:box-shadow .2s var(--mm-ease-in-kickback);transition:box-shadow .2s var(--mm-ease-in-kickback),-webkit-box-shadow .2s var(--mm-ease-in-kickback)}.button:focus-visible,.button:hover{-webkit-box-shadow:0 0 0 12px rgba(255,250,0,.6)!important;box-shadow:0 0 0 12px rgba(255,250,0,.6)!important}.button:active{-webkit-box-shadow:0 0 0 3px rgba(255,250,0,.3);box-shadow:0 0 0 3px rgba(255,250,0,.3)}.buttonLabel{color:#000;font-family:Agrandir Tight,sans-serif;font-size:22px;font-weight:700;letter-spacing:.03rem}.header{display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;width:100%;z-index:5;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,0));padding:10px}.buttons{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.buttons,.close{position:relative;-ms-flex-align:center;align-items:center}.close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;display:-ms-flexbox;display:flex;font-family:inherit;font-weight:700;margin-left:auto;padding:0}.close:focus-visible{-webkit-box-shadow:0 0 2px 0 #fff;box-shadow:0 0 2px 0 #fff;outline:3px solid var(--mm-purple);outline-offset:4px}.signsGridContainer{height:100%;left:0;padding:2.5rem 1rem;position:absolute;top:0;-ms-touch-action:none;touch-action:none;width:100%;z-index:3}.signsGridContainer.isPlaceholder{padding:0}.signs{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.author{-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 3px rgba(0,0,0,.7));margin:5px auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.author,.collaborator{color:#0ff}.authorBackground{background-color:#161719!important}.authorBackground p{font-weight:400!important;text-transform:none!important}.modal{position:fixed;right:0;-ms-touch-action:none;touch-action:none;z-index:4}.backdrop,.modal{height:100%;left:0;top:0;width:100%}.backdrop{background-color:rgba(0,0,0,.75);position:absolute;z-index:1}.backdrop,.backdropVideo{pointer-events:none}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-horoscope",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
"style": "assets/css/styles.css",
|
|
36
36
|
"exports": {
|
|
37
37
|
".": {
|
|
38
|
+
"types": "./es/index.d.ts",
|
|
38
39
|
"import": "./es/index.js"
|
|
39
40
|
},
|
|
40
41
|
"./assets/css/styles": "./assets/css/styles.css",
|
|
@@ -49,46 +50,45 @@
|
|
|
49
50
|
"scripts": {
|
|
50
51
|
"clean": "rm -rf es && rm -rf lib && rm -rf assets",
|
|
51
52
|
"prepublishOnly": "npm run build",
|
|
52
|
-
"build": "../../scripts/prepare-package.sh",
|
|
53
|
+
"build": "../../scripts/prepare-package.sh --types",
|
|
53
54
|
"rollup": "../../node_modules/.bin/rollup --config ../../rollup.config.js"
|
|
54
55
|
},
|
|
55
56
|
"devDependencies": {
|
|
56
|
-
"react": "^
|
|
57
|
-
"react-dom": "^
|
|
57
|
+
"react": "^19.2.0",
|
|
58
|
+
"react-dom": "^18.3.0 || ^19.0.0"
|
|
58
59
|
},
|
|
59
60
|
"peerDependencies": {
|
|
60
|
-
"react": "^
|
|
61
|
-
"react-dom": "^
|
|
61
|
+
"react": "^19.2.0",
|
|
62
|
+
"react-dom": "^18.3.0 || ^19.0.0"
|
|
62
63
|
},
|
|
63
64
|
"dependencies": {
|
|
64
65
|
"@babel/runtime": "^7.13.10",
|
|
65
|
-
"@micromag/core": "^0.
|
|
66
|
-
"@micromag/element-background": "^0.
|
|
67
|
-
"@micromag/element-button": "^0.
|
|
68
|
-
"@micromag/element-call-to-action": "^0.
|
|
69
|
-
"@micromag/element-container": "^0.
|
|
70
|
-
"@micromag/element-grid": "^0.
|
|
71
|
-
"@micromag/element-heading": "^0.
|
|
72
|
-
"@micromag/element-keypad": "^0.
|
|
73
|
-
"@micromag/element-layout": "^0.
|
|
74
|
-
"@micromag/element-scroll": "^0.
|
|
75
|
-
"@micromag/element-text": "^0.
|
|
76
|
-
"@micromag/element-urbania-author": "^0.
|
|
77
|
-
"@micromag/transforms": "^0.
|
|
78
|
-
"@react-spring/core": "^
|
|
79
|
-
"@react-spring/web": "^
|
|
66
|
+
"@micromag/core": "^0.4.4",
|
|
67
|
+
"@micromag/element-background": "^0.4.4",
|
|
68
|
+
"@micromag/element-button": "^0.4.4",
|
|
69
|
+
"@micromag/element-call-to-action": "^0.4.4",
|
|
70
|
+
"@micromag/element-container": "^0.4.4",
|
|
71
|
+
"@micromag/element-grid": "^0.4.4",
|
|
72
|
+
"@micromag/element-heading": "^0.4.4",
|
|
73
|
+
"@micromag/element-keypad": "^0.4.4",
|
|
74
|
+
"@micromag/element-layout": "^0.4.4",
|
|
75
|
+
"@micromag/element-scroll": "^0.4.4",
|
|
76
|
+
"@micromag/element-text": "^0.4.4",
|
|
77
|
+
"@micromag/element-urbania-author": "^0.4.4",
|
|
78
|
+
"@micromag/transforms": "^0.4.4",
|
|
79
|
+
"@react-spring/core": "^10.0.3",
|
|
80
|
+
"@react-spring/web": "^10.0.3",
|
|
80
81
|
"@use-gesture/react": "^10.3.0",
|
|
81
82
|
"classnames": "^2.2.6",
|
|
82
|
-
"lodash": "^4.17.
|
|
83
|
-
"prop-types": "^15.7.2",
|
|
83
|
+
"lodash": "^4.17.23",
|
|
84
84
|
"react-focus-lock": "^2.11.2",
|
|
85
|
-
"react-intl": "^
|
|
86
|
-
"react-transition-group": "^4.4.2",
|
|
85
|
+
"react-intl": "^8.1.3",
|
|
87
86
|
"uuid": "^9.0.0"
|
|
88
87
|
},
|
|
89
88
|
"publishConfig": {
|
|
90
89
|
"access": "public",
|
|
91
90
|
"registry": "https://registry.npmjs.org/"
|
|
92
91
|
},
|
|
93
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
|
|
93
|
+
"types": "es/index.d.ts"
|
|
94
94
|
}
|