@progress/kendo-react-common 8.3.0-develop.3 → 8.3.0-develop.5
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/cdn/js/kendo-react-common.js +1 -1
- package/hocs/use-unstyled-hoc.js +8 -0
- package/hocs/use-unstyled-hoc.mjs +17 -0
- package/icons/SvgIcon.js +1 -1
- package/icons/SvgIcon.mjs +52 -56
- package/index.d.mts +169 -0
- package/index.d.ts +169 -0
- package/index.js +1 -1
- package/index.mjs +133 -110
- package/package.json +1 -1
- package/unstyled/animations.js +8 -0
- package/unstyled/animations.mjs +185 -0
- package/unstyled/buttons.js +8 -0
- package/unstyled/buttons.mjs +253 -0
- package/unstyled/grid.js +8 -0
- package/unstyled/grid.mjs +319 -0
- package/unstyled/icons.js +8 -0
- package/unstyled/icons.mjs +53 -0
- package/unstyled/inputs.js +8 -0
- package/unstyled/inputs.mjs +149 -0
- package/unstyled/json-classes.js +8 -0
- package/unstyled/json-classes.mjs +201 -0
- package/unstyled/main.js +8 -0
- package/unstyled/main.mjs +14 -0
- package/unstyled/popup.js +8 -0
- package/unstyled/popup.mjs +91 -0
package/index.mjs
CHANGED
|
@@ -9,152 +9,175 @@
|
|
|
9
9
|
import * as e from "./tree-utils/itemIdUtils.mjs";
|
|
10
10
|
import { ZIndexContext as t, useZIndexContext as p } from "./contexts/ZIndexContext.mjs";
|
|
11
11
|
import { BrowserSupportService as a } from "./browser-support.service.mjs";
|
|
12
|
-
import { canUseDOM as
|
|
13
|
-
import { canUseRef as
|
|
12
|
+
import { canUseDOM as s } from "./canUseDOM.mjs";
|
|
13
|
+
import { canUseRef as f } from "./canUseRef.mjs";
|
|
14
14
|
import { classNames as i } from "./classNames.mjs";
|
|
15
|
-
import { clone as
|
|
16
|
-
import { applyTrappedFocus as
|
|
17
|
-
import { FormComponent as
|
|
18
|
-
import { getTabIndex as
|
|
15
|
+
import { clone as u, cloneArray as c, cloneDate as I, cloneObject as C, cloneValue as h } from "./clone.mjs";
|
|
16
|
+
import { applyTrappedFocus as E, disableNavigatableContainer as b, enableNavigatableContainer as A, firstFocusableChild as S, focusFirstFocusableChild as v, focusLastFocusableChild as D, focusableChildren as T, keepFocusInContainer as y, lastFocusableChild as F } from "./trappedFocus.mjs";
|
|
17
|
+
import { FormComponent as L } from "./FormComponent.mjs";
|
|
18
|
+
import { getTabIndex as O } from "./getTabIndex.mjs";
|
|
19
19
|
import { getter as U } from "./getter.mjs";
|
|
20
|
-
import { guid as
|
|
21
|
-
import { KEYS as
|
|
22
|
-
import { noop as
|
|
23
|
-
import { getScrollbarWidth as
|
|
24
|
-
import { setter as
|
|
20
|
+
import { guid as k } from "./guid.mjs";
|
|
21
|
+
import { KEYS as R, Keys as W } from "./keys.mjs";
|
|
22
|
+
import { noop as G } from "./noop.mjs";
|
|
23
|
+
import { getScrollbarWidth as V, setScrollbarWidth as j } from "./scrollbarWidth.mjs";
|
|
24
|
+
import { setter as Z } from "./setter.mjs";
|
|
25
25
|
import { FIELD_REGEX as X, FOCUSABLE_ELEMENTS as Y, FOCUSABLE_ELEMENTS_BASE as q, TABBABLE_ELEMENTS as J } from "./constants/main.mjs";
|
|
26
26
|
import { extendDataItem as $, getItemPath as ee, mapTree as oe, mapTreeItem as re } from "./treeDataOperations.mjs";
|
|
27
27
|
import { shouldShowValidationUI as pe, validatePackage as me } from "./validate-package.mjs";
|
|
28
|
-
import { hasRelativeStackingContext as
|
|
28
|
+
import { hasRelativeStackingContext as ne } from "./hasRelativeStackingContext.mjs";
|
|
29
29
|
import { WatermarkOverlay as xe } from "./watermark/WatermarkOverlay.mjs";
|
|
30
|
-
import { dispatchEvent as
|
|
31
|
-
import { AsyncFocusBlur as
|
|
32
|
-
import { createPropsContext as
|
|
30
|
+
import { dispatchEvent as le } from "./events/dispatchEvent.mjs";
|
|
31
|
+
import { AsyncFocusBlur as de } from "./hocs/AsyncFocusBlur.mjs";
|
|
32
|
+
import { createPropsContext as ce, withPropsContext as Ie } from "./hocs/withPropsContext.mjs";
|
|
33
33
|
import { withIdHOC as he } from "./hocs/use-id-hoc.mjs";
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
34
|
+
import { withUnstyledHOC as Ee } from "./hocs/use-unstyled-hoc.mjs";
|
|
35
|
+
import { useDir as Ae } from "./hooks/useDir.mjs";
|
|
36
|
+
import { useAsyncFocusBlur as ve } from "./hooks/useAsyncFocusBlur.mjs";
|
|
37
|
+
import { useRtl as Te } from "./hooks/useRtl.mjs";
|
|
37
38
|
import { useMouse as Fe } from "./hooks/useMouse.mjs";
|
|
38
|
-
import { useCustomComponent as
|
|
39
|
-
import { usePropsContext as
|
|
40
|
-
import { COLLECTION_ACTION as
|
|
41
|
-
import { useDocument as
|
|
42
|
-
import { useWindow as
|
|
43
|
-
import { useId as
|
|
39
|
+
import { useCustomComponent as Le } from "./hooks/useCustomComponent.mjs";
|
|
40
|
+
import { usePropsContext as Oe } from "./hooks/usePropsContext.mjs";
|
|
41
|
+
import { COLLECTION_ACTION as Ue, useCollection as we } from "./hooks/useCollection.mjs";
|
|
42
|
+
import { useDocument as Me } from "./hooks/useDocument.mjs";
|
|
43
|
+
import { useWindow as We } from "./hooks/useWindow.mjs";
|
|
44
|
+
import { useId as Ge } from "./hooks/use-id.mjs";
|
|
44
45
|
import { useIsomorphicLayoutEffect as Ve } from "./hooks/use-isomorphic-layout-effect.mjs";
|
|
45
46
|
import { Icon as Ke } from "./icons/Icon.mjs";
|
|
46
|
-
import { SvgIcon as
|
|
47
|
-
import { IconWrap as
|
|
48
|
-
import { IconsContext as
|
|
49
|
-
import { svgIconPropType as
|
|
50
|
-
import { Typography as
|
|
51
|
-
import { DragAndDrop as
|
|
52
|
-
import { Draggable as
|
|
53
|
-
import { Droppable as
|
|
54
|
-
import { useDraggable as
|
|
55
|
-
import { useDroppable as
|
|
56
|
-
import { kendoThemeMaps as
|
|
57
|
-
import { memoizeOne as
|
|
58
|
-
import { Navigation as
|
|
59
|
-
import { getActiveElement as
|
|
60
|
-
import { TreeFieldsService as
|
|
61
|
-
import { SortedPublicItemIds as
|
|
62
|
-
import { addItem as
|
|
63
|
-
import { getNestedValue as
|
|
64
|
-
import { RowHeightService as
|
|
47
|
+
import { SvgIcon as ze } from "./icons/SvgIcon.mjs";
|
|
48
|
+
import { IconWrap as Ye } from "./icons/IconWrap.mjs";
|
|
49
|
+
import { IconsContext as Je } from "./icons/IconsContext.mjs";
|
|
50
|
+
import { svgIconPropType as $e, toIconClass as eo, toIconName as oo } from "./icons/utils.mjs";
|
|
51
|
+
import { Typography as to } from "./typography/Typography.mjs";
|
|
52
|
+
import { DragAndDrop as mo } from "./drag-n-drop/index.mjs";
|
|
53
|
+
import { Draggable as no } from "./Draggable.mjs";
|
|
54
|
+
import { Droppable as xo } from "./Droppable.mjs";
|
|
55
|
+
import { useDraggable as lo } from "./hooks/useDraggable.mjs";
|
|
56
|
+
import { useDroppable as uo } from "./hooks/useDroppable.mjs";
|
|
57
|
+
import { kendoThemeMaps as Io } from "./theme.mjs";
|
|
58
|
+
import { memoizeOne as ho } from "./memoize.mjs";
|
|
59
|
+
import { Navigation as Eo } from "./navigation.mjs";
|
|
60
|
+
import { getActiveElement as Ao, getInnerActiveElement as So } from "./getActiveElement.mjs";
|
|
61
|
+
import { TreeFieldsService as Do } from "./tree-utils/FieldsService.mjs";
|
|
62
|
+
import { SortedPublicItemIds as yo } from "./tree-utils/SortedPublicItemIds.mjs";
|
|
63
|
+
import { addItem as Bo, areAllDirectChildrenChecked as Lo, getAllDirectIndirectChildrenIds as No, getAllParents as Oo, hasChildren as Po, isEnabledAndAllParentsEnabled as Uo, isItemExpandedAndWithChildren as wo, removeItem as ko, resolveItemId as Mo, resolveItemsIds as Ro, updateItem as Wo } from "./tree-utils/itemUtils.mjs";
|
|
64
|
+
import { getNestedValue as Go, isArray as Ho } from "./tree-utils/misc.mjs";
|
|
65
|
+
import { RowHeightService as jo } from "./rowHeightService.mjs";
|
|
66
|
+
import { UnstyledContext as Zo, useUnstyled as zo } from "./unstyled/main.mjs";
|
|
67
|
+
import { uButton as Yo, uDropDownButton as qo } from "./unstyled/buttons.mjs";
|
|
68
|
+
import { uMaskedTextBox as Qo, uRadioButton as $o, uRadioGroup as er } from "./unstyled/inputs.mjs";
|
|
69
|
+
import { animation as rr, theme as tr } from "./unstyled/json-classes.mjs";
|
|
70
|
+
import { uAnimation as mr } from "./unstyled/animations.mjs";
|
|
71
|
+
import { uSvgIcon as nr } from "./unstyled/icons.mjs";
|
|
72
|
+
import { uPopup as xr } from "./unstyled/popup.mjs";
|
|
73
|
+
import { uGrid as lr } from "./unstyled/grid.mjs";
|
|
65
74
|
export {
|
|
66
|
-
|
|
75
|
+
de as AsyncFocusBlur,
|
|
67
76
|
a as BrowserSupportService,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
77
|
+
Ue as COLLECTION_ACTION,
|
|
78
|
+
mo as DragAndDrop,
|
|
79
|
+
no as Draggable,
|
|
80
|
+
xo as Droppable,
|
|
72
81
|
X as FIELD_REGEX,
|
|
73
82
|
Y as FOCUSABLE_ELEMENTS,
|
|
74
83
|
q as FOCUSABLE_ELEMENTS_BASE,
|
|
75
|
-
|
|
84
|
+
L as FormComponent,
|
|
76
85
|
Ke as Icon,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
86
|
+
Ye as IconWrap,
|
|
87
|
+
Je as IconsContext,
|
|
88
|
+
R as KEYS,
|
|
89
|
+
W as Keys,
|
|
90
|
+
Eo as Navigation,
|
|
91
|
+
jo as RowHeightService,
|
|
92
|
+
yo as SortedPublicItemIds,
|
|
93
|
+
ze as SvgIcon,
|
|
85
94
|
J as TABBABLE_ELEMENTS,
|
|
86
|
-
|
|
87
|
-
|
|
95
|
+
Do as TreeFieldsService,
|
|
96
|
+
to as Typography,
|
|
97
|
+
Zo as UnstyledContext,
|
|
88
98
|
xe as WatermarkOverlay,
|
|
89
99
|
t as ZIndexContext,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
100
|
+
Bo as addItem,
|
|
101
|
+
rr as animationStyles,
|
|
102
|
+
E as applyTrappedFocus,
|
|
103
|
+
Lo as areAllDirectChildrenChecked,
|
|
104
|
+
s as canUseDOM,
|
|
105
|
+
f as canUseRef,
|
|
95
106
|
i as classNames,
|
|
96
|
-
|
|
97
|
-
|
|
107
|
+
u as clone,
|
|
108
|
+
c as cloneArray,
|
|
98
109
|
I as cloneDate,
|
|
99
110
|
C as cloneObject,
|
|
100
111
|
h as cloneValue,
|
|
101
|
-
|
|
112
|
+
ce as createPropsContext,
|
|
102
113
|
b as disableNavigatableContainer,
|
|
103
|
-
|
|
114
|
+
le as dispatchEvent,
|
|
104
115
|
A as enableNavigatableContainer,
|
|
105
116
|
$ as extendDataItem,
|
|
106
|
-
|
|
107
|
-
|
|
117
|
+
S as firstFocusableChild,
|
|
118
|
+
v as focusFirstFocusableChild,
|
|
108
119
|
D as focusLastFocusableChild,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
120
|
+
T as focusableChildren,
|
|
121
|
+
Ao as getActiveElement,
|
|
122
|
+
No as getAllDirectIndirectChildrenIds,
|
|
123
|
+
Oo as getAllParents,
|
|
124
|
+
So as getInnerActiveElement,
|
|
114
125
|
ee as getItemPath,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
126
|
+
Go as getNestedValue,
|
|
127
|
+
V as getScrollbarWidth,
|
|
128
|
+
O as getTabIndex,
|
|
118
129
|
U as getter,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
130
|
+
k as guid,
|
|
131
|
+
Po as hasChildren,
|
|
132
|
+
ne as hasRelativeStackingContext,
|
|
133
|
+
Ho as isArray,
|
|
134
|
+
Uo as isEnabledAndAllParentsEnabled,
|
|
135
|
+
wo as isItemExpandedAndWithChildren,
|
|
136
|
+
tr as jsonTheme,
|
|
137
|
+
y as keepFocusInContainer,
|
|
138
|
+
Io as kendoThemeMaps,
|
|
139
|
+
F as lastFocusableChild,
|
|
128
140
|
oe as mapTree,
|
|
129
141
|
re as mapTreeItem,
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
142
|
+
ho as memoizeOne,
|
|
143
|
+
G as noop,
|
|
144
|
+
ko as removeItem,
|
|
145
|
+
Mo as resolveItemId,
|
|
146
|
+
Ro as resolveItemsIds,
|
|
147
|
+
j as setScrollbarWidth,
|
|
148
|
+
Z as setter,
|
|
137
149
|
pe as shouldShowValidationUI,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
150
|
+
$e as svgIconPropType,
|
|
151
|
+
eo as toIconClass,
|
|
152
|
+
oo as toIconName,
|
|
141
153
|
e as treeIdUtils,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
154
|
+
mr as uAnimation,
|
|
155
|
+
Yo as uButton,
|
|
156
|
+
qo as uDropDownButton,
|
|
157
|
+
lr as uGrid,
|
|
158
|
+
Qo as uMaskedTextBox,
|
|
159
|
+
xr as uPopup,
|
|
160
|
+
$o as uRadioButton,
|
|
161
|
+
er as uRadioGroup,
|
|
162
|
+
nr as uSvgIcon,
|
|
163
|
+
Wo as updateItem,
|
|
164
|
+
ve as useAsyncFocusBlur,
|
|
165
|
+
we as useCollection,
|
|
166
|
+
Le as useCustomComponent,
|
|
167
|
+
Ae as useDir,
|
|
168
|
+
Me as useDocument,
|
|
169
|
+
lo as useDraggable,
|
|
170
|
+
uo as useDroppable,
|
|
171
|
+
Ge as useId,
|
|
151
172
|
Ve as useIsomorphicLayoutEffect,
|
|
152
173
|
Fe as useMouse,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
174
|
+
Oe as usePropsContext,
|
|
175
|
+
Te as useRtl,
|
|
176
|
+
zo as useUnstyled,
|
|
177
|
+
We as useWindow,
|
|
156
178
|
p as useZIndexContext,
|
|
157
179
|
me as validatePackage,
|
|
158
180
|
he as withIdHOC,
|
|
159
|
-
Ie as withPropsContext
|
|
181
|
+
Ie as withPropsContext,
|
|
182
|
+
Ee as withUnstyledHOC
|
|
160
183
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-common",
|
|
3
|
-
"version": "8.3.0-develop.
|
|
3
|
+
"version": "8.3.0-develop.5",
|
|
4
4
|
"description": "React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./json-classes.js"),t={child:{container:`${i.base.prefix}-${i.animation[`${i.animation.prefix}-${i.containers.container}`]}`,relative:`${i.base.prefix}-${i.animation[`${i.animation.prefix}-${i.containers.container}-${i.animation.relative}`]}`},childContainer:{container:`${i.base.prefix}-${i.animation[`${i.animation.child}-${i.animation.prefix}-${i.containers.container}`]}`},appear:{"push-right":`${i.base.prefix}-${i.animation.pushRight}-${i.animation.appear}`,"push-left":`${i.base.prefix}-${i.animation.pushLeft}-${i.animation.appear}`,"push-down":`${i.base.prefix}-${i.animation.pushDown}-${i.animation.appear}`,"push-up":`${i.base.prefix}-${i.animation.pushUp}-${i.animation.appear}`,"expand-vertical":`${i.base.prefix}-${i.animation.expandVertical}-${i.animation.appear}`,"expand-horizontal":`${i.base.prefix}-${i.animation.expandHorizontal}-${i.animation.appear}`,fade:`${i.base.prefix}-${i.animation.fade}-${i.animation.appear}`,"zoom-in":`${i.base.prefix}-${i.animation.zoomIn}-${i.animation.appear}`,"zoom-out":`${i.base.prefix}-${i.animation.zoomOut}-${i.animation.appear}`,"slide-in":`${i.base.prefix}-${i.animation.slideIn}-${i.animation.appear}`,"slide-down":`${i.base.prefix}-${i.animation.slideDown}-${i.animation.appear}`,"slide-up":`${i.base.prefix}-${i.animation.slideUp}-${i.animation.appear}`,"slide-right":`${i.base.prefix}-${i.animation.slideRight}-${i.animation.appear}`,"slide-left":`${i.base.prefix}-${i.animation.slideLeft}-${i.animation.appear}`,"reveal-vertical":`${i.base.prefix}-${i.animation.revealVertical}-${i.animation.appear}`,"reveal-horizontal":`${i.base.prefix}-${i.animation.revealHorizontal}-${i.animation.appear}`},appearActive:{"push-right":`${i.base.prefix}-${i.animation.pushRight}-${i.animation.appear}-${i.animation.active}`,"push-left":`${i.base.prefix}-${i.animation.pushLeft}-${i.animation.appear}-${i.animation.active}`,"push-down":`${i.base.prefix}-${i.animation.pushDown}-${i.animation.appear}-${i.animation.active}`,"push-up":`${i.base.prefix}-${i.animation.pushUp}-${i.animation.appear}-${i.animation.active}`,"expand-vertical":`${i.base.prefix}-${i.animation.expandVertical}-${i.animation.appear}-${i.animation.active}`,"expand-horizontal":`${i.base.prefix}-${i.animation.expandHorizontal}-${i.animation.appear}-${i.animation.active}`,fade:`${i.base.prefix}-${i.animation.fade}-${i.animation.appear}-${i.animation.active}`,"zoom-in":`${i.base.prefix}-${i.animation.zoomIn}-${i.animation.appear}-${i.animation.active}`,"zoom-out":`${i.base.prefix}-${i.animation.zoomOut}-${i.animation.appear}-${i.animation.active}`,"slide-in":`${i.base.prefix}-${i.animation.slideIn}-${i.animation.appear}-${i.animation.active}`,"slide-down":`${i.base.prefix}-${i.animation.slideDown}-${i.animation.appear}-${i.animation.active}`,"slide-up":`${i.base.prefix}-${i.animation.slideUp}-${i.animation.appear}-${i.animation.active}`,"slide-right":`${i.base.prefix}-${i.animation.slideRight}-${i.animation.appear}-${i.animation.active}`,"slide-left":`${i.base.prefix}-${i.animation.slideLeft}-${i.animation.appear}-${i.animation.active}`,"reveal-vertical":`${i.base.prefix}-${i.animation.revealVertical}-${i.animation.appear}-${i.animation.active}`,"reveal-horizontal":`${i.base.prefix}-${i.animation.revealHorizontal}-${i.animation.appear}-${i.animation.active}`},enter:{"push-right":`${i.base.prefix}-${i.animation.pushRight}-${i.animation.enter}`,"push-left":`${i.base.prefix}-${i.animation.pushLeft}-${i.animation.enter}`,"push-down":`${i.base.prefix}-${i.animation.pushDown}-${i.animation.enter}`,"push-up":`${i.base.prefix}-${i.animation.pushUp}-${i.animation.enter}`,"expand-vertical":`${i.base.prefix}-${i.animation.expandVertical}-${i.animation.enter}`,"expand-horizontal":`${i.base.prefix}-${i.animation.expandHorizontal}-${i.animation.enter}`,fade:`${i.base.prefix}-${i.animation.fade}-${i.animation.enter}`,"zoom-in":`${i.base.prefix}-${i.animation.zoomIn}-${i.animation.enter}`,"zoom-out":`${i.base.prefix}-${i.animation.zoomOut}-${i.animation.enter}`,"slide-in":`${i.base.prefix}-${i.animation.slideIn}-${i.animation.enter}`,"slide-down":`${i.base.prefix}-${i.animation.slideDown}-${i.animation.enter}`,"slide-up":`${i.base.prefix}-${i.animation.slideUp}-${i.animation.enter}`,"slide-right":`${i.base.prefix}-${i.animation.slideRight}-${i.animation.enter}`,"slide-left":`${i.base.prefix}-${i.animation.slideLeft}-${i.animation.enter}`,"reveal-vertical":`${i.base.prefix}-${i.animation.revealVertical}-${i.animation.enter}`,"reveal-horizontal":`${i.base.prefix}-${i.animation.revealHorizontal}-${i.animation.enter}`},enterActive:{"push-right":`${i.base.prefix}-${i.animation.pushRight}-${i.animation.enter}-${i.animation.active}`,"push-left":`${i.base.prefix}-${i.animation.pushLeft}-${i.animation.enter}-${i.animation.active}`,"push-down":`${i.base.prefix}-${i.animation.pushDown}-${i.animation.enter}-${i.animation.active}`,"push-up":`${i.base.prefix}-${i.animation.pushUp}-${i.animation.enter}-${i.animation.active}`,"expand-vertical":`${i.base.prefix}-${i.animation.expandVertical}-${i.animation.enter}-${i.animation.active}`,"expand-horizontal":`${i.base.prefix}-${i.animation.expandHorizontal}-${i.animation.enter}-${i.animation.active}`,fade:`${i.base.prefix}-${i.animation.fade}-${i.animation.enter}-${i.animation.active}`,"zoom-in":`${i.base.prefix}-${i.animation.zoomIn}-${i.animation.enter}-${i.animation.active}`,"zoom-out":`${i.base.prefix}-${i.animation.zoomOut}-${i.animation.enter}-${i.animation.active}`,"slide-in":`${i.base.prefix}-${i.animation.slideIn}-${i.animation.enter}-${i.animation.active}`,"slide-down":`${i.base.prefix}-${i.animation.slideDown}-${i.animation.enter}-${i.animation.active}`,"slide-up":`${i.base.prefix}-${i.animation.slideUp}-${i.animation.enter}-${i.animation.active}`,"slide-right":`${i.base.prefix}-${i.animation.slideRight}-${i.animation.enter}-${i.animation.active}`,"slide-left":`${i.base.prefix}-${i.animation.slideLeft}-${i.animation.enter}-${i.animation.active}`,"reveal-vertical":`${i.base.prefix}-${i.animation.revealVertical}-${i.animation.enter}-${i.animation.active}`,"reveal-horizontal":`${i.base.prefix}-${i.animation.revealHorizontal}-${i.animation.enter}-${i.animation.active}`},exit:{"push-right":`${i.base.prefix}-${i.animation.pushRight}-${i.animation.exit}`,"push-left":`${i.base.prefix}-${i.animation.pushLeft}-${i.animation.exit}`,"push-down":`${i.base.prefix}-${i.animation.pushDown}-${i.animation.exit}`,"push-up":`${i.base.prefix}-${i.animation.pushUp}-${i.animation.exit}`,"expand-vertical":`${i.base.prefix}-${i.animation.expandVertical}-${i.animation.exit}`,"expand-horizontal":`${i.base.prefix}-${i.animation.expandHorizontal}-${i.animation.exit}`,fade:`${i.base.prefix}-${i.animation.fade}-${i.animation.exit}`,"zoom-in":`${i.base.prefix}-${i.animation.zoomIn}-${i.animation.exit}`,"zoom-out":`${i.base.prefix}-${i.animation.zoomOut}-${i.animation.exit}`,"slide-in":`${i.base.prefix}-${i.animation.slideIn}-${i.animation.exit}`,"slide-down":`${i.base.prefix}-${i.animation.slideDown}-${i.animation.exit}`,"slide-up":`${i.base.prefix}-${i.animation.slideUp}-${i.animation.exit}`,"slide-right":`${i.base.prefix}-${i.animation.slideRight}-${i.animation.exit}`,"slide-left":`${i.base.prefix}-${i.animation.slideLeft}-${i.animation.exit}`,"reveal-vertical":`${i.base.prefix}-${i.animation.revealVertical}-${i.animation.exit}`,"reveal-horizontal":`${i.base.prefix}-${i.animation.revealHorizontal}-${i.animation.exit}`},exitActive:{"push-right":`${i.base.prefix}-${i.animation.pushRight}-${i.animation.exit}-${i.animation.active}`,"push-left":`${i.base.prefix}-${i.animation.pushLeft}-${i.animation.exit}-${i.animation.active}`,"push-down":`${i.base.prefix}-${i.animation.pushDown}-${i.animation.exit}-${i.animation.active}`,"push-up":`${i.base.prefix}-${i.animation.pushUp}-${i.animation.exit}-${i.animation.active}`,"expand-vertical":`${i.base.prefix}-${i.animation.expandVertical}-${i.animation.exit}-${i.animation.active}`,"expand-horizontal":`${i.base.prefix}-${i.animation.expandHorizontal}-${i.animation.exit}-${i.animation.active}`,fade:`${i.base.prefix}-${i.animation.fade}-${i.animation.exit}-${i.animation.active}`,"zoom-in":`${i.base.prefix}-${i.animation.zoomIn}-${i.animation.exit}-${i.animation.active}`,"zoom-out":`${i.base.prefix}-${i.animation.zoomOut}-${i.animation.exit}-${i.animation.active}`,"slide-in":`${i.base.prefix}-${i.animation.slideIn}-${i.animation.exit}-${i.animation.active}`,"slide-down":`${i.base.prefix}-${i.animation.slideDown}-${i.animation.exit}-${i.animation.active}`,"slide-up":`${i.base.prefix}-${i.animation.slideUp}-${i.animation.exit}-${i.animation.active}`,"slide-right":`${i.base.prefix}-${i.animation.slideRight}-${i.animation.exit}-${i.animation.active}`,"slide-left":`${i.base.prefix}-${i.animation.slideLeft}-${i.animation.exit}-${i.animation.active}`,"reveal-vertical":`${i.base.prefix}-${i.animation.revealVertical}-${i.animation.exit}-${i.animation.active}`,"reveal-horizontal":`${i.base.prefix}-${i.animation.revealHorizontal}-${i.animation.exit}-${i.animation.active}`}},o={child:e=>{const{c:n=t}=e;return{[n.child.container]:!0,[n.child.relative]:!0}},childContainer:e=>{const{c:n=t}=e;return{[n.childContainer.container]:!0}},appear:e=>{const{c:n=t,transitionName:a}=e;return{[`${n.appear[a]}`]:n.appear[a],[`${a}-${i.animation.appear}`]:!n.appear[a]}},appearActive:e=>{const{c:n=t,transitionName:a}=e;return{[`${n.appearActive[a]}`]:n.appearActive[a],[`${a}-${i.animation.appear}-${i.animation.active}`]:!n.appearActive[a]}},enter:e=>{const{c:n=t,transitionName:a}=e;return{[`${n.enter[a]}`]:n.enter[a],[`${a}-${i.animation.enter}`]:!n.enter[a]}},enterActive:e=>{const{c:n=t,transitionName:a}=e;return{[`${n.enterActive[a]}`]:n.enterActive[a],[`${a}-${i.animation.enter}-${i.animation.active}`]:!n.enterActive[a]}},exit:e=>{const{c:n=t,transitionName:a}=e;return{[`${n.exit[a]}`]:n.exit[a],[`${a}-${i.animation.exit}`]:!n.exit[a]}},exitActive:e=>{const{c:n=t,transitionName:a}=e;return{[`${n.exitActive[a]}`]:n.exitActive[a],[`${a}-${i.animation.exit}-${i.animation.active}`]:!n.exitActive[a]}}};exports.uAnimation=o;
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";
|
|
9
|
+
import { base as i, animation as e, containers as a } from "./json-classes.mjs";
|
|
10
|
+
const p = {
|
|
11
|
+
child: {
|
|
12
|
+
container: `${i.prefix}-${e[`${e.prefix}-${a.container}`]}`,
|
|
13
|
+
relative: `${i.prefix}-${e[`${e.prefix}-${a.container}-${e.relative}`]}`
|
|
14
|
+
},
|
|
15
|
+
childContainer: {
|
|
16
|
+
container: `${i.prefix}-${e[`${e.child}-${e.prefix}-${a.container}`]}`
|
|
17
|
+
},
|
|
18
|
+
appear: {
|
|
19
|
+
"push-right": `${i.prefix}-${e.pushRight}-${e.appear}`,
|
|
20
|
+
"push-left": `${i.prefix}-${e.pushLeft}-${e.appear}`,
|
|
21
|
+
"push-down": `${i.prefix}-${e.pushDown}-${e.appear}`,
|
|
22
|
+
"push-up": `${i.prefix}-${e.pushUp}-${e.appear}`,
|
|
23
|
+
"expand-vertical": `${i.prefix}-${e.expandVertical}-${e.appear}`,
|
|
24
|
+
"expand-horizontal": `${i.prefix}-${e.expandHorizontal}-${e.appear}`,
|
|
25
|
+
fade: `${i.prefix}-${e.fade}-${e.appear}`,
|
|
26
|
+
"zoom-in": `${i.prefix}-${e.zoomIn}-${e.appear}`,
|
|
27
|
+
"zoom-out": `${i.prefix}-${e.zoomOut}-${e.appear}`,
|
|
28
|
+
"slide-in": `${i.prefix}-${e.slideIn}-${e.appear}`,
|
|
29
|
+
"slide-down": `${i.prefix}-${e.slideDown}-${e.appear}`,
|
|
30
|
+
"slide-up": `${i.prefix}-${e.slideUp}-${e.appear}`,
|
|
31
|
+
"slide-right": `${i.prefix}-${e.slideRight}-${e.appear}`,
|
|
32
|
+
"slide-left": `${i.prefix}-${e.slideLeft}-${e.appear}`,
|
|
33
|
+
"reveal-vertical": `${i.prefix}-${e.revealVertical}-${e.appear}`,
|
|
34
|
+
"reveal-horizontal": `${i.prefix}-${e.revealHorizontal}-${e.appear}`
|
|
35
|
+
},
|
|
36
|
+
appearActive: {
|
|
37
|
+
"push-right": `${i.prefix}-${e.pushRight}-${e.appear}-${e.active}`,
|
|
38
|
+
"push-left": `${i.prefix}-${e.pushLeft}-${e.appear}-${e.active}`,
|
|
39
|
+
"push-down": `${i.prefix}-${e.pushDown}-${e.appear}-${e.active}`,
|
|
40
|
+
"push-up": `${i.prefix}-${e.pushUp}-${e.appear}-${e.active}`,
|
|
41
|
+
"expand-vertical": `${i.prefix}-${e.expandVertical}-${e.appear}-${e.active}`,
|
|
42
|
+
"expand-horizontal": `${i.prefix}-${e.expandHorizontal}-${e.appear}-${e.active}`,
|
|
43
|
+
fade: `${i.prefix}-${e.fade}-${e.appear}-${e.active}`,
|
|
44
|
+
"zoom-in": `${i.prefix}-${e.zoomIn}-${e.appear}-${e.active}`,
|
|
45
|
+
"zoom-out": `${i.prefix}-${e.zoomOut}-${e.appear}-${e.active}`,
|
|
46
|
+
"slide-in": `${i.prefix}-${e.slideIn}-${e.appear}-${e.active}`,
|
|
47
|
+
"slide-down": `${i.prefix}-${e.slideDown}-${e.appear}-${e.active}`,
|
|
48
|
+
"slide-up": `${i.prefix}-${e.slideUp}-${e.appear}-${e.active}`,
|
|
49
|
+
"slide-right": `${i.prefix}-${e.slideRight}-${e.appear}-${e.active}`,
|
|
50
|
+
"slide-left": `${i.prefix}-${e.slideLeft}-${e.appear}-${e.active}`,
|
|
51
|
+
"reveal-vertical": `${i.prefix}-${e.revealVertical}-${e.appear}-${e.active}`,
|
|
52
|
+
"reveal-horizontal": `${i.prefix}-${e.revealHorizontal}-${e.appear}-${e.active}`
|
|
53
|
+
},
|
|
54
|
+
enter: {
|
|
55
|
+
"push-right": `${i.prefix}-${e.pushRight}-${e.enter}`,
|
|
56
|
+
"push-left": `${i.prefix}-${e.pushLeft}-${e.enter}`,
|
|
57
|
+
"push-down": `${i.prefix}-${e.pushDown}-${e.enter}`,
|
|
58
|
+
"push-up": `${i.prefix}-${e.pushUp}-${e.enter}`,
|
|
59
|
+
"expand-vertical": `${i.prefix}-${e.expandVertical}-${e.enter}`,
|
|
60
|
+
"expand-horizontal": `${i.prefix}-${e.expandHorizontal}-${e.enter}`,
|
|
61
|
+
fade: `${i.prefix}-${e.fade}-${e.enter}`,
|
|
62
|
+
"zoom-in": `${i.prefix}-${e.zoomIn}-${e.enter}`,
|
|
63
|
+
"zoom-out": `${i.prefix}-${e.zoomOut}-${e.enter}`,
|
|
64
|
+
"slide-in": `${i.prefix}-${e.slideIn}-${e.enter}`,
|
|
65
|
+
"slide-down": `${i.prefix}-${e.slideDown}-${e.enter}`,
|
|
66
|
+
"slide-up": `${i.prefix}-${e.slideUp}-${e.enter}`,
|
|
67
|
+
"slide-right": `${i.prefix}-${e.slideRight}-${e.enter}`,
|
|
68
|
+
"slide-left": `${i.prefix}-${e.slideLeft}-${e.enter}`,
|
|
69
|
+
"reveal-vertical": `${i.prefix}-${e.revealVertical}-${e.enter}`,
|
|
70
|
+
"reveal-horizontal": `${i.prefix}-${e.revealHorizontal}-${e.enter}`
|
|
71
|
+
},
|
|
72
|
+
enterActive: {
|
|
73
|
+
"push-right": `${i.prefix}-${e.pushRight}-${e.enter}-${e.active}`,
|
|
74
|
+
"push-left": `${i.prefix}-${e.pushLeft}-${e.enter}-${e.active}`,
|
|
75
|
+
"push-down": `${i.prefix}-${e.pushDown}-${e.enter}-${e.active}`,
|
|
76
|
+
"push-up": `${i.prefix}-${e.pushUp}-${e.enter}-${e.active}`,
|
|
77
|
+
"expand-vertical": `${i.prefix}-${e.expandVertical}-${e.enter}-${e.active}`,
|
|
78
|
+
"expand-horizontal": `${i.prefix}-${e.expandHorizontal}-${e.enter}-${e.active}`,
|
|
79
|
+
fade: `${i.prefix}-${e.fade}-${e.enter}-${e.active}`,
|
|
80
|
+
"zoom-in": `${i.prefix}-${e.zoomIn}-${e.enter}-${e.active}`,
|
|
81
|
+
"zoom-out": `${i.prefix}-${e.zoomOut}-${e.enter}-${e.active}`,
|
|
82
|
+
"slide-in": `${i.prefix}-${e.slideIn}-${e.enter}-${e.active}`,
|
|
83
|
+
"slide-down": `${i.prefix}-${e.slideDown}-${e.enter}-${e.active}`,
|
|
84
|
+
"slide-up": `${i.prefix}-${e.slideUp}-${e.enter}-${e.active}`,
|
|
85
|
+
"slide-right": `${i.prefix}-${e.slideRight}-${e.enter}-${e.active}`,
|
|
86
|
+
"slide-left": `${i.prefix}-${e.slideLeft}-${e.enter}-${e.active}`,
|
|
87
|
+
"reveal-vertical": `${i.prefix}-${e.revealVertical}-${e.enter}-${e.active}`,
|
|
88
|
+
"reveal-horizontal": `${i.prefix}-${e.revealHorizontal}-${e.enter}-${e.active}`
|
|
89
|
+
},
|
|
90
|
+
exit: {
|
|
91
|
+
"push-right": `${i.prefix}-${e.pushRight}-${e.exit}`,
|
|
92
|
+
"push-left": `${i.prefix}-${e.pushLeft}-${e.exit}`,
|
|
93
|
+
"push-down": `${i.prefix}-${e.pushDown}-${e.exit}`,
|
|
94
|
+
"push-up": `${i.prefix}-${e.pushUp}-${e.exit}`,
|
|
95
|
+
"expand-vertical": `${i.prefix}-${e.expandVertical}-${e.exit}`,
|
|
96
|
+
"expand-horizontal": `${i.prefix}-${e.expandHorizontal}-${e.exit}`,
|
|
97
|
+
fade: `${i.prefix}-${e.fade}-${e.exit}`,
|
|
98
|
+
"zoom-in": `${i.prefix}-${e.zoomIn}-${e.exit}`,
|
|
99
|
+
"zoom-out": `${i.prefix}-${e.zoomOut}-${e.exit}`,
|
|
100
|
+
"slide-in": `${i.prefix}-${e.slideIn}-${e.exit}`,
|
|
101
|
+
"slide-down": `${i.prefix}-${e.slideDown}-${e.exit}`,
|
|
102
|
+
"slide-up": `${i.prefix}-${e.slideUp}-${e.exit}`,
|
|
103
|
+
"slide-right": `${i.prefix}-${e.slideRight}-${e.exit}`,
|
|
104
|
+
"slide-left": `${i.prefix}-${e.slideLeft}-${e.exit}`,
|
|
105
|
+
"reveal-vertical": `${i.prefix}-${e.revealVertical}-${e.exit}`,
|
|
106
|
+
"reveal-horizontal": `${i.prefix}-${e.revealHorizontal}-${e.exit}`
|
|
107
|
+
},
|
|
108
|
+
exitActive: {
|
|
109
|
+
"push-right": `${i.prefix}-${e.pushRight}-${e.exit}-${e.active}`,
|
|
110
|
+
"push-left": `${i.prefix}-${e.pushLeft}-${e.exit}-${e.active}`,
|
|
111
|
+
"push-down": `${i.prefix}-${e.pushDown}-${e.exit}-${e.active}`,
|
|
112
|
+
"push-up": `${i.prefix}-${e.pushUp}-${e.exit}-${e.active}`,
|
|
113
|
+
"expand-vertical": `${i.prefix}-${e.expandVertical}-${e.exit}-${e.active}`,
|
|
114
|
+
"expand-horizontal": `${i.prefix}-${e.expandHorizontal}-${e.exit}-${e.active}`,
|
|
115
|
+
fade: `${i.prefix}-${e.fade}-${e.exit}-${e.active}`,
|
|
116
|
+
"zoom-in": `${i.prefix}-${e.zoomIn}-${e.exit}-${e.active}`,
|
|
117
|
+
"zoom-out": `${i.prefix}-${e.zoomOut}-${e.exit}-${e.active}`,
|
|
118
|
+
"slide-in": `${i.prefix}-${e.slideIn}-${e.exit}-${e.active}`,
|
|
119
|
+
"slide-down": `${i.prefix}-${e.slideDown}-${e.exit}-${e.active}`,
|
|
120
|
+
"slide-up": `${i.prefix}-${e.slideUp}-${e.exit}-${e.active}`,
|
|
121
|
+
"slide-right": `${i.prefix}-${e.slideRight}-${e.exit}-${e.active}`,
|
|
122
|
+
"slide-left": `${i.prefix}-${e.slideLeft}-${e.exit}-${e.active}`,
|
|
123
|
+
"reveal-vertical": `${i.prefix}-${e.revealVertical}-${e.exit}-${e.active}`,
|
|
124
|
+
"reveal-horizontal": `${i.prefix}-${e.revealHorizontal}-${e.exit}-${e.active}`
|
|
125
|
+
}
|
|
126
|
+
}, x = {
|
|
127
|
+
child: (t) => {
|
|
128
|
+
const { c: r = p } = t;
|
|
129
|
+
return {
|
|
130
|
+
[r.child.container]: !0,
|
|
131
|
+
[r.child.relative]: !0
|
|
132
|
+
};
|
|
133
|
+
},
|
|
134
|
+
childContainer: (t) => {
|
|
135
|
+
const { c: r = p } = t;
|
|
136
|
+
return {
|
|
137
|
+
[r.childContainer.container]: !0
|
|
138
|
+
};
|
|
139
|
+
},
|
|
140
|
+
appear: (t) => {
|
|
141
|
+
const { c: r = p, transitionName: $ } = t;
|
|
142
|
+
return {
|
|
143
|
+
[`${r.appear[$]}`]: r.appear[$],
|
|
144
|
+
[`${$}-${e.appear}`]: !r.appear[$]
|
|
145
|
+
};
|
|
146
|
+
},
|
|
147
|
+
appearActive: (t) => {
|
|
148
|
+
const { c: r = p, transitionName: $ } = t;
|
|
149
|
+
return {
|
|
150
|
+
[`${r.appearActive[$]}`]: r.appearActive[$],
|
|
151
|
+
[`${$}-${e.appear}-${e.active}`]: !r.appearActive[$]
|
|
152
|
+
};
|
|
153
|
+
},
|
|
154
|
+
enter: (t) => {
|
|
155
|
+
const { c: r = p, transitionName: $ } = t;
|
|
156
|
+
return {
|
|
157
|
+
[`${r.enter[$]}`]: r.enter[$],
|
|
158
|
+
[`${$}-${e.enter}`]: !r.enter[$]
|
|
159
|
+
};
|
|
160
|
+
},
|
|
161
|
+
enterActive: (t) => {
|
|
162
|
+
const { c: r = p, transitionName: $ } = t;
|
|
163
|
+
return {
|
|
164
|
+
[`${r.enterActive[$]}`]: r.enterActive[$],
|
|
165
|
+
[`${$}-${e.enter}-${e.active}`]: !r.enterActive[$]
|
|
166
|
+
};
|
|
167
|
+
},
|
|
168
|
+
exit: (t) => {
|
|
169
|
+
const { c: r = p, transitionName: $ } = t;
|
|
170
|
+
return {
|
|
171
|
+
[`${r.exit[$]}`]: r.exit[$],
|
|
172
|
+
[`${$}-${e.exit}`]: !r.exit[$]
|
|
173
|
+
};
|
|
174
|
+
},
|
|
175
|
+
exitActive: (t) => {
|
|
176
|
+
const { c: r = p, transitionName: $ } = t;
|
|
177
|
+
return {
|
|
178
|
+
[`${r.exitActive[$]}`]: r.exitActive[$],
|
|
179
|
+
[`${$}-${e.exit}-${e.active}`]: !r.exitActive[$]
|
|
180
|
+
};
|
|
181
|
+
}
|
|
182
|
+
};
|
|
183
|
+
export {
|
|
184
|
+
x as uAnimation
|
|
185
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),l=`${e.base.prefix}-${e.button.prefix}`,M=`${e.base.prefix}-${e.ddb.prefix}`,f={wrapper:{main:l,size:{small:`${l}-${e.sizeMap.small}`,medium:`${l}-${e.sizeMap.medium}`,large:`${l}-${e.sizeMap.large}`},fillMode:{solid:`${l}-${e.fillModeMap.solid}`,outline:`${l}-${e.fillModeMap.outline}`,flat:`${l}-${e.fillModeMap.flat}`,link:`${l}-${e.fillModeMap.link}`,clear:`${l}-${e.fillModeMap.clear}`},themeColor:{base:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.base}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.base}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.base}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.base}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.base}`}},primary:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.primary}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.primary}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.primary}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.primary}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.primary}`}},secondary:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.secondary}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.secondary}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.secondary}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.secondary}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.secondary}`}},tertiary:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.tertiary}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.tertiary}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.tertiary}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.tertiary}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.tertiary}`}},info:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.info}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.info}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.info}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.info}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.info}`}},success:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.success}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.success}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.success}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.success}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.success}`}},warning:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.warning}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.warning}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.warning}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.warning}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.warning}`}},error:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.error}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.error}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.error}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.error}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.error}`}},dark:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.dark}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.dark}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.dark}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.dark}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.dark}`}},light:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.light}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.light}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.light}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.light}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.light}`}},inverse:{fillMode:{solid:`${l}-${e.fillModeMap.solid}-${e.themeColorMap.inverse}`,outline:`${l}-${e.fillModeMap.outline}-${e.themeColorMap.inverse}`,flat:`${l}-${e.fillModeMap.flat}-${e.themeColorMap.inverse}`,link:`${l}-${e.fillModeMap.link}-${e.themeColorMap.inverse}`,clear:`${l}-${e.fillModeMap.clear}-${e.themeColorMap.inverse}`}}},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},iconButton:`${e.base.prefix}-${e.elements.icon}-${e.button.prefix}`,disabled:`${e.base.prefix}-${e.states.disabled}`,selected:`${e.base.prefix}-${e.states.selected}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},text:`${l}-${e.elements.text}`,icon:`${l}-${e.elements.icon}`},C={wrapper:i=>{const{isRtl:o,selected:$,disabled:a,size:t,fillMode:n,rounded:p,themeColor:c,iconButton:m,c:h=f}=i,r=h.wrapper,d=r.themeColor[c],u=d.fillMode[n];return{[r.main]:!0,[r.size[t]]:r.size[t],[`${l}-${t}`]:!r.size[t],[r.fillMode[n]]:r.fillMode[n],[u]:u,[r.rounded[p]]:r.rounded[p],[`${e.base.prefix}-${e.base.rounded}-${p}`]:p&&!r.rounded[p],[r.iconButton]:m,[d.disabled]:a&&d&&d.disabled,[d.selected]:$&&d&&d.selected,[r.disabled]:a,[r.selected]:$,[r.isRtl]:o}},text:i=>{const{c:o=f}=i;return{[o.text]:!0}},icon:i=>{const{c:o=f}=i;return{[o.icon]:!0}}},s={wrapper:{main:`${M}-${e.button.prefix}`,focus:`${e.base.prefix}-${e.states.focus}`,disabled:`${e.base.prefix}-${e.states.disabled}`},ul:{group:`${M}-${e.ddb.group}`,size:{small:`${M}-${e.ddb.group}-${e.sizeMap.small}`,medium:`${M}-${e.ddb.group}-${e.sizeMap.medium}`,large:`${M}-${e.ddb.group}-${e.sizeMap.large}`}},li:{item:`${e.base.prefix}-${e.containers.item}`,focus:`${e.base.prefix}-${e.states.focus}`},item:`${M}-${e.containers.item}`,link:{main:`${e.base.prefix}-${e.elements.link}`,link:`${M}-${e.elements.link}`,selected:`${e.base.prefix}-${e.states.selected}`,disabled:`${e.base.prefix}-${e.states.disabled}`},popup:`${M}-${e.containers.popup}`},b={wrapper:i=>{const{focused:o,disabled:$,c:a=s}=i,t=a.wrapper;return{[t.main]:!0,[t.focus]:o,[t.disabled]:$}},ul:i=>{const{size:o,c:$=s}=i,a=$.ul;return{[a.group]:!0,[a.size[o]]:a.size[o],[`${M}-${e.ddb.group}-${o}`]:!a.size[o]}},li:i=>{const{focused:o,c:$=s}=i,a=$.li;return{[a.item]:!0,[a.focus]:o}},item:i=>{const{c:o=s}=i;return o.item},link:i=>{const{selected:o,disabled:$,c:a=s}=i,t=a.link;return{[t.main]:!0,[t.link]:!0,[t.selected]:o,[t.disabled]:$}},popup:i=>{const{c:o=s}=i;return{[o.popup]:!0}}};exports.uButton=C;exports.uDropDownButton=b;
|