@elaraai/east-ui 0.0.1-beta.3 → 0.0.1-beta.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/README.md +3 -2
- package/dist/src/buttons/button/index.d.ts +57 -0
- package/dist/src/buttons/button/index.d.ts.map +1 -1
- package/dist/src/buttons/button/index.js +57 -0
- package/dist/src/buttons/button/index.js.map +1 -1
- package/dist/src/buttons/icon-button/index.d.ts +62 -0
- package/dist/src/buttons/icon-button/index.d.ts.map +1 -1
- package/dist/src/buttons/icon-button/index.js +62 -0
- package/dist/src/buttons/icon-button/index.js.map +1 -1
- package/dist/src/charts/index.d.ts +603 -18
- package/dist/src/charts/index.d.ts.map +1 -1
- package/dist/src/charts/index.js +603 -20
- package/dist/src/charts/index.js.map +1 -1
- package/dist/src/charts/sparkline/index.d.ts +47 -0
- package/dist/src/charts/sparkline/index.d.ts.map +1 -1
- package/dist/src/charts/sparkline/index.js +47 -0
- package/dist/src/charts/sparkline/index.js.map +1 -1
- package/dist/src/collections/data-list/index.d.ts +89 -0
- package/dist/src/collections/data-list/index.d.ts.map +1 -1
- package/dist/src/collections/data-list/index.js +89 -0
- package/dist/src/collections/data-list/index.js.map +1 -1
- package/dist/src/collections/gantt/index.d.ts +692 -4
- package/dist/src/collections/gantt/index.d.ts.map +1 -1
- package/dist/src/collections/gantt/index.js +177 -4
- package/dist/src/collections/gantt/index.js.map +1 -1
- package/dist/src/collections/table/index.d.ts +511 -0
- package/dist/src/collections/table/index.d.ts.map +1 -1
- package/dist/src/collections/table/index.js +99 -0
- package/dist/src/collections/table/index.js.map +1 -1
- package/dist/src/collections/tree-view/index.d.ts +170 -0
- package/dist/src/collections/tree-view/index.d.ts.map +1 -1
- package/dist/src/collections/tree-view/index.js +170 -0
- package/dist/src/collections/tree-view/index.js.map +1 -1
- package/dist/src/component.d.ts +103 -0
- package/dist/src/component.d.ts.map +1 -1
- package/dist/src/component.js +15 -1
- package/dist/src/component.js.map +1 -1
- package/dist/src/container/card/index.d.ts +266 -0
- package/dist/src/container/card/index.d.ts.map +1 -1
- package/dist/src/container/card/index.js +60 -0
- package/dist/src/container/card/index.js.map +1 -1
- package/dist/src/disclosure/accordion/index.d.ts +495 -0
- package/dist/src/disclosure/accordion/index.d.ts.map +1 -1
- package/dist/src/disclosure/accordion/index.js +83 -0
- package/dist/src/disclosure/accordion/index.js.map +1 -1
- package/dist/src/disclosure/carousel/index.d.ts +266 -4
- package/dist/src/disclosure/carousel/index.d.ts.map +1 -1
- package/dist/src/disclosure/carousel/index.js +60 -4
- package/dist/src/disclosure/carousel/index.js.map +1 -1
- package/dist/src/disclosure/tabs/index.d.ts +591 -0
- package/dist/src/disclosure/tabs/index.d.ts.map +1 -1
- package/dist/src/disclosure/tabs/index.js +179 -0
- package/dist/src/disclosure/tabs/index.js.map +1 -1
- package/dist/src/display/avatar/index.d.ts +35 -0
- package/dist/src/display/avatar/index.d.ts.map +1 -1
- package/dist/src/display/avatar/index.js +35 -0
- package/dist/src/display/avatar/index.js.map +1 -1
- package/dist/src/display/badge/index.d.ts +35 -0
- package/dist/src/display/badge/index.d.ts.map +1 -1
- package/dist/src/display/badge/index.js +35 -0
- package/dist/src/display/badge/index.js.map +1 -1
- package/dist/src/display/icon/index.d.ts +78 -6
- package/dist/src/display/icon/index.d.ts.map +1 -1
- package/dist/src/display/icon/index.js +78 -6
- package/dist/src/display/icon/index.js.map +1 -1
- package/dist/src/display/stat/index.d.ts +67 -2
- package/dist/src/display/stat/index.d.ts.map +1 -1
- package/dist/src/display/stat/index.js +68 -3
- package/dist/src/display/stat/index.js.map +1 -1
- package/dist/src/display/tag/index.d.ts +48 -0
- package/dist/src/display/tag/index.d.ts.map +1 -1
- package/dist/src/display/tag/index.js +48 -0
- package/dist/src/display/tag/index.js.map +1 -1
- package/dist/src/feedback/alert/index.d.ts +64 -0
- package/dist/src/feedback/alert/index.d.ts.map +1 -1
- package/dist/src/feedback/alert/index.js +64 -0
- package/dist/src/feedback/alert/index.js.map +1 -1
- package/dist/src/feedback/progress/index.d.ts +54 -0
- package/dist/src/feedback/progress/index.d.ts.map +1 -1
- package/dist/src/feedback/progress/index.js +54 -0
- package/dist/src/feedback/progress/index.js.map +1 -1
- package/dist/src/forms/checkbox/index.d.ts +38 -0
- package/dist/src/forms/checkbox/index.d.ts.map +1 -1
- package/dist/src/forms/checkbox/index.js +38 -0
- package/dist/src/forms/checkbox/index.js.map +1 -1
- package/dist/src/forms/field/index.d.ts +248 -0
- package/dist/src/forms/field/index.d.ts.map +1 -1
- package/dist/src/forms/field/index.js +42 -0
- package/dist/src/forms/field/index.js.map +1 -1
- package/dist/src/forms/fieldset/index.d.ts +30 -3
- package/dist/src/forms/fieldset/index.d.ts.map +1 -1
- package/dist/src/forms/fieldset/index.js +30 -3
- package/dist/src/forms/fieldset/index.js.map +1 -1
- package/dist/src/forms/file-upload/index.d.ts +48 -4
- package/dist/src/forms/file-upload/index.d.ts.map +1 -1
- package/dist/src/forms/file-upload/index.js +48 -4
- package/dist/src/forms/file-upload/index.js.map +1 -1
- package/dist/src/forms/input/index.d.ts +93 -14
- package/dist/src/forms/input/index.d.ts.map +1 -1
- package/dist/src/forms/input/index.js +93 -14
- package/dist/src/forms/input/index.js.map +1 -1
- package/dist/src/forms/select/index.d.ts +10 -6
- package/dist/src/forms/select/index.d.ts.map +1 -1
- package/dist/src/forms/select/index.js +10 -6
- package/dist/src/forms/select/index.js.map +1 -1
- package/dist/src/forms/slider/index.d.ts +15 -0
- package/dist/src/forms/slider/index.d.ts.map +1 -1
- package/dist/src/forms/slider/index.js +15 -0
- package/dist/src/forms/slider/index.js.map +1 -1
- package/dist/src/forms/switch/index.d.ts +20 -0
- package/dist/src/forms/switch/index.d.ts.map +1 -1
- package/dist/src/forms/switch/index.js +20 -0
- package/dist/src/forms/switch/index.js.map +1 -1
- package/dist/src/forms/tags-input/index.d.ts +33 -4
- package/dist/src/forms/tags-input/index.d.ts.map +1 -1
- package/dist/src/forms/tags-input/index.js +33 -4
- package/dist/src/forms/tags-input/index.js.map +1 -1
- package/dist/src/forms/textarea/index.d.ts +36 -4
- package/dist/src/forms/textarea/index.d.ts.map +1 -1
- package/dist/src/forms/textarea/index.js +36 -4
- package/dist/src/forms/textarea/index.js.map +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/layout/box/index.d.ts +341 -0
- package/dist/src/layout/box/index.d.ts.map +1 -1
- package/dist/src/layout/box/index.js +135 -0
- package/dist/src/layout/box/index.js.map +1 -1
- package/dist/src/layout/grid/index.d.ts +515 -0
- package/dist/src/layout/grid/index.d.ts.map +1 -1
- package/dist/src/layout/grid/index.js +103 -0
- package/dist/src/layout/grid/index.js.map +1 -1
- package/dist/src/layout/separator/index.d.ts +41 -0
- package/dist/src/layout/separator/index.d.ts.map +1 -1
- package/dist/src/layout/separator/index.js +41 -0
- package/dist/src/layout/separator/index.js.map +1 -1
- package/dist/src/layout/splitter/index.d.ts +504 -0
- package/dist/src/layout/splitter/index.d.ts.map +1 -1
- package/dist/src/layout/splitter/index.js +92 -0
- package/dist/src/layout/splitter/index.js.map +1 -1
- package/dist/src/layout/stack/index.d.ts +364 -0
- package/dist/src/layout/stack/index.d.ts.map +1 -1
- package/dist/src/layout/stack/index.js +158 -0
- package/dist/src/layout/stack/index.js.map +1 -1
- package/dist/src/overlays/action-bar/index.d.ts +105 -0
- package/dist/src/overlays/action-bar/index.d.ts.map +1 -1
- package/dist/src/overlays/action-bar/index.js +105 -0
- package/dist/src/overlays/action-bar/index.js.map +1 -1
- package/dist/src/overlays/dialog/index.d.ts +500 -0
- package/dist/src/overlays/dialog/index.d.ts.map +1 -1
- package/dist/src/overlays/dialog/index.js +88 -0
- package/dist/src/overlays/dialog/index.js.map +1 -1
- package/dist/src/overlays/drawer/index.d.ts +476 -0
- package/dist/src/overlays/drawer/index.d.ts.map +1 -1
- package/dist/src/overlays/drawer/index.js +64 -0
- package/dist/src/overlays/drawer/index.js.map +1 -1
- package/dist/src/overlays/hover-card/index.d.ts +489 -0
- package/dist/src/overlays/hover-card/index.d.ts.map +1 -1
- package/dist/src/overlays/hover-card/index.js +77 -0
- package/dist/src/overlays/hover-card/index.js.map +1 -1
- package/dist/src/overlays/menu/index.d.ts +338 -8
- package/dist/src/overlays/menu/index.d.ts.map +1 -1
- package/dist/src/overlays/menu/index.js +132 -8
- package/dist/src/overlays/menu/index.js.map +1 -1
- package/dist/src/overlays/popover/index.d.ts +496 -0
- package/dist/src/overlays/popover/index.d.ts.map +1 -1
- package/dist/src/overlays/popover/index.js +84 -0
- package/dist/src/overlays/popover/index.js.map +1 -1
- package/dist/src/overlays/toggle-tip/index.d.ts +273 -0
- package/dist/src/overlays/toggle-tip/index.d.ts.map +1 -1
- package/dist/src/overlays/toggle-tip/index.js +67 -0
- package/dist/src/overlays/toggle-tip/index.js.map +1 -1
- package/dist/src/overlays/tooltip/index.d.ts +284 -0
- package/dist/src/overlays/tooltip/index.d.ts.map +1 -1
- package/dist/src/overlays/tooltip/index.js +78 -0
- package/dist/src/overlays/tooltip/index.js.map +1 -1
- package/dist/src/typography/code/index.d.ts +61 -0
- package/dist/src/typography/code/index.d.ts.map +1 -0
- package/dist/src/typography/code/index.js +65 -0
- package/dist/src/typography/code/index.js.map +1 -0
- package/dist/src/typography/code/types.d.ts +56 -0
- package/dist/src/typography/code/types.d.ts.map +1 -0
- package/dist/src/typography/code/types.js +39 -0
- package/dist/src/typography/code/types.js.map +1 -0
- package/dist/src/typography/code-block/index.d.ts +86 -0
- package/dist/src/typography/code-block/index.d.ts.map +1 -0
- package/dist/src/typography/code-block/index.js +78 -0
- package/dist/src/typography/code-block/index.js.map +1 -0
- package/dist/src/typography/code-block/types.d.ts +100 -0
- package/dist/src/typography/code-block/types.d.ts.map +1 -0
- package/dist/src/typography/code-block/types.js +70 -0
- package/dist/src/typography/code-block/types.js.map +1 -0
- package/dist/src/typography/heading/index.d.ts +92 -0
- package/dist/src/typography/heading/index.d.ts.map +1 -0
- package/dist/src/typography/heading/index.js +73 -0
- package/dist/src/typography/heading/index.js.map +1 -0
- package/dist/src/typography/heading/types.d.ts +108 -0
- package/dist/src/typography/heading/types.d.ts.map +1 -0
- package/dist/src/typography/heading/types.js +76 -0
- package/dist/src/typography/heading/types.js.map +1 -0
- package/dist/src/typography/highlight/index.d.ts +48 -0
- package/dist/src/typography/highlight/index.d.ts.map +1 -0
- package/dist/src/typography/highlight/index.js +60 -0
- package/dist/src/typography/highlight/index.js.map +1 -0
- package/dist/src/typography/highlight/types.d.ts +26 -0
- package/dist/src/typography/highlight/types.d.ts.map +1 -0
- package/dist/src/typography/highlight/types.js +21 -0
- package/dist/src/typography/highlight/types.js.map +1 -0
- package/dist/src/typography/index.d.ts +16 -120
- package/dist/src/typography/index.d.ts.map +1 -1
- package/dist/src/typography/index.js +24 -128
- package/dist/src/typography/index.js.map +1 -1
- package/dist/src/typography/link/index.d.ts +56 -0
- package/dist/src/typography/link/index.d.ts.map +1 -0
- package/dist/src/typography/link/index.js +66 -0
- package/dist/src/typography/link/index.js.map +1 -0
- package/dist/src/typography/link/types.d.ts +49 -0
- package/dist/src/typography/link/types.d.ts.map +1 -0
- package/dist/src/typography/link/types.js +38 -0
- package/dist/src/typography/link/types.js.map +1 -0
- package/dist/src/typography/list/index.d.ts +59 -0
- package/dist/src/typography/list/index.d.ts.map +1 -0
- package/dist/src/typography/list/index.js +61 -0
- package/dist/src/typography/list/index.js.map +1 -0
- package/dist/src/typography/list/types.d.ts +47 -0
- package/dist/src/typography/list/types.d.ts.map +1 -0
- package/dist/src/typography/list/types.js +36 -0
- package/dist/src/typography/list/types.js.map +1 -0
- package/dist/src/typography/mark/index.d.ts +57 -0
- package/dist/src/typography/mark/index.d.ts.map +1 -0
- package/dist/src/typography/mark/index.js +58 -0
- package/dist/src/typography/mark/index.js.map +1 -0
- package/dist/src/typography/mark/types.d.ts +49 -0
- package/dist/src/typography/mark/types.d.ts.map +1 -0
- package/dist/src/typography/mark/types.js +38 -0
- package/dist/src/typography/mark/types.js.map +1 -0
- package/dist/src/typography/text/index.d.ts +122 -0
- package/dist/src/typography/text/index.d.ts.map +1 -0
- package/dist/src/typography/text/index.js +130 -0
- package/dist/src/typography/text/index.js.map +1 -0
- package/dist/src/typography/{types.d.ts → text/types.d.ts} +2 -2
- package/dist/src/typography/text/types.d.ts.map +1 -0
- package/dist/src/typography/{types.js → text/types.js} +1 -1
- package/dist/src/typography/text/types.js.map +1 -0
- package/package.json +1 -1
- package/dist/src/typography/types.d.ts.map +0 -1
- package/dist/src/typography/types.js.map +0 -1
|
@@ -119,11 +119,95 @@ function createPopover(trigger, body, style) {
|
|
|
119
119
|
* ```
|
|
120
120
|
*/
|
|
121
121
|
export const Popover = {
|
|
122
|
+
/**
|
|
123
|
+
* Creates a Popover component with a trigger and body content.
|
|
124
|
+
*
|
|
125
|
+
* @param trigger - The UI component that opens the popover
|
|
126
|
+
* @param body - Array of UI components for popover content
|
|
127
|
+
* @param style - Optional styling configuration
|
|
128
|
+
* @returns An East expression representing the popover component
|
|
129
|
+
*
|
|
130
|
+
* @remarks
|
|
131
|
+
* Popover displays rich interactive content in a floating panel.
|
|
132
|
+
* Unlike Tooltip, it's controlled via click and can contain form elements.
|
|
133
|
+
*
|
|
134
|
+
* @example
|
|
135
|
+
* ```ts
|
|
136
|
+
* import { East } from "@elaraai/east";
|
|
137
|
+
* import { Popover, Button, Text, UIComponentType } from "@elaraai/east-ui";
|
|
138
|
+
*
|
|
139
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
140
|
+
* return Popover.Root(
|
|
141
|
+
* Button.Root("Show Info"),
|
|
142
|
+
* [Text.Root("Popover content here")],
|
|
143
|
+
* { title: "Information" }
|
|
144
|
+
* );
|
|
145
|
+
* });
|
|
146
|
+
* ```
|
|
147
|
+
*/
|
|
122
148
|
Root: createPopover,
|
|
123
149
|
Types: {
|
|
150
|
+
/**
|
|
151
|
+
* The concrete East type for Popover component data.
|
|
152
|
+
*
|
|
153
|
+
* @remarks
|
|
154
|
+
* This struct type represents the serializable data structure for a Popover
|
|
155
|
+
* component. Popover is a floating panel that appears near a trigger element
|
|
156
|
+
* and can contain interactive content.
|
|
157
|
+
*
|
|
158
|
+
* @property trigger - The UI component that opens the popover (UIComponentType)
|
|
159
|
+
* @property body - Array of UI components for popover content (ArrayType<UIComponentType>)
|
|
160
|
+
* @property title - Optional popover title (OptionType<StringType>)
|
|
161
|
+
* @property description - Optional popover description (OptionType<StringType>)
|
|
162
|
+
* @property style - Optional style configuration (OptionType<PopoverStyleType>)
|
|
163
|
+
*/
|
|
124
164
|
Popover: PopoverType,
|
|
165
|
+
/**
|
|
166
|
+
* The concrete East type for Popover style configuration.
|
|
167
|
+
*
|
|
168
|
+
* @remarks
|
|
169
|
+
* This struct type defines the styling configuration for a Popover component.
|
|
170
|
+
* Controls the popover size, positioning, and visual appearance.
|
|
171
|
+
*
|
|
172
|
+
* @property size - Popover size variant: xs, sm, md, lg (OptionType<PopoverSizeType>)
|
|
173
|
+
* @property placement - Position relative to trigger (OptionType<PlacementType>)
|
|
174
|
+
* @property hasArrow - Show arrow pointing to trigger (OptionType<BooleanType>)
|
|
175
|
+
* @property gutter - Gap between trigger and popover (OptionType<IntegerType>)
|
|
176
|
+
*/
|
|
125
177
|
Style: PopoverStyleType,
|
|
178
|
+
/**
|
|
179
|
+
* Size variant type for Popover component dimensions.
|
|
180
|
+
*
|
|
181
|
+
* @remarks
|
|
182
|
+
* This variant type provides type-safe size options for popovers.
|
|
183
|
+
* Affects the padding and maximum width of the popover container.
|
|
184
|
+
*
|
|
185
|
+
* @property xs - Extra small popover with minimal padding
|
|
186
|
+
* @property sm - Small popover with compact padding
|
|
187
|
+
* @property md - Medium popover with standard padding (default)
|
|
188
|
+
* @property lg - Large popover with generous padding
|
|
189
|
+
*/
|
|
126
190
|
Size: PopoverSizeType,
|
|
191
|
+
/**
|
|
192
|
+
* Placement variant type for Popover positioning.
|
|
193
|
+
*
|
|
194
|
+
* @remarks
|
|
195
|
+
* Controls where the popover appears relative to its trigger element.
|
|
196
|
+
* Supports all cardinal directions with start/end variations.
|
|
197
|
+
*
|
|
198
|
+
* @property top - Centered above the trigger
|
|
199
|
+
* @property top-start - Above, aligned to start
|
|
200
|
+
* @property top-end - Above, aligned to end
|
|
201
|
+
* @property bottom - Centered below the trigger
|
|
202
|
+
* @property bottom-start - Below, aligned to start
|
|
203
|
+
* @property bottom-end - Below, aligned to end
|
|
204
|
+
* @property left - Centered to the left
|
|
205
|
+
* @property left-start - Left, aligned to start
|
|
206
|
+
* @property left-end - Left, aligned to end
|
|
207
|
+
* @property right - Centered to the right
|
|
208
|
+
* @property right-start - Right, aligned to start
|
|
209
|
+
* @property right-end - Right, aligned to end
|
|
210
|
+
*/
|
|
127
211
|
Placement: PlacementType,
|
|
128
212
|
},
|
|
129
213
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/popover/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/popover/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EAAE,UAAU,EACtB,UAAU,EACV,SAAS,EACT,OAAO,EACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,eAAe,EACf,gBAAgB,EACG,aAAa,EACnC,MAAM,YAAY,CAAC;AAEpB,kBAAkB;AAClB,OAAO,EACH,eAAe,EACf,gBAAgB,EAEhB,aAAa,GAChB,MAAM,YAAY,CAAC;AAGpB,+EAA+E;AAC/E,eAAe;AACf,+EAA+E;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC;IAClC,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,SAAS,CAAC,eAAe,CAAC;IAChC,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC;IAC7B,WAAW,EAAE,UAAU,CAAC,UAAU,CAAC;IACnC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC;CACtC,CAAC,CAAC;AAOH,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,SAAS,aAAa,CAClB,OAA4C,EAC5C,IAAoD,EACpD,KAAoB;IAEpB,MAAM,SAAS,GAAG,KAAK,EAAE,IAAI;QACzB,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC7B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,eAAe,CAAC;YACxD,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;QACjB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,cAAc,GAAG,KAAK,EAAE,SAAS;QACnC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YAClC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,aAAa,CAAC;YAC3D,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;QACjC,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QACxF,WAAW,EAAE,KAAK,EAAE,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;QAC1G,KAAK,EAAE,SAAS,IAAI,cAAc,IAAI,KAAK,EAAE,QAAQ,KAAK,SAAS,IAAI,KAAK,EAAE,MAAM,KAAK,SAAS;YAC9F,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;gBACzB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;gBACpE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;gBACnF,QAAQ,EAAE,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;gBACjG,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;aAC9F,EAAE,gBAAgB,CAAC,CAAC;YACrB,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KAC9B,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACH;;;;;;;;;;;;;WAaG;QACH,OAAO,EAAE,WAAW;QACpB;;;;;;;;;;;WAWG;QACH,KAAK,EAAE,gBAAgB;QACvB;;;;;;;;;;;WAWG;QACH,IAAI,EAAE,eAAe;QACrB;;;;;;;;;;;;;;;;;;;WAmBG;QACH,SAAS,EAAE,aAAa;KAC3B;CACK,CAAC"}
|
|
@@ -85,6 +85,109 @@ export declare const ToggleTipType: StructType<{
|
|
|
85
85
|
}>>;
|
|
86
86
|
borderColor: OptionType<StringType>;
|
|
87
87
|
}>;
|
|
88
|
+
Code: StructType<{
|
|
89
|
+
value: StringType;
|
|
90
|
+
variant: OptionType<import("@elaraai/east").VariantType<{
|
|
91
|
+
subtle: import("@elaraai/east").NullType;
|
|
92
|
+
surface: import("@elaraai/east").NullType;
|
|
93
|
+
outline: import("@elaraai/east").NullType;
|
|
94
|
+
}>>;
|
|
95
|
+
colorPalette: OptionType<StringType>;
|
|
96
|
+
size: OptionType<import("@elaraai/east").VariantType<{
|
|
97
|
+
xs: import("@elaraai/east").NullType;
|
|
98
|
+
sm: import("@elaraai/east").NullType;
|
|
99
|
+
md: import("@elaraai/east").NullType;
|
|
100
|
+
lg: import("@elaraai/east").NullType;
|
|
101
|
+
}>>;
|
|
102
|
+
}>;
|
|
103
|
+
Heading: StructType<{
|
|
104
|
+
value: StringType;
|
|
105
|
+
size: OptionType<import("@elaraai/east").VariantType<{
|
|
106
|
+
xs: import("@elaraai/east").NullType;
|
|
107
|
+
sm: import("@elaraai/east").NullType;
|
|
108
|
+
md: import("@elaraai/east").NullType;
|
|
109
|
+
lg: import("@elaraai/east").NullType;
|
|
110
|
+
xl: import("@elaraai/east").NullType;
|
|
111
|
+
"2xl": import("@elaraai/east").NullType;
|
|
112
|
+
"3xl": import("@elaraai/east").NullType;
|
|
113
|
+
"4xl": import("@elaraai/east").NullType;
|
|
114
|
+
"5xl": import("@elaraai/east").NullType;
|
|
115
|
+
"6xl": import("@elaraai/east").NullType;
|
|
116
|
+
}>>;
|
|
117
|
+
as: OptionType<import("@elaraai/east").VariantType<{
|
|
118
|
+
h1: import("@elaraai/east").NullType;
|
|
119
|
+
h2: import("@elaraai/east").NullType;
|
|
120
|
+
h3: import("@elaraai/east").NullType;
|
|
121
|
+
h4: import("@elaraai/east").NullType;
|
|
122
|
+
h5: import("@elaraai/east").NullType;
|
|
123
|
+
h6: import("@elaraai/east").NullType;
|
|
124
|
+
}>>;
|
|
125
|
+
color: OptionType<StringType>;
|
|
126
|
+
textAlign: OptionType<import("@elaraai/east").VariantType<{
|
|
127
|
+
left: import("@elaraai/east").NullType;
|
|
128
|
+
center: import("@elaraai/east").NullType;
|
|
129
|
+
right: import("@elaraai/east").NullType;
|
|
130
|
+
justify: import("@elaraai/east").NullType;
|
|
131
|
+
}>>;
|
|
132
|
+
}>;
|
|
133
|
+
Link: StructType<{
|
|
134
|
+
value: StringType;
|
|
135
|
+
href: StringType;
|
|
136
|
+
external: OptionType<import("@elaraai/east").BooleanType>;
|
|
137
|
+
variant: OptionType<import("@elaraai/east").VariantType<{
|
|
138
|
+
underline: import("@elaraai/east").NullType;
|
|
139
|
+
plain: import("@elaraai/east").NullType;
|
|
140
|
+
}>>;
|
|
141
|
+
colorPalette: OptionType<StringType>;
|
|
142
|
+
}>;
|
|
143
|
+
Highlight: StructType<{
|
|
144
|
+
value: StringType;
|
|
145
|
+
query: import("@elaraai/east").ArrayType<StringType>;
|
|
146
|
+
color: OptionType<StringType>;
|
|
147
|
+
}>;
|
|
148
|
+
Mark: StructType<{
|
|
149
|
+
value: StringType;
|
|
150
|
+
variant: OptionType<import("@elaraai/east").VariantType<{
|
|
151
|
+
subtle: import("@elaraai/east").NullType;
|
|
152
|
+
solid: import("@elaraai/east").NullType;
|
|
153
|
+
text: import("@elaraai/east").NullType;
|
|
154
|
+
plain: import("@elaraai/east").NullType;
|
|
155
|
+
}>>;
|
|
156
|
+
colorPalette: OptionType<StringType>;
|
|
157
|
+
}>;
|
|
158
|
+
List: StructType<{
|
|
159
|
+
items: import("@elaraai/east").ArrayType<StringType>;
|
|
160
|
+
variant: OptionType<import("@elaraai/east").VariantType<{
|
|
161
|
+
ordered: import("@elaraai/east").NullType;
|
|
162
|
+
unordered: import("@elaraai/east").NullType;
|
|
163
|
+
}>>;
|
|
164
|
+
gap: OptionType<StringType>;
|
|
165
|
+
colorPalette: OptionType<StringType>;
|
|
166
|
+
}>;
|
|
167
|
+
CodeBlock: StructType<{
|
|
168
|
+
code: StringType;
|
|
169
|
+
language: OptionType<import("@elaraai/east").VariantType<{
|
|
170
|
+
typescript: import("@elaraai/east").NullType;
|
|
171
|
+
javascript: import("@elaraai/east").NullType;
|
|
172
|
+
json: import("@elaraai/east").NullType;
|
|
173
|
+
html: import("@elaraai/east").NullType;
|
|
174
|
+
css: import("@elaraai/east").NullType;
|
|
175
|
+
python: import("@elaraai/east").NullType;
|
|
176
|
+
rust: import("@elaraai/east").NullType;
|
|
177
|
+
go: import("@elaraai/east").NullType;
|
|
178
|
+
sql: import("@elaraai/east").NullType;
|
|
179
|
+
bash: import("@elaraai/east").NullType;
|
|
180
|
+
markdown: import("@elaraai/east").NullType;
|
|
181
|
+
yaml: import("@elaraai/east").NullType;
|
|
182
|
+
xml: import("@elaraai/east").NullType;
|
|
183
|
+
plaintext: import("@elaraai/east").NullType;
|
|
184
|
+
}>>;
|
|
185
|
+
showLineNumbers: OptionType<import("@elaraai/east").BooleanType>;
|
|
186
|
+
highlightLines: OptionType<import("@elaraai/east").ArrayType<import("@elaraai/east").IntegerType>>;
|
|
187
|
+
maxHeight: OptionType<StringType>;
|
|
188
|
+
showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
|
|
189
|
+
title: OptionType<StringType>;
|
|
190
|
+
}>;
|
|
88
191
|
Button: StructType<{
|
|
89
192
|
label: StringType;
|
|
90
193
|
style: OptionType<StructType<{
|
|
@@ -3571,8 +3674,45 @@ declare function createToggleTip(trigger: SubtypeExprOrValue<UIComponentType>, c
|
|
|
3571
3674
|
* ```
|
|
3572
3675
|
*/
|
|
3573
3676
|
export declare const ToggleTip: {
|
|
3677
|
+
/**
|
|
3678
|
+
* Creates a ToggleTip component with a trigger and content.
|
|
3679
|
+
*
|
|
3680
|
+
* @param trigger - The UI component that toggles the tip
|
|
3681
|
+
* @param content - The text content of the tip
|
|
3682
|
+
* @param style - Optional styling configuration
|
|
3683
|
+
* @returns An East expression representing the toggle tip component
|
|
3684
|
+
*
|
|
3685
|
+
* @remarks
|
|
3686
|
+
* ToggleTip provides an accessible alternative to hover-based tooltips.
|
|
3687
|
+
* It's activated by clicking, making it accessible to keyboard and touch users.
|
|
3688
|
+
*
|
|
3689
|
+
* @example
|
|
3690
|
+
* ```ts
|
|
3691
|
+
* import { East } from "@elaraai/east";
|
|
3692
|
+
* import { ToggleTip, IconButton, UIComponentType } from "@elaraai/east-ui";
|
|
3693
|
+
*
|
|
3694
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
3695
|
+
* return ToggleTip.Root(
|
|
3696
|
+
* IconButton.Root("fas", "circle-info"),
|
|
3697
|
+
* "Click for more information about this feature"
|
|
3698
|
+
* );
|
|
3699
|
+
* });
|
|
3700
|
+
* ```
|
|
3701
|
+
*/
|
|
3574
3702
|
readonly Root: typeof createToggleTip;
|
|
3575
3703
|
readonly Types: {
|
|
3704
|
+
/**
|
|
3705
|
+
* The concrete East type for ToggleTip component data.
|
|
3706
|
+
*
|
|
3707
|
+
* @remarks
|
|
3708
|
+
* This struct type represents the serializable data structure for a ToggleTip
|
|
3709
|
+
* component. ToggleTip is a click-activated tooltip for better accessibility,
|
|
3710
|
+
* unlike hover-based Tooltip.
|
|
3711
|
+
*
|
|
3712
|
+
* @property trigger - The UI component that toggles the tip (UIComponentType)
|
|
3713
|
+
* @property content - The text content of the tip (StringType)
|
|
3714
|
+
* @property style - Optional style configuration (OptionType<ToggleTipStyleType>)
|
|
3715
|
+
*/
|
|
3576
3716
|
readonly ToggleTip: StructType<{
|
|
3577
3717
|
trigger: import("@elaraai/east").RecursiveType<import("@elaraai/east").VariantType<{
|
|
3578
3718
|
Text: StructType<{
|
|
@@ -3640,6 +3780,109 @@ export declare const ToggleTip: {
|
|
|
3640
3780
|
}>>;
|
|
3641
3781
|
borderColor: OptionType<StringType>;
|
|
3642
3782
|
}>;
|
|
3783
|
+
Code: StructType<{
|
|
3784
|
+
value: StringType;
|
|
3785
|
+
variant: OptionType<import("@elaraai/east").VariantType<{
|
|
3786
|
+
subtle: import("@elaraai/east").NullType;
|
|
3787
|
+
surface: import("@elaraai/east").NullType;
|
|
3788
|
+
outline: import("@elaraai/east").NullType;
|
|
3789
|
+
}>>;
|
|
3790
|
+
colorPalette: OptionType<StringType>;
|
|
3791
|
+
size: OptionType<import("@elaraai/east").VariantType<{
|
|
3792
|
+
xs: import("@elaraai/east").NullType;
|
|
3793
|
+
sm: import("@elaraai/east").NullType;
|
|
3794
|
+
md: import("@elaraai/east").NullType;
|
|
3795
|
+
lg: import("@elaraai/east").NullType;
|
|
3796
|
+
}>>;
|
|
3797
|
+
}>;
|
|
3798
|
+
Heading: StructType<{
|
|
3799
|
+
value: StringType;
|
|
3800
|
+
size: OptionType<import("@elaraai/east").VariantType<{
|
|
3801
|
+
xs: import("@elaraai/east").NullType;
|
|
3802
|
+
sm: import("@elaraai/east").NullType;
|
|
3803
|
+
md: import("@elaraai/east").NullType;
|
|
3804
|
+
lg: import("@elaraai/east").NullType;
|
|
3805
|
+
xl: import("@elaraai/east").NullType;
|
|
3806
|
+
"2xl": import("@elaraai/east").NullType;
|
|
3807
|
+
"3xl": import("@elaraai/east").NullType;
|
|
3808
|
+
"4xl": import("@elaraai/east").NullType;
|
|
3809
|
+
"5xl": import("@elaraai/east").NullType;
|
|
3810
|
+
"6xl": import("@elaraai/east").NullType;
|
|
3811
|
+
}>>;
|
|
3812
|
+
as: OptionType<import("@elaraai/east").VariantType<{
|
|
3813
|
+
h1: import("@elaraai/east").NullType;
|
|
3814
|
+
h2: import("@elaraai/east").NullType;
|
|
3815
|
+
h3: import("@elaraai/east").NullType;
|
|
3816
|
+
h4: import("@elaraai/east").NullType;
|
|
3817
|
+
h5: import("@elaraai/east").NullType;
|
|
3818
|
+
h6: import("@elaraai/east").NullType;
|
|
3819
|
+
}>>;
|
|
3820
|
+
color: OptionType<StringType>;
|
|
3821
|
+
textAlign: OptionType<import("@elaraai/east").VariantType<{
|
|
3822
|
+
left: import("@elaraai/east").NullType;
|
|
3823
|
+
center: import("@elaraai/east").NullType;
|
|
3824
|
+
right: import("@elaraai/east").NullType;
|
|
3825
|
+
justify: import("@elaraai/east").NullType;
|
|
3826
|
+
}>>;
|
|
3827
|
+
}>;
|
|
3828
|
+
Link: StructType<{
|
|
3829
|
+
value: StringType;
|
|
3830
|
+
href: StringType;
|
|
3831
|
+
external: OptionType<import("@elaraai/east").BooleanType>;
|
|
3832
|
+
variant: OptionType<import("@elaraai/east").VariantType<{
|
|
3833
|
+
underline: import("@elaraai/east").NullType;
|
|
3834
|
+
plain: import("@elaraai/east").NullType;
|
|
3835
|
+
}>>;
|
|
3836
|
+
colorPalette: OptionType<StringType>;
|
|
3837
|
+
}>;
|
|
3838
|
+
Highlight: StructType<{
|
|
3839
|
+
value: StringType;
|
|
3840
|
+
query: import("@elaraai/east").ArrayType<StringType>;
|
|
3841
|
+
color: OptionType<StringType>;
|
|
3842
|
+
}>;
|
|
3843
|
+
Mark: StructType<{
|
|
3844
|
+
value: StringType;
|
|
3845
|
+
variant: OptionType<import("@elaraai/east").VariantType<{
|
|
3846
|
+
subtle: import("@elaraai/east").NullType;
|
|
3847
|
+
solid: import("@elaraai/east").NullType;
|
|
3848
|
+
text: import("@elaraai/east").NullType;
|
|
3849
|
+
plain: import("@elaraai/east").NullType;
|
|
3850
|
+
}>>;
|
|
3851
|
+
colorPalette: OptionType<StringType>;
|
|
3852
|
+
}>;
|
|
3853
|
+
List: StructType<{
|
|
3854
|
+
items: import("@elaraai/east").ArrayType<StringType>;
|
|
3855
|
+
variant: OptionType<import("@elaraai/east").VariantType<{
|
|
3856
|
+
ordered: import("@elaraai/east").NullType;
|
|
3857
|
+
unordered: import("@elaraai/east").NullType;
|
|
3858
|
+
}>>;
|
|
3859
|
+
gap: OptionType<StringType>;
|
|
3860
|
+
colorPalette: OptionType<StringType>;
|
|
3861
|
+
}>;
|
|
3862
|
+
CodeBlock: StructType<{
|
|
3863
|
+
code: StringType;
|
|
3864
|
+
language: OptionType<import("@elaraai/east").VariantType<{
|
|
3865
|
+
typescript: import("@elaraai/east").NullType;
|
|
3866
|
+
javascript: import("@elaraai/east").NullType;
|
|
3867
|
+
json: import("@elaraai/east").NullType;
|
|
3868
|
+
html: import("@elaraai/east").NullType;
|
|
3869
|
+
css: import("@elaraai/east").NullType;
|
|
3870
|
+
python: import("@elaraai/east").NullType;
|
|
3871
|
+
rust: import("@elaraai/east").NullType;
|
|
3872
|
+
go: import("@elaraai/east").NullType;
|
|
3873
|
+
sql: import("@elaraai/east").NullType;
|
|
3874
|
+
bash: import("@elaraai/east").NullType;
|
|
3875
|
+
markdown: import("@elaraai/east").NullType;
|
|
3876
|
+
yaml: import("@elaraai/east").NullType;
|
|
3877
|
+
xml: import("@elaraai/east").NullType;
|
|
3878
|
+
plaintext: import("@elaraai/east").NullType;
|
|
3879
|
+
}>>;
|
|
3880
|
+
showLineNumbers: OptionType<import("@elaraai/east").BooleanType>;
|
|
3881
|
+
highlightLines: OptionType<import("@elaraai/east").ArrayType<import("@elaraai/east").IntegerType>>;
|
|
3882
|
+
maxHeight: OptionType<StringType>;
|
|
3883
|
+
showCopyButton: OptionType<import("@elaraai/east").BooleanType>;
|
|
3884
|
+
title: OptionType<StringType>;
|
|
3885
|
+
}>;
|
|
3643
3886
|
Button: StructType<{
|
|
3644
3887
|
label: StringType;
|
|
3645
3888
|
style: OptionType<StructType<{
|
|
@@ -7069,6 +7312,16 @@ export declare const ToggleTip: {
|
|
|
7069
7312
|
hasArrow: OptionType<import("@elaraai/east").BooleanType>;
|
|
7070
7313
|
}>>;
|
|
7071
7314
|
}>;
|
|
7315
|
+
/**
|
|
7316
|
+
* The concrete East type for ToggleTip style configuration.
|
|
7317
|
+
*
|
|
7318
|
+
* @remarks
|
|
7319
|
+
* This struct type defines the styling configuration for a ToggleTip component.
|
|
7320
|
+
* Controls the placement and arrow visibility.
|
|
7321
|
+
*
|
|
7322
|
+
* @property placement - Position relative to trigger (OptionType<PlacementType>)
|
|
7323
|
+
* @property hasArrow - Show arrow pointing to trigger (OptionType<BooleanType>)
|
|
7324
|
+
*/
|
|
7072
7325
|
readonly Style: StructType<{
|
|
7073
7326
|
placement: OptionType<import("@elaraai/east").VariantType<{
|
|
7074
7327
|
top: import("@elaraai/east").NullType;
|
|
@@ -7086,6 +7339,26 @@ export declare const ToggleTip: {
|
|
|
7086
7339
|
}>>;
|
|
7087
7340
|
hasArrow: OptionType<import("@elaraai/east").BooleanType>;
|
|
7088
7341
|
}>;
|
|
7342
|
+
/**
|
|
7343
|
+
* Placement variant type for ToggleTip positioning.
|
|
7344
|
+
*
|
|
7345
|
+
* @remarks
|
|
7346
|
+
* Controls where the toggle tip appears relative to its trigger element.
|
|
7347
|
+
* Supports all cardinal directions with start/end variations.
|
|
7348
|
+
*
|
|
7349
|
+
* @property top - Centered above the trigger
|
|
7350
|
+
* @property top-start - Above, aligned to start
|
|
7351
|
+
* @property top-end - Above, aligned to end
|
|
7352
|
+
* @property bottom - Centered below the trigger
|
|
7353
|
+
* @property bottom-start - Below, aligned to start
|
|
7354
|
+
* @property bottom-end - Below, aligned to end
|
|
7355
|
+
* @property left - Centered to the left
|
|
7356
|
+
* @property left-start - Left, aligned to start
|
|
7357
|
+
* @property left-end - Left, aligned to end
|
|
7358
|
+
* @property right - Centered to the right
|
|
7359
|
+
* @property right-start - Right, aligned to start
|
|
7360
|
+
* @property right-end - Right, aligned to end
|
|
7361
|
+
*/
|
|
7089
7362
|
readonly Placement: import("@elaraai/east").VariantType<{
|
|
7090
7363
|
top: import("@elaraai/east").NullType;
|
|
7091
7364
|
"top-start": import("@elaraai/east").NullType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlays/toggle-tip/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,UAAU,EAAE,UAAU,EACtB,UAAU,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAEH,KAAK,cAAc,EAEtB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACH,kBAAkB,EAClB,KAAK,cAAc,EACnB,aAAa,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAMnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlays/toggle-tip/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,kBAAkB,EAEvB,UAAU,EAAE,UAAU,EACtB,UAAU,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAEH,KAAK,cAAc,EAEtB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACH,kBAAkB,EAClB,KAAK,cAAc,EACnB,aAAa,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAMnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIxB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AAMjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,eAAe,CACpB,OAAO,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAC5C,OAAO,EAAE,kBAAkB,CAAC,UAAU,CAAC,EACvC,KAAK,CAAC,EAAE,cAAc,GACvB,QAAQ,CAAC,eAAe,CAAC,CAiB3B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS;IAClB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;;;QAGC;;;;;;;;;;;WAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;WASG;;;;;;;;;;;;;;;;;;QAEH;;;;;;;;;;;;;;;;;;;WAmBG;;;;;;;;;;;;;;;;CAGD,CAAC"}
|
|
@@ -98,10 +98,77 @@ function createToggleTip(trigger, content, style) {
|
|
|
98
98
|
* ```
|
|
99
99
|
*/
|
|
100
100
|
export const ToggleTip = {
|
|
101
|
+
/**
|
|
102
|
+
* Creates a ToggleTip component with a trigger and content.
|
|
103
|
+
*
|
|
104
|
+
* @param trigger - The UI component that toggles the tip
|
|
105
|
+
* @param content - The text content of the tip
|
|
106
|
+
* @param style - Optional styling configuration
|
|
107
|
+
* @returns An East expression representing the toggle tip component
|
|
108
|
+
*
|
|
109
|
+
* @remarks
|
|
110
|
+
* ToggleTip provides an accessible alternative to hover-based tooltips.
|
|
111
|
+
* It's activated by clicking, making it accessible to keyboard and touch users.
|
|
112
|
+
*
|
|
113
|
+
* @example
|
|
114
|
+
* ```ts
|
|
115
|
+
* import { East } from "@elaraai/east";
|
|
116
|
+
* import { ToggleTip, IconButton, UIComponentType } from "@elaraai/east-ui";
|
|
117
|
+
*
|
|
118
|
+
* const example = East.function([], UIComponentType, $ => {
|
|
119
|
+
* return ToggleTip.Root(
|
|
120
|
+
* IconButton.Root("fas", "circle-info"),
|
|
121
|
+
* "Click for more information about this feature"
|
|
122
|
+
* );
|
|
123
|
+
* });
|
|
124
|
+
* ```
|
|
125
|
+
*/
|
|
101
126
|
Root: createToggleTip,
|
|
102
127
|
Types: {
|
|
128
|
+
/**
|
|
129
|
+
* The concrete East type for ToggleTip component data.
|
|
130
|
+
*
|
|
131
|
+
* @remarks
|
|
132
|
+
* This struct type represents the serializable data structure for a ToggleTip
|
|
133
|
+
* component. ToggleTip is a click-activated tooltip for better accessibility,
|
|
134
|
+
* unlike hover-based Tooltip.
|
|
135
|
+
*
|
|
136
|
+
* @property trigger - The UI component that toggles the tip (UIComponentType)
|
|
137
|
+
* @property content - The text content of the tip (StringType)
|
|
138
|
+
* @property style - Optional style configuration (OptionType<ToggleTipStyleType>)
|
|
139
|
+
*/
|
|
103
140
|
ToggleTip: ToggleTipType,
|
|
141
|
+
/**
|
|
142
|
+
* The concrete East type for ToggleTip style configuration.
|
|
143
|
+
*
|
|
144
|
+
* @remarks
|
|
145
|
+
* This struct type defines the styling configuration for a ToggleTip component.
|
|
146
|
+
* Controls the placement and arrow visibility.
|
|
147
|
+
*
|
|
148
|
+
* @property placement - Position relative to trigger (OptionType<PlacementType>)
|
|
149
|
+
* @property hasArrow - Show arrow pointing to trigger (OptionType<BooleanType>)
|
|
150
|
+
*/
|
|
104
151
|
Style: ToggleTipStyleType,
|
|
152
|
+
/**
|
|
153
|
+
* Placement variant type for ToggleTip positioning.
|
|
154
|
+
*
|
|
155
|
+
* @remarks
|
|
156
|
+
* Controls where the toggle tip appears relative to its trigger element.
|
|
157
|
+
* Supports all cardinal directions with start/end variations.
|
|
158
|
+
*
|
|
159
|
+
* @property top - Centered above the trigger
|
|
160
|
+
* @property top-start - Above, aligned to start
|
|
161
|
+
* @property top-end - Above, aligned to end
|
|
162
|
+
* @property bottom - Centered below the trigger
|
|
163
|
+
* @property bottom-start - Below, aligned to start
|
|
164
|
+
* @property bottom-end - Below, aligned to end
|
|
165
|
+
* @property left - Centered to the left
|
|
166
|
+
* @property left-start - Left, aligned to start
|
|
167
|
+
* @property left-end - Left, aligned to end
|
|
168
|
+
* @property right - Centered to the right
|
|
169
|
+
* @property right-start - Right, aligned to start
|
|
170
|
+
* @property right-end - Right, aligned to end
|
|
171
|
+
*/
|
|
105
172
|
Placement: PlacementType,
|
|
106
173
|
},
|
|
107
174
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/toggle-tip/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EAAE,UAAU,EACtB,UAAU,EACV,OAAO,EACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,kBAAkB,EAElB,aAAa,EAChB,MAAM,YAAY,CAAC;AAEpB,kBAAkB;AAClB,OAAO,EACH,kBAAkB,EAElB,aAAa,GAChB,MAAM,YAAY,CAAC;AAGpB,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;IACpC,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,UAAU,CAAC,kBAAkB,CAAC;CACxC,CAAC,CAAC;AAOH,+EAA+E;AAC/E,qBAAqB;AACrB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,SAAS,eAAe,CACpB,OAA4C,EAC5C,OAAuC,EACvC,KAAsB;IAEtB,MAAM,cAAc,GAAG,KAAK,EAAE,SAAS;QACnC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YAClC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,aAAa,CAAC;YAC3D,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;QACnC,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,cAAc,IAAI,KAAK,EAAE,QAAQ,KAAK,SAAS;YAClD,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;gBACzB,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;gBACnF,QAAQ,EAAE,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;aACpG,EAAE,kBAAkB,CAAC,CAAC;YACvB,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KAC9B,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACH,SAAS,EAAE,aAAa;QACxB,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,aAAa;KAC3B;CACK,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/overlays/toggle-tip/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAGH,IAAI,EACJ,UAAU,EAAE,UAAU,EACtB,UAAU,EACV,OAAO,EACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,kBAAkB,EAElB,aAAa,EAChB,MAAM,YAAY,CAAC;AAEpB,kBAAkB;AAClB,OAAO,EACH,kBAAkB,EAElB,aAAa,GAChB,MAAM,YAAY,CAAC;AAGpB,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;IACpC,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,UAAU,CAAC,kBAAkB,CAAC;CACxC,CAAC,CAAC;AAOH,+EAA+E;AAC/E,qBAAqB;AACrB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,SAAS,eAAe,CACpB,OAA4C,EAC5C,OAAuC,EACvC,KAAsB;IAEtB,MAAM,cAAc,GAAG,KAAK,EAAE,SAAS;QACnC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YAClC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,aAAa,CAAC;YAC3D,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;QACtB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;QACnC,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,cAAc,IAAI,KAAK,EAAE,QAAQ,KAAK,SAAS;YAClD,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC;gBACzB,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;gBACnF,QAAQ,EAAE,KAAK,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;aACpG,EAAE,kBAAkB,CAAC,CAAC;YACvB,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC;KAC9B,CAAC,EAAE,eAAe,CAAC,CAAC;AACzB,CAAC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACH;;;;;;;;;;;WAWG;QACH,SAAS,EAAE,aAAa;QACxB;;;;;;;;;WASG;QACH,KAAK,EAAE,kBAAkB;QACzB;;;;;;;;;;;;;;;;;;;WAmBG;QACH,SAAS,EAAE,aAAa;KAC3B;CACK,CAAC"}
|