@nova-design-system/nova-react 3.22.0 → 3.24.0
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/dist/cjs/_commonjsHelpers-B85MJLTf-CFO10eej.js +7 -0
- package/dist/cjs/{collapse.animation-6e0b08df-AHWzNGm_.js → collapse.animation-DZDm0vSK-C2TOIhIK.js} +3 -3
- package/dist/cjs/events.utils-B6GgGra--01N__3wY.js +23 -0
- package/dist/cjs/{fade.animation-9b939939-DV--bM4S.js → fade.animation-DcRL9lcm-DAZeHoKN.js} +75 -75
- package/dist/cjs/generated/components.server.js +292 -50
- package/dist/cjs/{grow.animation-24ad5cf8-LUp_ITEx.js → grow.animation-D7ep_aVl-BuXEDSK-.js} +5 -26
- package/dist/cjs/i18n.utils-IlwlcG9l-ku0bScip.js +2494 -0
- package/dist/cjs/{index-WPRkQD3O.js → index-kU2nW5aN.js} +12692 -7009
- package/dist/cjs/{nv-dialog.entry-CDSK9pUH.js → index.esm-D3eWMME9-CG1TVKfu.js} +1 -296
- package/dist/cjs/index.js +15 -1
- package/dist/cjs/inputmask-CSo292ul-DlvupPk6.js +3758 -0
- package/dist/cjs/{nv-accordion-item.entry-BuTvA6w9.js → nv-accordion-item.entry-Bu1tAcCq.js} +11 -10
- package/dist/cjs/{nv-accordion.entry-Dtsfw6He.js → nv-accordion.entry-jWjLdX8w.js} +9 -11
- package/dist/cjs/{nv-alert.entry-TIdfdU7Y.js → nv-alert.entry-E9ZJay_K.js} +22 -23
- package/dist/cjs/{nv-avatar.entry-CaxrhPuw.js → nv-avatar.entry-CUX7u0kR.js} +11 -11
- package/dist/cjs/{nv-badge_2.entry-CfYvTZxX.js → nv-badge_2.entry-bxpV5gxE.js} +24 -24
- package/dist/cjs/{nv-breadcrumb.entry-BCZ4MmfD.js → nv-breadcrumb.entry-Cbbb9Qeh.js} +5 -5
- package/dist/cjs/{nv-breadcrumbs.entry-DwzCE7F6.js → nv-breadcrumbs.entry-BTqnp9zO.js} +3 -3
- package/dist/cjs/{nv-button.entry-Cr_86bcZ.js → nv-button.entry-upWH19y6.js} +12 -14
- package/dist/cjs/{nv-buttongroup.entry-CWjRoHY1.js → nv-buttongroup.entry-CuZCRsnV.js} +3 -3
- package/dist/cjs/{nv-calendar.entry-CXfwNt6G.js → nv-calendar.entry-CT3mASW6.js} +113 -97
- package/dist/cjs/{nv-col.entry-CJLDS3LY.js → nv-col.entry--pCxkaTh.js} +5 -5
- package/dist/cjs/{nv-datagrid.entry-Cns8XSud.js → nv-datagrid.entry-CGCEhO8C.js} +80 -85
- package/dist/cjs/{nv-datagridcolumn.entry-CFFAipHF.js → nv-datagridcolumn.entry-Fsqc7CT_.js} +2 -1
- package/dist/cjs/nv-dialog.entry-B6OYcZxQ.js +300 -0
- package/dist/cjs/{nv-dialogfooter_2.entry-To_dGUn4.js → nv-dialogfooter_2.entry-C4fP_n2-.js} +10 -11
- package/dist/cjs/nv-drawer.entry-C5O4KvHU.js +445 -0
- package/dist/cjs/nv-drawerfooter_2.entry-C-reYJXG.js +146 -0
- package/dist/cjs/nv-fieldcheckbox.entry-bk7UNQny.js +177 -0
- package/dist/cjs/{nv-fielddate.entry-C3pXtMHL.js → nv-fielddate.entry-dqZDBVmm.js} +89 -46
- package/dist/cjs/{nv-fielddaterange.entry-CjVVPEK_.js → nv-fielddaterange.entry-wNRasXky.js} +151 -103
- package/dist/cjs/nv-fielddropdown.entry-BA15piWa.js +678 -0
- package/dist/cjs/{nv-fielddropdownitem.entry-Dah-PaE8.js → nv-fielddropdownitem.entry-DEWaf9dC.js} +7 -7
- package/dist/cjs/{nv-fieldmultiselect.entry-BMLjhqoJ.js → nv-fieldmultiselect.entry-BWY5xOAd.js} +343 -236
- package/dist/cjs/nv-fieldnumber.entry-DoYORd0d.js +187 -0
- package/dist/cjs/nv-fieldpassword.entry-CPaLj9aD.js +165 -0
- package/dist/cjs/{nv-fieldradio.entry-X_2VT1Dj.js → nv-fieldradio.entry-CvUmEaCa.js} +11 -11
- package/dist/cjs/{nv-fieldselect.entry-pSp-2rNn.js → nv-fieldselect.entry-uUIZ6hmN.js} +52 -13
- package/dist/cjs/{nv-fieldslider.entry-pZf7zzLU.js → nv-fieldslider.entry-DnvmxxYY.js} +16 -31
- package/dist/cjs/nv-fieldtext.entry-BYAJp3n_.js +163 -0
- package/dist/cjs/{nv-fieldtextarea.entry-t3Ixxi23.js → nv-fieldtextarea.entry-DU2bWYeg.js} +52 -14
- package/dist/cjs/{nv-fieldtime.entry-DY7D5_6K.js → nv-fieldtime.entry-DlMNDTht.js} +128 -84
- package/dist/cjs/{nv-icon.entry-6oYPSf4c.js → nv-icon.entry-CnUkRzaA.js} +12 -12
- package/dist/cjs/{nv-iconbutton_2.entry-ChULGovr.js → nv-iconbutton_2.entry-hqp4AcRq.js} +10 -12
- package/dist/cjs/{nv-menu.entry-sd0tatWq.js → nv-menu.entry-Dc_FvIx7.js} +18 -32
- package/dist/cjs/{nv-menuitem.entry-CCOqR7UF.js → nv-menuitem.entry-DzMhx6c_.js} +6 -5
- package/dist/cjs/nv-notification-bullet.entry-BwhHCMQF.js +76 -0
- package/dist/cjs/{nv-notification.entry-Cc3zE3yY.js → nv-notification.entry-C3m5p5BL.js} +42 -128
- package/dist/cjs/{nv-notificationcontainer.entry-DV4D6oOH.js → nv-notificationcontainer.entry-DTRNn7VE.js} +4 -4
- package/dist/cjs/{nv-popover.entry-DQSwI2jT.js → nv-popover.entry-B0c-2rO4.js} +51 -47
- package/dist/cjs/{nv-row.entry-UUuMSAY5.js → nv-row.entry-CdcjVGZv.js} +4 -4
- package/dist/cjs/nv-sidebar.entry-CiN813gQ.js +177 -0
- package/dist/cjs/nv-sidebarcontent.entry-D9hpAhK8.js +22 -0
- package/dist/cjs/nv-sidebardivider.entry-B4EMyca5.js +22 -0
- package/dist/cjs/nv-sidebarfooter.entry-CHi4qOFe.js +22 -0
- package/dist/cjs/nv-sidebargroup.entry-RVqrsyIU.js +23 -0
- package/dist/cjs/nv-sidebarheader.entry-_7ch0O3G.js +22 -0
- package/dist/cjs/nv-sidebarlogo.entry-Ch9F-JnT.js +32 -0
- package/dist/cjs/nv-sidebarnavitem.entry-DVrafSMr.js +296 -0
- package/dist/cjs/nv-sidebarnavsubitem.entry-C0XDAzma.js +35 -0
- package/dist/cjs/{nv-split.entry-CYP2bTTM.js → nv-split.entry-0HTslRAX.js} +47 -45
- package/dist/cjs/{nv-stack.entry-D35-75Vw.js → nv-stack.entry-CqO7uTQf.js} +5 -5
- package/dist/cjs/{nv-table.entry-DevWJBnL.js → nv-table.entry-DH85n8Mc.js} +9 -11
- package/dist/cjs/{nv-tableheader.entry-Hs7nUSOC.js → nv-tableheader.entry-CKfocdxD.js} +7 -7
- package/dist/cjs/{nv-toggle.entry-Eje9d--6.js → nv-toggle.entry-BHUl76Im.js} +9 -9
- package/dist/cjs/nv-togglebutton.entry-D_9COjY-.js +67 -0
- package/dist/cjs/{nv-togglebuttongroup.entry-CWN_Ucry.js → nv-togglebuttongroup.entry-C0NLbsq7.js} +10 -8
- package/dist/cjs/{nv-tooltip.entry-BGkKDEFg.js → nv-tooltip.entry-BfViGE_U.js} +5 -5
- package/dist/cjs/slide.animation-CmH5d1of-BZuw607U.js +90 -0
- package/dist/cjs/{style-value-types.es-f5d10b79-D0QCM8OB.js → style-value-types.es-xlgmw4x8-B1vLqX9m.js} +6 -3
- package/dist/cjs/{v4-a79185f4-2n0dOd_Y.js → v4-BdYh22OP-C1vaJ4yP.js} +1 -1
- package/dist/components/NvDatatable/NvDatatable.js +40 -24
- package/dist/generated/components.js +107 -0
- package/dist/generated/components.server.js +260 -50
- package/dist/providers/NotificationProvider.js +3 -4
- package/dist/types/components/NvDatatable/NvDatatable.d.ts +1 -1
- package/dist/types/components/NvDatatable/types.d.ts +8 -3
- package/dist/types/generated/components.d.ts +46 -0
- package/dist/types/generated/components.server.d.ts +46 -0
- package/package.json +2 -2
- package/dist/cjs/_commonjsHelpers-1789f0cf-BJu3ubxk.js +0 -10
- package/dist/cjs/inputmask-edcad3c1-B9Omti4z.js +0 -3749
- package/dist/cjs/nv-fieldcheckbox.entry-fdonR07Z.js +0 -138
- package/dist/cjs/nv-fielddropdown.entry-C9mXuNNj.js +0 -392
- package/dist/cjs/nv-fieldnumber.entry-DBdJviXu.js +0 -148
- package/dist/cjs/nv-fieldpassword.entry-Cim_usSM.js +0 -122
- package/dist/cjs/nv-fieldtext.entry-DlI_ExaV.js +0 -124
- package/dist/cjs/nv-togglebutton.entry-LGI7pIeK.js +0 -56
- /package/dist/cjs/{clsx-297c1ffe-BtxeOLZW.js → clsx-ChV9xqsO-BtxeOLZW.js} +0 -0
- /package/dist/cjs/{constants-69bafca2-DpB_ghPF.js → constants-BReL3Lsa-DpB_ghPF.js} +0 -0
- /package/dist/cjs/{timeline.animation-79215cd4-KteJaZPb.js → timeline.animation-CgHCo_Ho-KteJaZPb.js} +0 -0
package/dist/cjs/{collapse.animation-6e0b08df-AHWzNGm_.js → collapse.animation-DZDm0vSK-C2TOIhIK.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var styleValueTypes_esXlgmw4x8 = require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
|
|
4
4
|
|
|
5
5
|
const a = (a1, a2) => 1.0 - 3.0 * a2 + 3.0 * a1;
|
|
6
6
|
const b = (a1, a2) => 3.0 * a2 - 6.0 * a1;
|
|
@@ -133,7 +133,7 @@ const useCollapse = (node, { duration = 200, overflow = 'hidden' } = {}) => {
|
|
|
133
133
|
willChange: 'height, margin',
|
|
134
134
|
});
|
|
135
135
|
const denom = total > 0 ? total : 0.0001; // avoid divide-by-zero
|
|
136
|
-
currentAnimation =
|
|
136
|
+
currentAnimation = styleValueTypes_esXlgmw4x8.animate({
|
|
137
137
|
from: total,
|
|
138
138
|
to: 0,
|
|
139
139
|
duration,
|
|
@@ -184,7 +184,7 @@ const useCollapse = (node, { duration = 200, overflow = 'hidden' } = {}) => {
|
|
|
184
184
|
willChange: 'height, margin',
|
|
185
185
|
});
|
|
186
186
|
const denom = total > 0 ? total : 0.0001;
|
|
187
|
-
currentAnimation =
|
|
187
|
+
currentAnimation = styleValueTypes_esXlgmw4x8.animate({
|
|
188
188
|
from: 0,
|
|
189
189
|
to: total,
|
|
190
190
|
duration,
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Adds a set of event listeners to the given target.
|
|
5
|
+
* @param {EventsAndListeners} events - The events and listeners to add.
|
|
6
|
+
* @param {Element | Window | Document} target - The target element or window to add the event listeners to.
|
|
7
|
+
* @param {T} context - The class context to bind the event listeners to.
|
|
8
|
+
*/
|
|
9
|
+
function addEventListeners(events, target, context) {
|
|
10
|
+
events.forEach(([event, listener]) => target.addEventListener(event, listener.bind(context)));
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Removes a set of event listeners from the given target.
|
|
14
|
+
* @param {EventsAndListeners} events - The events and listeners to remove.
|
|
15
|
+
* @param {Element | Window | Document} target - The target element or window to remove the event listeners from.
|
|
16
|
+
* @param {T} context - The class context to bind the event listeners to.
|
|
17
|
+
*/
|
|
18
|
+
function removeEventListeners(events, target, context) {
|
|
19
|
+
events.forEach(([event, listener]) => target.removeEventListener(event, listener.bind(context)));
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
exports.addEventListeners = addEventListeners;
|
|
23
|
+
exports.removeEventListeners = removeEventListeners;
|
package/dist/cjs/{fade.animation-9b939939-DV--bM4S.js → fade.animation-DcRL9lcm-DAZeHoKN.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var styleValueTypes_esXlgmw4x8 = require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
|
|
4
4
|
|
|
5
5
|
var prevTime = 0;
|
|
6
6
|
var onNextFrame = typeof window !== 'undefined' && window.requestAnimationFrame !== undefined ? function (callback) {
|
|
@@ -134,7 +134,7 @@ var createStyler = function (_a) {
|
|
|
134
134
|
if (_a === void 0) {
|
|
135
135
|
_a = {};
|
|
136
136
|
}
|
|
137
|
-
var props =
|
|
137
|
+
var props = styleValueTypes_esXlgmw4x8.__rest(_a, []);
|
|
138
138
|
var state = {};
|
|
139
139
|
var changedValues = [];
|
|
140
140
|
var hasChanged = false;
|
|
@@ -254,74 +254,74 @@ function isTransformOriginProp(key) {
|
|
|
254
254
|
return transformOriginProps.has(key);
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
var int = /*#__PURE__*/
|
|
257
|
+
var int = /*#__PURE__*/styleValueTypes_esXlgmw4x8.__assign( /*#__PURE__*/styleValueTypes_esXlgmw4x8.__assign({}, styleValueTypes_esXlgmw4x8.number), { transform: Math.round });
|
|
258
258
|
var valueTypes = {
|
|
259
|
-
color:
|
|
260
|
-
backgroundColor:
|
|
261
|
-
outlineColor:
|
|
262
|
-
fill:
|
|
263
|
-
stroke:
|
|
264
|
-
borderColor:
|
|
265
|
-
borderTopColor:
|
|
266
|
-
borderRightColor:
|
|
267
|
-
borderBottomColor:
|
|
268
|
-
borderLeftColor:
|
|
269
|
-
borderWidth:
|
|
270
|
-
borderTopWidth:
|
|
271
|
-
borderRightWidth:
|
|
272
|
-
borderBottomWidth:
|
|
273
|
-
borderLeftWidth:
|
|
274
|
-
borderRadius:
|
|
275
|
-
radius:
|
|
276
|
-
borderTopLeftRadius:
|
|
277
|
-
borderTopRightRadius:
|
|
278
|
-
borderBottomRightRadius:
|
|
279
|
-
borderBottomLeftRadius:
|
|
280
|
-
width:
|
|
281
|
-
maxWidth:
|
|
282
|
-
height:
|
|
283
|
-
maxHeight:
|
|
284
|
-
size:
|
|
285
|
-
top:
|
|
286
|
-
right:
|
|
287
|
-
bottom:
|
|
288
|
-
left:
|
|
289
|
-
padding:
|
|
290
|
-
paddingTop:
|
|
291
|
-
paddingRight:
|
|
292
|
-
paddingBottom:
|
|
293
|
-
paddingLeft:
|
|
294
|
-
margin:
|
|
295
|
-
marginTop:
|
|
296
|
-
marginRight:
|
|
297
|
-
marginBottom:
|
|
298
|
-
marginLeft:
|
|
299
|
-
rotate:
|
|
300
|
-
rotateX:
|
|
301
|
-
rotateY:
|
|
302
|
-
rotateZ:
|
|
303
|
-
scale:
|
|
304
|
-
scaleX:
|
|
305
|
-
scaleY:
|
|
306
|
-
scaleZ:
|
|
307
|
-
skew:
|
|
308
|
-
skewX:
|
|
309
|
-
skewY:
|
|
310
|
-
distance:
|
|
311
|
-
translateX:
|
|
312
|
-
translateY:
|
|
313
|
-
translateZ:
|
|
314
|
-
x:
|
|
315
|
-
y:
|
|
316
|
-
z:
|
|
317
|
-
perspective:
|
|
318
|
-
opacity:
|
|
319
|
-
originX:
|
|
320
|
-
originY:
|
|
321
|
-
originZ:
|
|
259
|
+
color: styleValueTypes_esXlgmw4x8.color,
|
|
260
|
+
backgroundColor: styleValueTypes_esXlgmw4x8.color,
|
|
261
|
+
outlineColor: styleValueTypes_esXlgmw4x8.color,
|
|
262
|
+
fill: styleValueTypes_esXlgmw4x8.color,
|
|
263
|
+
stroke: styleValueTypes_esXlgmw4x8.color,
|
|
264
|
+
borderColor: styleValueTypes_esXlgmw4x8.color,
|
|
265
|
+
borderTopColor: styleValueTypes_esXlgmw4x8.color,
|
|
266
|
+
borderRightColor: styleValueTypes_esXlgmw4x8.color,
|
|
267
|
+
borderBottomColor: styleValueTypes_esXlgmw4x8.color,
|
|
268
|
+
borderLeftColor: styleValueTypes_esXlgmw4x8.color,
|
|
269
|
+
borderWidth: styleValueTypes_esXlgmw4x8.px,
|
|
270
|
+
borderTopWidth: styleValueTypes_esXlgmw4x8.px,
|
|
271
|
+
borderRightWidth: styleValueTypes_esXlgmw4x8.px,
|
|
272
|
+
borderBottomWidth: styleValueTypes_esXlgmw4x8.px,
|
|
273
|
+
borderLeftWidth: styleValueTypes_esXlgmw4x8.px,
|
|
274
|
+
borderRadius: styleValueTypes_esXlgmw4x8.px,
|
|
275
|
+
radius: styleValueTypes_esXlgmw4x8.px,
|
|
276
|
+
borderTopLeftRadius: styleValueTypes_esXlgmw4x8.px,
|
|
277
|
+
borderTopRightRadius: styleValueTypes_esXlgmw4x8.px,
|
|
278
|
+
borderBottomRightRadius: styleValueTypes_esXlgmw4x8.px,
|
|
279
|
+
borderBottomLeftRadius: styleValueTypes_esXlgmw4x8.px,
|
|
280
|
+
width: styleValueTypes_esXlgmw4x8.px,
|
|
281
|
+
maxWidth: styleValueTypes_esXlgmw4x8.px,
|
|
282
|
+
height: styleValueTypes_esXlgmw4x8.px,
|
|
283
|
+
maxHeight: styleValueTypes_esXlgmw4x8.px,
|
|
284
|
+
size: styleValueTypes_esXlgmw4x8.px,
|
|
285
|
+
top: styleValueTypes_esXlgmw4x8.px,
|
|
286
|
+
right: styleValueTypes_esXlgmw4x8.px,
|
|
287
|
+
bottom: styleValueTypes_esXlgmw4x8.px,
|
|
288
|
+
left: styleValueTypes_esXlgmw4x8.px,
|
|
289
|
+
padding: styleValueTypes_esXlgmw4x8.px,
|
|
290
|
+
paddingTop: styleValueTypes_esXlgmw4x8.px,
|
|
291
|
+
paddingRight: styleValueTypes_esXlgmw4x8.px,
|
|
292
|
+
paddingBottom: styleValueTypes_esXlgmw4x8.px,
|
|
293
|
+
paddingLeft: styleValueTypes_esXlgmw4x8.px,
|
|
294
|
+
margin: styleValueTypes_esXlgmw4x8.px,
|
|
295
|
+
marginTop: styleValueTypes_esXlgmw4x8.px,
|
|
296
|
+
marginRight: styleValueTypes_esXlgmw4x8.px,
|
|
297
|
+
marginBottom: styleValueTypes_esXlgmw4x8.px,
|
|
298
|
+
marginLeft: styleValueTypes_esXlgmw4x8.px,
|
|
299
|
+
rotate: styleValueTypes_esXlgmw4x8.degrees,
|
|
300
|
+
rotateX: styleValueTypes_esXlgmw4x8.degrees,
|
|
301
|
+
rotateY: styleValueTypes_esXlgmw4x8.degrees,
|
|
302
|
+
rotateZ: styleValueTypes_esXlgmw4x8.degrees,
|
|
303
|
+
scale: styleValueTypes_esXlgmw4x8.scale,
|
|
304
|
+
scaleX: styleValueTypes_esXlgmw4x8.scale,
|
|
305
|
+
scaleY: styleValueTypes_esXlgmw4x8.scale,
|
|
306
|
+
scaleZ: styleValueTypes_esXlgmw4x8.scale,
|
|
307
|
+
skew: styleValueTypes_esXlgmw4x8.degrees,
|
|
308
|
+
skewX: styleValueTypes_esXlgmw4x8.degrees,
|
|
309
|
+
skewY: styleValueTypes_esXlgmw4x8.degrees,
|
|
310
|
+
distance: styleValueTypes_esXlgmw4x8.px,
|
|
311
|
+
translateX: styleValueTypes_esXlgmw4x8.px,
|
|
312
|
+
translateY: styleValueTypes_esXlgmw4x8.px,
|
|
313
|
+
translateZ: styleValueTypes_esXlgmw4x8.px,
|
|
314
|
+
x: styleValueTypes_esXlgmw4x8.px,
|
|
315
|
+
y: styleValueTypes_esXlgmw4x8.px,
|
|
316
|
+
z: styleValueTypes_esXlgmw4x8.px,
|
|
317
|
+
perspective: styleValueTypes_esXlgmw4x8.px,
|
|
318
|
+
opacity: styleValueTypes_esXlgmw4x8.alpha,
|
|
319
|
+
originX: styleValueTypes_esXlgmw4x8.progressPercentage,
|
|
320
|
+
originY: styleValueTypes_esXlgmw4x8.progressPercentage,
|
|
321
|
+
originZ: styleValueTypes_esXlgmw4x8.px,
|
|
322
322
|
zIndex: int,
|
|
323
|
-
fillOpacity:
|
|
324
|
-
strokeOpacity:
|
|
323
|
+
fillOpacity: styleValueTypes_esXlgmw4x8.alpha,
|
|
324
|
+
strokeOpacity: styleValueTypes_esXlgmw4x8.alpha,
|
|
325
325
|
numOctaves: int
|
|
326
326
|
};
|
|
327
327
|
var getValueType = function (key) {
|
|
@@ -486,8 +486,8 @@ function createCssStyler(element, _a) {
|
|
|
486
486
|
}
|
|
487
487
|
var enableHardwareAcceleration = _a.enableHardwareAcceleration,
|
|
488
488
|
allowTransformNone = _a.allowTransformNone,
|
|
489
|
-
props =
|
|
490
|
-
return cssStyler(
|
|
489
|
+
props = styleValueTypes_esXlgmw4x8.__rest(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
|
|
490
|
+
return cssStyler(styleValueTypes_esXlgmw4x8.__assign({ element: element, buildStyles: createStyleBuilder({
|
|
491
491
|
enableHardwareAcceleration: enableHardwareAcceleration,
|
|
492
492
|
allowTransformNone: allowTransformNone
|
|
493
493
|
}), preparseOutput: true }, props));
|
|
@@ -502,11 +502,11 @@ var svgAttrsTemplate = function () {
|
|
|
502
502
|
};
|
|
503
503
|
};
|
|
504
504
|
var progressToPixels = function (progress, length) {
|
|
505
|
-
return
|
|
505
|
+
return styleValueTypes_esXlgmw4x8.px.transform(progress * length);
|
|
506
506
|
};
|
|
507
507
|
var unmeasured = { x: 0, y: 0, width: 0, height: 0 };
|
|
508
508
|
function calcOrigin(origin, offset, size) {
|
|
509
|
-
return typeof origin === 'string' ? origin :
|
|
509
|
+
return typeof origin === 'string' ? origin : styleValueTypes_esXlgmw4x8.px.transform(offset + size * origin);
|
|
510
510
|
}
|
|
511
511
|
function calculateSVGTransformOrigin(dimensions, originX, originY) {
|
|
512
512
|
return calcOrigin(originX, dimensions.x, dimensions.width) + " " + calcOrigin(originY, dimensions.y, dimensions.height);
|
|
@@ -537,7 +537,7 @@ function buildSVGAttrs(_a, dimensions, totalPathLength, cssBuilder, attrs, isDas
|
|
|
537
537
|
pathSpacing = _b === void 0 ? 1 : _b,
|
|
538
538
|
_c = _a.pathOffset,
|
|
539
539
|
pathOffset = _c === void 0 ? 0 : _c,
|
|
540
|
-
state =
|
|
540
|
+
state = styleValueTypes_esXlgmw4x8.__rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
|
|
541
541
|
var style = cssBuilder(state);
|
|
542
542
|
for (var key in style) {
|
|
543
543
|
if (key === 'transform') {
|
|
@@ -665,7 +665,7 @@ const useFade = (node, { duration } = { duration: 200 }) => {
|
|
|
665
665
|
*/
|
|
666
666
|
function fadeIn() {
|
|
667
667
|
return new Promise(resolve => {
|
|
668
|
-
|
|
668
|
+
styleValueTypes_esXlgmw4x8.animate({
|
|
669
669
|
from: { opacity: 0 },
|
|
670
670
|
to: { opacity: 1 },
|
|
671
671
|
duration,
|
|
@@ -699,7 +699,7 @@ const useFade = (node, { duration } = { duration: 200 }) => {
|
|
|
699
699
|
*/
|
|
700
700
|
function fadeOut() {
|
|
701
701
|
return new Promise(resolve => {
|
|
702
|
-
|
|
702
|
+
styleValueTypes_esXlgmw4x8.animate({
|
|
703
703
|
from: { opacity: 1 },
|
|
704
704
|
to: { opacity: 0 },
|
|
705
705
|
duration,
|