@tachui/core 0.7.1-alpha → 0.8.0-alpha
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 +2 -2
- package/dist/bundles/common.d.ts +1 -1
- package/dist/bundles/common.d.ts.map +1 -1
- package/dist/bundles/minimal.d.ts +2 -16
- package/dist/bundles/minimal.d.ts.map +1 -1
- package/dist/bundles/production-minimal.d.ts +2 -16
- package/dist/bundles/production-minimal.d.ts.map +1 -1
- package/dist/common.js +403 -827
- package/dist/compiler/advanced-parser.d.ts.map +1 -1
- package/dist/compiler/index.js +14 -8
- package/dist/component-XAzF1xqs.js +487 -0
- package/dist/component-base-x2XmHFjy.js +255 -0
- package/dist/components/index.d.ts +4 -38
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +7 -4167
- package/dist/components/wrapper.d.ts +5 -152
- package/dist/components/wrapper.d.ts.map +1 -1
- package/dist/concatenated-component-ByPl3_FF.js +2933 -0
- package/dist/constants/index.d.ts +1 -1
- package/dist/constants/layout.d.ts +47 -4
- package/dist/constants/layout.d.ts.map +1 -1
- package/dist/constants/layout.js +84 -0
- package/dist/css-classes/index.js +176 -0
- package/dist/{dom-bridge-Cx-s6Ihx.js → dom-bridge-CAa1N2zX.js} +28 -28
- package/dist/{effect-CytAc9em.js → effect-B9Knft0b.js} +3 -3
- package/dist/essential.js +395 -825
- package/dist/index-DCPJFUm9.js +1407 -0
- package/dist/index-DIvMCJQO.js +268 -0
- package/dist/index-vdsiw6gQ.js +777 -0
- package/dist/index.d.ts +9 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +395 -825
- package/dist/minimal-prod.js +101 -155
- package/dist/minimal.js +104 -170
- package/dist/modifiers/background.d.ts +41 -11
- package/dist/modifiers/background.d.ts.map +1 -1
- package/dist/modifiers/base.d.ts +6 -33
- package/dist/modifiers/base.d.ts.map +1 -1
- package/dist/modifiers/base.js +487 -0
- package/dist/modifiers/builder.d.ts +103 -195
- package/dist/modifiers/builder.d.ts.map +1 -1
- package/dist/modifiers/builder.js +9 -0
- package/dist/modifiers/core.d.ts +9 -401
- package/dist/modifiers/core.d.ts.map +1 -1
- package/dist/modifiers/{utils.d.ts → factories.d.ts} +18 -5
- package/dist/modifiers/factories.d.ts.map +1 -0
- package/dist/modifiers/index.d.ts +8 -52
- package/dist/modifiers/index.d.ts.map +1 -1
- package/dist/modifiers/index.js +38 -0
- package/dist/modifiers/presets.d.ts +368 -0
- package/dist/modifiers/presets.d.ts.map +1 -0
- package/dist/modifiers/registry.js +10 -0
- package/dist/modifiers/types.d.ts +39 -211
- package/dist/modifiers/types.d.ts.map +1 -1
- package/dist/modifiers/types.js +4 -0
- package/dist/performance-optimizer-stub-CtfXUwl4.js +38 -0
- package/dist/plugins/index.d.ts +5 -6
- package/dist/plugins/index.d.ts.map +1 -1
- package/dist/plugins/index.js +147 -297
- package/dist/plugins/simplified-index.d.ts +5 -6
- package/dist/plugins/simplified-index.d.ts.map +1 -1
- package/dist/production-minimal-BY_gMc-l.js +2532 -0
- package/dist/reactive/index.js +96 -95
- package/dist/reactive/types.js +4 -0
- package/dist/runtime/dom-bridge.js +5 -5
- package/dist/runtime/element-override.d.ts.map +1 -1
- package/dist/runtime/index.d.ts +0 -7
- package/dist/runtime/index.d.ts.map +1 -1
- package/dist/runtime/renderer.d.ts.map +1 -1
- package/dist/runtime/renderer.js +7 -8
- package/dist/runtime/semantic-role-manager.d.ts.map +1 -1
- package/dist/runtime/types.js +1 -0
- package/dist/{scheduler-7SvC3a21.js → scheduler-BKeqwrYE.js} +130 -130
- package/dist/validation/build-time-stub.d.ts +33 -0
- package/dist/validation/build-time-stub.d.ts.map +1 -0
- package/dist/validation/debug-tools-stub.d.ts +67 -0
- package/dist/validation/debug-tools-stub.d.ts.map +1 -0
- package/dist/validation/index.d.ts +23 -78
- package/dist/validation/index.d.ts.map +1 -1
- package/dist/validation/index.js +609 -6470
- package/dist/validation/lifecycle-validation.d.ts.map +1 -1
- package/dist/validation/performance-optimizer-stub.d.ts +50 -0
- package/dist/validation/performance-optimizer-stub.d.ts.map +1 -0
- package/dist/validation/plugin-registration.d.ts +5 -1
- package/dist/validation/plugin-registration.d.ts.map +1 -1
- package/dist/validation/production-bypass-core.d.ts +69 -0
- package/dist/validation/production-bypass-core.d.ts.map +1 -0
- package/package.json +41 -5
- package/dist/ScrollView-h-6wYMAm.js +0 -515
- package/dist/Spacer-BbteDQ9I.js +0 -5337
- package/dist/binding-CmdpowkI.js +0 -2276
- package/dist/components/BasicInput.d.ts +0 -116
- package/dist/components/BasicInput.d.ts.map +0 -1
- package/dist/components/Button.d.ts +0 -252
- package/dist/components/Button.d.ts.map +0 -1
- package/dist/components/Divider.d.ts +0 -141
- package/dist/components/Divider.d.ts.map +0 -1
- package/dist/components/EnhancedLink.d.ts +0 -365
- package/dist/components/EnhancedLink.d.ts.map +0 -1
- package/dist/components/Form.d.ts +0 -141
- package/dist/components/Form.d.ts.map +0 -1
- package/dist/components/Grid.d.ts +0 -698
- package/dist/components/Grid.d.ts.map +0 -1
- package/dist/components/GridResponsive.d.ts +0 -214
- package/dist/components/GridResponsive.d.ts.map +0 -1
- package/dist/components/Image.d.ts +0 -162
- package/dist/components/Image.d.ts.map +0 -1
- package/dist/components/List.d.ts +0 -287
- package/dist/components/List.d.ts.map +0 -1
- package/dist/components/Menu.d.ts +0 -159
- package/dist/components/Menu.d.ts.map +0 -1
- package/dist/components/Picker.d.ts +0 -153
- package/dist/components/Picker.d.ts.map +0 -1
- package/dist/components/ScrollView.d.ts +0 -222
- package/dist/components/ScrollView.d.ts.map +0 -1
- package/dist/components/Section.d.ts +0 -153
- package/dist/components/Section.d.ts.map +0 -1
- package/dist/components/Show.d.ts +0 -64
- package/dist/components/Show.d.ts.map +0 -1
- package/dist/components/Spacer.d.ts +0 -35
- package/dist/components/Spacer.d.ts.map +0 -1
- package/dist/components/Text.d.ts +0 -242
- package/dist/components/Text.d.ts.map +0 -1
- package/dist/components/Toggle.d.ts +0 -207
- package/dist/components/Toggle.d.ts.map +0 -1
- package/dist/concatenated-component-DPcl2TEO.js +0 -6779
- package/dist/context--zQFIImS.js +0 -283
- package/dist/debug/index.d.ts +0 -61
- package/dist/debug/index.d.ts.map +0 -1
- package/dist/debug.js +0 -178
- package/dist/developer-experience/enhanced-errors.d.ts +0 -128
- package/dist/developer-experience/enhanced-errors.d.ts.map +0 -1
- package/dist/developer-experience/enhanced-types.d.ts +0 -281
- package/dist/developer-experience/enhanced-types.d.ts.map +0 -1
- package/dist/developer-experience/index.d.ts +0 -44
- package/dist/developer-experience/index.d.ts.map +0 -1
- package/dist/index-Nfi2SBQh.js +0 -3268
- package/dist/modifiers/attributes.d.ts +0 -203
- package/dist/modifiers/attributes.d.ts.map +0 -1
- package/dist/modifiers/backdrop.d.ts +0 -59
- package/dist/modifiers/backdrop.d.ts.map +0 -1
- package/dist/modifiers/border.d.ts +0 -217
- package/dist/modifiers/border.d.ts.map +0 -1
- package/dist/modifiers/effects.d.ts +0 -159
- package/dist/modifiers/effects.d.ts.map +0 -1
- package/dist/modifiers/elements.d.ts +0 -240
- package/dist/modifiers/elements.d.ts.map +0 -1
- package/dist/modifiers/filters.d.ts +0 -275
- package/dist/modifiers/filters.d.ts.map +0 -1
- package/dist/modifiers/flexbox.d.ts +0 -82
- package/dist/modifiers/flexbox.d.ts.map +0 -1
- package/dist/modifiers/font.d.ts +0 -71
- package/dist/modifiers/font.d.ts.map +0 -1
- package/dist/modifiers/grid.d.ts +0 -92
- package/dist/modifiers/grid.d.ts.map +0 -1
- package/dist/modifiers/margin.d.ts +0 -128
- package/dist/modifiers/margin.d.ts.map +0 -1
- package/dist/modifiers/padding.d.ts +0 -204
- package/dist/modifiers/padding.d.ts.map +0 -1
- package/dist/modifiers/responsive/advanced-utilities.d.ts +0 -118
- package/dist/modifiers/responsive/advanced-utilities.d.ts.map +0 -1
- package/dist/modifiers/responsive/breakpoints.d.ts +0 -81
- package/dist/modifiers/responsive/breakpoints.d.ts.map +0 -1
- package/dist/modifiers/responsive/css-generator.d.ts +0 -100
- package/dist/modifiers/responsive/css-generator.d.ts.map +0 -1
- package/dist/modifiers/responsive/dev-tools.d.ts +0 -107
- package/dist/modifiers/responsive/dev-tools.d.ts.map +0 -1
- package/dist/modifiers/responsive/index.d.ts +0 -29
- package/dist/modifiers/responsive/index.d.ts.map +0 -1
- package/dist/modifiers/responsive/layout-patterns.d.ts +0 -230
- package/dist/modifiers/responsive/layout-patterns.d.ts.map +0 -1
- package/dist/modifiers/responsive/performance.d.ts +0 -130
- package/dist/modifiers/responsive/performance.d.ts.map +0 -1
- package/dist/modifiers/responsive/responsive-builder.d.ts +0 -133
- package/dist/modifiers/responsive/responsive-builder.d.ts.map +0 -1
- package/dist/modifiers/responsive/responsive-modifier.d.ts +0 -123
- package/dist/modifiers/responsive/responsive-modifier.d.ts.map +0 -1
- package/dist/modifiers/responsive/types.d.ts +0 -183
- package/dist/modifiers/responsive/types.d.ts.map +0 -1
- package/dist/modifiers/responsive/utilities.d.ts +0 -149
- package/dist/modifiers/responsive/utilities.d.ts.map +0 -1
- package/dist/modifiers/scroll.d.ts +0 -143
- package/dist/modifiers/scroll.d.ts.map +0 -1
- package/dist/modifiers/shadows.d.ts +0 -114
- package/dist/modifiers/shadows.d.ts.map +0 -1
- package/dist/modifiers/size.d.ts +0 -113
- package/dist/modifiers/size.d.ts.map +0 -1
- package/dist/modifiers/text.d.ts +0 -147
- package/dist/modifiers/text.d.ts.map +0 -1
- package/dist/modifiers/transformations.d.ts +0 -329
- package/dist/modifiers/transformations.d.ts.map +0 -1
- package/dist/modifiers/transitions.d.ts +0 -98
- package/dist/modifiers/transitions.d.ts.map +0 -1
- package/dist/modifiers/typography.d.ts +0 -192
- package/dist/modifiers/typography.d.ts.map +0 -1
- package/dist/modifiers/utility.d.ts +0 -69
- package/dist/modifiers/utility.d.ts.map +0 -1
- package/dist/modifiers/utils.d.ts.map +0 -1
- package/dist/plugins/simplified-error-handler.d.ts +0 -83
- package/dist/plugins/simplified-error-handler.d.ts.map +0 -1
- package/dist/runtime/dev-tools.d.ts +0 -240
- package/dist/runtime/dev-tools.d.ts.map +0 -1
- package/dist/runtime/development-warnings.d.ts +0 -42
- package/dist/runtime/development-warnings.d.ts.map +0 -1
- package/dist/runtime/error-boundary.d.ts +0 -302
- package/dist/runtime/error-boundary.d.ts.map +0 -1
- package/dist/runtime/error-recovery.d.ts +0 -267
- package/dist/runtime/error-recovery.d.ts.map +0 -1
- package/dist/runtime/error-reporting.d.ts +0 -287
- package/dist/runtime/error-reporting.d.ts.map +0 -1
- package/dist/runtime/error-utils.d.ts +0 -204
- package/dist/runtime/error-utils.d.ts.map +0 -1
- package/dist/runtime/performance.d.ts +0 -217
- package/dist/runtime/performance.d.ts.map +0 -1
- package/dist/sui-compat.d.ts +0 -110
- package/dist/sui-compat.d.ts.map +0 -1
- package/dist/validation/advanced-debugging.d.ts +0 -319
- package/dist/validation/advanced-debugging.d.ts.map +0 -1
- package/dist/validation/build-time/detection.d.ts +0 -32
- package/dist/validation/build-time/detection.d.ts.map +0 -1
- package/dist/validation/build-time/index.d.ts +0 -84
- package/dist/validation/build-time/index.d.ts.map +0 -1
- package/dist/validation/build-time/plugins.d.ts +0 -75
- package/dist/validation/build-time/plugins.d.ts.map +0 -1
- package/dist/validation/build-time/rules.d.ts +0 -73
- package/dist/validation/build-time/rules.d.ts.map +0 -1
- package/dist/validation/build-time/transformer.d.ts +0 -23
- package/dist/validation/build-time/transformer.d.ts.map +0 -1
- package/dist/validation/build-time/types.d.ts +0 -212
- package/dist/validation/build-time/types.d.ts.map +0 -1
- package/dist/validation/comprehensive.d.ts +0 -160
- package/dist/validation/comprehensive.d.ts.map +0 -1
- package/dist/validation/debug-tools.d.ts +0 -251
- package/dist/validation/debug-tools.d.ts.map +0 -1
- package/dist/validation/developer-experience.d.ts +0 -243
- package/dist/validation/developer-experience.d.ts.map +0 -1
- package/dist/validation/documentation-integration.d.ts +0 -269
- package/dist/validation/documentation-integration.d.ts.map +0 -1
- package/dist/validation/enhanced-runtime.d.ts +0 -279
- package/dist/validation/enhanced-runtime.d.ts.map +0 -1
- package/dist/validation/error-reporting.d.ts +0 -186
- package/dist/validation/error-reporting.d.ts.map +0 -1
- package/dist/validation/ide-integration.d.ts +0 -328
- package/dist/validation/ide-integration.d.ts.map +0 -1
- package/dist/validation/performance-optimizer.d.ts +0 -218
- package/dist/validation/performance-optimizer.d.ts.map +0 -1
- package/dist/validation/production-bypass.d.ts +0 -175
- package/dist/validation/production-bypass.d.ts.map +0 -1
- package/dist/validation/simple.d.ts +0 -111
- package/dist/validation/simple.d.ts.map +0 -1
- package/dist/viewport/adapters/web-adapter.d.ts +0 -227
- package/dist/viewport/adapters/web-adapter.d.ts.map +0 -1
- package/dist/viewport/components.d.ts +0 -131
- package/dist/viewport/components.d.ts.map +0 -1
- package/dist/viewport/environment.d.ts +0 -75
- package/dist/viewport/environment.d.ts.map +0 -1
- package/dist/viewport/index.d.ts +0 -138
- package/dist/viewport/index.d.ts.map +0 -1
- package/dist/viewport/index.js +0 -2085
- package/dist/viewport/platform-detection.d.ts +0 -59
- package/dist/viewport/platform-detection.d.ts.map +0 -1
- package/dist/viewport/types.d.ts +0 -301
- package/dist/viewport/types.d.ts.map +0 -1
- package/dist/viewport/viewport-manager.d.ts +0 -118
- package/dist/viewport/viewport-manager.d.ts.map +0 -1
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Responsive Modifier Builder
|
|
3
|
-
*
|
|
4
|
-
* Extends the existing ModifierBuilder with responsive capabilities.
|
|
5
|
-
* Provides a fluent API for creating responsive modifiers that integrate
|
|
6
|
-
* seamlessly with the existing modifier system.
|
|
7
|
-
*/
|
|
8
|
-
import type { ModifierBuilder, Modifier } from '../types';
|
|
9
|
-
import type { ComponentInstance } from '../../runtime/types';
|
|
10
|
-
import { ResponsiveValue, ResponsiveStyleConfig, ResponsiveSpacingConfig, ResponsiveDimensionConfig, ResponsiveTypographyConfig } from './types';
|
|
11
|
-
/**
|
|
12
|
-
* Responsive modifier builder interface
|
|
13
|
-
*/
|
|
14
|
-
export interface ResponsiveModifierBuilder<T extends ComponentInstance = ComponentInstance> {
|
|
15
|
-
responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T>;
|
|
16
|
-
mediaQuery(query: string, styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
17
|
-
orientation(orientation: 'portrait' | 'landscape', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
18
|
-
colorScheme(scheme: 'light' | 'dark', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
19
|
-
reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
20
|
-
highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
21
|
-
touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
22
|
-
mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
23
|
-
retina(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
24
|
-
print(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
25
|
-
responsiveLayout(config: {
|
|
26
|
-
direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
|
|
27
|
-
wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
|
|
28
|
-
justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
|
|
29
|
-
align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
|
|
30
|
-
gap?: ResponsiveValue<number | string>;
|
|
31
|
-
}): ResponsiveModifierBuilder<T>;
|
|
32
|
-
responsiveWidth(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
|
|
33
|
-
responsiveHeight(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
|
|
34
|
-
responsiveSize(config: ResponsiveDimensionConfig): ResponsiveModifierBuilder<T>;
|
|
35
|
-
responsivePadding(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
|
|
36
|
-
responsiveMargin(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
|
|
37
|
-
responsiveFont(config: ResponsiveTypographyConfig): ResponsiveModifierBuilder<T>;
|
|
38
|
-
responsiveFontSize(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
|
|
39
|
-
responsiveTextAlign(value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>): ResponsiveModifierBuilder<T>;
|
|
40
|
-
base: ResponsiveBreakpointBuilder<T>;
|
|
41
|
-
sm: ResponsiveBreakpointBuilder<T>;
|
|
42
|
-
md: ResponsiveBreakpointBuilder<T>;
|
|
43
|
-
lg: ResponsiveBreakpointBuilder<T>;
|
|
44
|
-
xl: ResponsiveBreakpointBuilder<T>;
|
|
45
|
-
'2xl': ResponsiveBreakpointBuilder<T>;
|
|
46
|
-
addModifier(modifier: Modifier): void;
|
|
47
|
-
build(): T;
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* Breakpoint-specific builder for shorthand syntax
|
|
51
|
-
* Returns ModifierBuilder to allow chaining with regular modifiers after responsive ones
|
|
52
|
-
*/
|
|
53
|
-
export interface ResponsiveBreakpointBuilder<T extends ComponentInstance = ComponentInstance> {
|
|
54
|
-
width(value: number | string): ModifierBuilder<T>;
|
|
55
|
-
height(value: number | string): ModifierBuilder<T>;
|
|
56
|
-
minWidth(value: number | string): ModifierBuilder<T>;
|
|
57
|
-
maxWidth(value: number | string): ModifierBuilder<T>;
|
|
58
|
-
minHeight(value: number | string): ModifierBuilder<T>;
|
|
59
|
-
maxHeight(value: number | string): ModifierBuilder<T>;
|
|
60
|
-
padding(value: number | string): ModifierBuilder<T>;
|
|
61
|
-
paddingHorizontal(value: number | string): ModifierBuilder<T>;
|
|
62
|
-
paddingVertical(value: number | string): ModifierBuilder<T>;
|
|
63
|
-
paddingTop(value: number | string): ModifierBuilder<T>;
|
|
64
|
-
paddingBottom(value: number | string): ModifierBuilder<T>;
|
|
65
|
-
paddingLeft(value: number | string): ModifierBuilder<T>;
|
|
66
|
-
paddingRight(value: number | string): ModifierBuilder<T>;
|
|
67
|
-
margin(value: number | string): ModifierBuilder<T>;
|
|
68
|
-
marginHorizontal(value: number | string): ModifierBuilder<T>;
|
|
69
|
-
marginVertical(value: number | string): ModifierBuilder<T>;
|
|
70
|
-
marginTop(value: number | string): ModifierBuilder<T>;
|
|
71
|
-
marginBottom(value: number | string): ModifierBuilder<T>;
|
|
72
|
-
marginLeft(value: number | string): ModifierBuilder<T>;
|
|
73
|
-
marginRight(value: number | string): ModifierBuilder<T>;
|
|
74
|
-
fontSize(value: number | string): ModifierBuilder<T>;
|
|
75
|
-
textAlign(value: 'left' | 'center' | 'right' | 'justify'): ModifierBuilder<T>;
|
|
76
|
-
display(value: 'none' | 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid'): ModifierBuilder<T>;
|
|
77
|
-
flexDirection(value: 'row' | 'column' | 'row-reverse' | 'column-reverse'): ModifierBuilder<T>;
|
|
78
|
-
justifyContent(value: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'): ModifierBuilder<T>;
|
|
79
|
-
alignItems(value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'): ModifierBuilder<T>;
|
|
80
|
-
backgroundColor(value: string): ModifierBuilder<T>;
|
|
81
|
-
color(value: string): ModifierBuilder<T>;
|
|
82
|
-
opacity(value: number): ModifierBuilder<T>;
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* Implementation of responsive modifier builder using Proxy delegation
|
|
86
|
-
*/
|
|
87
|
-
export declare class ResponsiveModifierBuilderImpl<T extends ComponentInstance = ComponentInstance> implements ResponsiveModifierBuilder<T> {
|
|
88
|
-
private baseBuilder;
|
|
89
|
-
constructor(baseBuilder: ModifierBuilder<T>);
|
|
90
|
-
addModifier(modifier: Modifier): void;
|
|
91
|
-
build(): T;
|
|
92
|
-
responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T>;
|
|
93
|
-
mediaQuery(query: string, styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
94
|
-
orientation(orientation: 'portrait' | 'landscape', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
95
|
-
colorScheme(scheme: 'light' | 'dark', styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
96
|
-
reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
97
|
-
highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
98
|
-
touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
99
|
-
mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
100
|
-
retina(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
101
|
-
print(styles: Record<string, any>): ResponsiveModifierBuilder<T>;
|
|
102
|
-
responsiveLayout(config: {
|
|
103
|
-
direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
|
|
104
|
-
wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
|
|
105
|
-
justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
|
|
106
|
-
align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
|
|
107
|
-
gap?: ResponsiveValue<number | string>;
|
|
108
|
-
}): ResponsiveModifierBuilder<T>;
|
|
109
|
-
responsiveWidth(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
|
|
110
|
-
responsiveHeight(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
|
|
111
|
-
responsiveSize(config: ResponsiveDimensionConfig): ResponsiveModifierBuilder<T>;
|
|
112
|
-
responsivePadding(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
|
|
113
|
-
responsiveMargin(value: ResponsiveValue<number | string> | ResponsiveSpacingConfig): ResponsiveModifierBuilder<T>;
|
|
114
|
-
responsiveFont(config: ResponsiveTypographyConfig): ResponsiveModifierBuilder<T>;
|
|
115
|
-
responsiveFontSize(value: ResponsiveValue<number | string>): ResponsiveModifierBuilder<T>;
|
|
116
|
-
responsiveTextAlign(value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>): ResponsiveModifierBuilder<T>;
|
|
117
|
-
get base(): ResponsiveBreakpointBuilder<T>;
|
|
118
|
-
get sm(): ResponsiveBreakpointBuilder<T>;
|
|
119
|
-
get md(): ResponsiveBreakpointBuilder<T>;
|
|
120
|
-
get lg(): ResponsiveBreakpointBuilder<T>;
|
|
121
|
-
get xl(): ResponsiveBreakpointBuilder<T>;
|
|
122
|
-
get '2xl'(): ResponsiveBreakpointBuilder<T>;
|
|
123
|
-
[key: string]: any;
|
|
124
|
-
}
|
|
125
|
-
/**
|
|
126
|
-
* Utility function to wrap existing modifier builder with responsive capabilities
|
|
127
|
-
*/
|
|
128
|
-
export declare function withResponsive<T extends ComponentInstance = ComponentInstance>(builder: ModifierBuilder<T>): ResponsiveModifierBuilder<T>;
|
|
129
|
-
/**
|
|
130
|
-
* Create a responsive modifier builder from scratch
|
|
131
|
-
*/
|
|
132
|
-
export declare function createResponsiveBuilder<T extends ComponentInstance = ComponentInstance>(baseBuilder: ModifierBuilder<T>): ResponsiveModifierBuilder<T>;
|
|
133
|
-
//# sourceMappingURL=responsive-builder.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"responsive-builder.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/responsive-builder.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Responsive Modifier Implementation
|
|
3
|
-
*
|
|
4
|
-
* Core responsive modifier that integrates with the existing tachUI modifier system.
|
|
5
|
-
* Provides CSS-native media query generation with backward compatibility.
|
|
6
|
-
*/
|
|
7
|
-
import { BaseModifier } from '../base';
|
|
8
|
-
import type { ModifierContext } from '../types';
|
|
9
|
-
import type { DOMNode } from '../../runtime/types';
|
|
10
|
-
import { ResponsiveValue, ResponsiveStyleConfig, ResponsiveModifierResult } from './types';
|
|
11
|
-
/**
|
|
12
|
-
* Responsive modifier priority (between appearance and interaction)
|
|
13
|
-
*/
|
|
14
|
-
export declare const RESPONSIVE_MODIFIER_PRIORITY = 250;
|
|
15
|
-
/**
|
|
16
|
-
* Core responsive modifier class
|
|
17
|
-
*/
|
|
18
|
-
export declare class ResponsiveModifier extends BaseModifier<ResponsiveStyleConfig> {
|
|
19
|
-
readonly type = "responsive";
|
|
20
|
-
readonly priority = 250;
|
|
21
|
-
private generatedCSS;
|
|
22
|
-
private elementSelector;
|
|
23
|
-
private _config;
|
|
24
|
-
constructor(config: ResponsiveStyleConfig);
|
|
25
|
-
get config(): ResponsiveStyleConfig;
|
|
26
|
-
/**
|
|
27
|
-
* Apply responsive styles to the element
|
|
28
|
-
*/
|
|
29
|
-
apply(node: DOMNode, _context: ModifierContext): DOMNode | undefined;
|
|
30
|
-
/**
|
|
31
|
-
* Generate and inject responsive CSS
|
|
32
|
-
*/
|
|
33
|
-
private generateAndInjectCSS;
|
|
34
|
-
/**
|
|
35
|
-
* Set up reactive updates for dynamic responsive values
|
|
36
|
-
*/
|
|
37
|
-
private setupReactiveUpdates;
|
|
38
|
-
/**
|
|
39
|
-
* Track reactive dependencies by accessing all reactive values
|
|
40
|
-
*/
|
|
41
|
-
private trackReactiveDependencies;
|
|
42
|
-
/**
|
|
43
|
-
* Update configuration and regenerate CSS
|
|
44
|
-
*/
|
|
45
|
-
private updateConfig;
|
|
46
|
-
/**
|
|
47
|
-
* Generate unique CSS selector for this element
|
|
48
|
-
*/
|
|
49
|
-
private generateUniqueSelector;
|
|
50
|
-
/**
|
|
51
|
-
* Extract class name from CSS selector
|
|
52
|
-
*/
|
|
53
|
-
private getClassFromSelector;
|
|
54
|
-
/**
|
|
55
|
-
* Generate unique ID for CSS class names
|
|
56
|
-
*/
|
|
57
|
-
private generateUniqueId;
|
|
58
|
-
/**
|
|
59
|
-
* Check if configuration contains reactive values (signals)
|
|
60
|
-
*/
|
|
61
|
-
private hasReactiveValues;
|
|
62
|
-
/**
|
|
63
|
-
* Check if a value is a reactive signal, computed, or Asset
|
|
64
|
-
*/
|
|
65
|
-
private isReactiveValue;
|
|
66
|
-
/**
|
|
67
|
-
* Check if a value is an Asset object
|
|
68
|
-
*/
|
|
69
|
-
private isAsset;
|
|
70
|
-
/**
|
|
71
|
-
* Resolve configuration with current signal values
|
|
72
|
-
*/
|
|
73
|
-
private resolveReactiveConfig;
|
|
74
|
-
/**
|
|
75
|
-
* Get generated CSS information (for debugging)
|
|
76
|
-
*/
|
|
77
|
-
getGeneratedCSS(): ResponsiveModifierResult | null;
|
|
78
|
-
/**
|
|
79
|
-
* Get configuration (for debugging)
|
|
80
|
-
*/
|
|
81
|
-
getConfig(): ResponsiveStyleConfig;
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Factory function to create responsive modifiers
|
|
85
|
-
*/
|
|
86
|
-
export declare function createResponsiveModifier(config: ResponsiveStyleConfig): ResponsiveModifier;
|
|
87
|
-
/**
|
|
88
|
-
* Media query modifier for custom media queries
|
|
89
|
-
*/
|
|
90
|
-
export declare class MediaQueryModifier extends BaseModifier<{
|
|
91
|
-
query: string;
|
|
92
|
-
styles: Record<string, any>;
|
|
93
|
-
}> {
|
|
94
|
-
readonly type = "media-query";
|
|
95
|
-
readonly priority: number;
|
|
96
|
-
private elementSelector;
|
|
97
|
-
constructor(query: string, styles: Record<string, any>);
|
|
98
|
-
get query(): string;
|
|
99
|
-
get styles(): Record<string, any>;
|
|
100
|
-
apply(node: DOMNode, _context: ModifierContext): DOMNode | undefined;
|
|
101
|
-
private generateMediaQueryCSS;
|
|
102
|
-
private generateUniqueSelector;
|
|
103
|
-
private getClassFromSelector;
|
|
104
|
-
}
|
|
105
|
-
/**
|
|
106
|
-
* Factory function to create media query modifiers
|
|
107
|
-
*/
|
|
108
|
-
export declare function createMediaQueryModifier(query: string, styles: Record<string, any>): MediaQueryModifier;
|
|
109
|
-
/**
|
|
110
|
-
* Utility to create responsive property modifier
|
|
111
|
-
*/
|
|
112
|
-
export declare function createResponsivePropertyModifier<T>(property: string, value: ResponsiveValue<T>): ResponsiveModifier;
|
|
113
|
-
/**
|
|
114
|
-
* Create a responsive layout modifier
|
|
115
|
-
*/
|
|
116
|
-
export declare function createResponsiveLayoutModifier(config: {
|
|
117
|
-
direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
|
|
118
|
-
wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
|
|
119
|
-
justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
|
|
120
|
-
align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
|
|
121
|
-
gap?: ResponsiveValue<number | string>;
|
|
122
|
-
}): ResponsiveModifier;
|
|
123
|
-
//# sourceMappingURL=responsive-modifier.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"responsive-modifier.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/responsive-modifier.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,183 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Responsive Design System Types
|
|
3
|
-
*
|
|
4
|
-
* CSS-Native media query and responsive design type definitions for tachUI.
|
|
5
|
-
* Provides comprehensive type safety for responsive modifiers while maintaining
|
|
6
|
-
* backward compatibility with existing modifier system.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* Standard breakpoint identifiers following Tailwind conventions
|
|
10
|
-
*/
|
|
11
|
-
export type BreakpointKey = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
12
|
-
/**
|
|
13
|
-
* Breakpoint configuration mapping breakpoint keys to CSS values
|
|
14
|
-
*/
|
|
15
|
-
export interface BreakpointConfig {
|
|
16
|
-
base?: string;
|
|
17
|
-
sm?: string;
|
|
18
|
-
md?: string;
|
|
19
|
-
lg?: string;
|
|
20
|
-
xl?: string;
|
|
21
|
-
'2xl'?: string;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Default breakpoint values (Tailwind-inspired)
|
|
25
|
-
*/
|
|
26
|
-
export declare const DEFAULT_BREAKPOINTS: Required<BreakpointConfig>;
|
|
27
|
-
/**
|
|
28
|
-
* Responsive value type that accepts either a single value or breakpoint-specific values
|
|
29
|
-
*/
|
|
30
|
-
export type ResponsiveValue<T> = T | Partial<Record<BreakpointKey, T>>;
|
|
31
|
-
/**
|
|
32
|
-
* CSS property values that can be responsive
|
|
33
|
-
*/
|
|
34
|
-
export type ResponsiveCSSValue = ResponsiveValue<string | number>;
|
|
35
|
-
/**
|
|
36
|
-
* Advanced media query configuration for custom responsive behavior
|
|
37
|
-
*/
|
|
38
|
-
export interface MediaQueryConfig {
|
|
39
|
-
query: string;
|
|
40
|
-
styles: Record<string, string | number>;
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Responsive modifier configuration combining breakpoints and custom media queries
|
|
44
|
-
*/
|
|
45
|
-
export interface ResponsiveModifierConfig<T = any> {
|
|
46
|
-
breakpoints?: Partial<Record<BreakpointKey, T>>;
|
|
47
|
-
mediaQueries?: MediaQueryConfig[];
|
|
48
|
-
fallback?: T;
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
* Responsive layout configuration for common responsive patterns
|
|
52
|
-
*/
|
|
53
|
-
export interface ResponsiveLayoutConfig {
|
|
54
|
-
direction?: ResponsiveValue<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
|
|
55
|
-
wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>;
|
|
56
|
-
justify?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'>;
|
|
57
|
-
align?: ResponsiveValue<'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'>;
|
|
58
|
-
gap?: ResponsiveValue<number | string>;
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* Responsive typography configuration
|
|
62
|
-
*/
|
|
63
|
-
export interface ResponsiveTypographyConfig {
|
|
64
|
-
fontSize?: ResponsiveValue<number | string>;
|
|
65
|
-
lineHeight?: ResponsiveValue<number | string>;
|
|
66
|
-
letterSpacing?: ResponsiveValue<number | string>;
|
|
67
|
-
fontWeight?: ResponsiveValue<number | string>;
|
|
68
|
-
textAlign?: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>;
|
|
69
|
-
textTransform?: ResponsiveValue<'none' | 'uppercase' | 'lowercase' | 'capitalize'>;
|
|
70
|
-
}
|
|
71
|
-
/**
|
|
72
|
-
* Responsive spacing configuration
|
|
73
|
-
*/
|
|
74
|
-
export interface ResponsiveSpacingConfig {
|
|
75
|
-
top?: ResponsiveValue<number | string>;
|
|
76
|
-
right?: ResponsiveValue<number | string>;
|
|
77
|
-
bottom?: ResponsiveValue<number | string>;
|
|
78
|
-
left?: ResponsiveValue<number | string>;
|
|
79
|
-
horizontal?: ResponsiveValue<number | string>;
|
|
80
|
-
vertical?: ResponsiveValue<number | string>;
|
|
81
|
-
all?: ResponsiveValue<number | string>;
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Responsive dimension configuration
|
|
85
|
-
*/
|
|
86
|
-
export interface ResponsiveDimensionConfig {
|
|
87
|
-
width?: ResponsiveValue<number | string>;
|
|
88
|
-
height?: ResponsiveValue<number | string>;
|
|
89
|
-
minWidth?: ResponsiveValue<number | string>;
|
|
90
|
-
maxWidth?: ResponsiveValue<number | string>;
|
|
91
|
-
minHeight?: ResponsiveValue<number | string>;
|
|
92
|
-
maxHeight?: ResponsiveValue<number | string>;
|
|
93
|
-
}
|
|
94
|
-
/**
|
|
95
|
-
* Responsive visibility configuration
|
|
96
|
-
*/
|
|
97
|
-
export interface ResponsiveVisibilityConfig {
|
|
98
|
-
display?: ResponsiveValue<'none' | 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid'>;
|
|
99
|
-
visibility?: ResponsiveValue<'visible' | 'hidden' | 'collapse'>;
|
|
100
|
-
opacity?: ResponsiveValue<number>;
|
|
101
|
-
}
|
|
102
|
-
/**
|
|
103
|
-
* Comprehensive responsive style configuration
|
|
104
|
-
*/
|
|
105
|
-
export interface ResponsiveStyleConfig extends ResponsiveLayoutConfig, ResponsiveTypographyConfig, ResponsiveDimensionConfig, ResponsiveVisibilityConfig {
|
|
106
|
-
backgroundColor?: ResponsiveValue<string>;
|
|
107
|
-
color?: ResponsiveValue<string>;
|
|
108
|
-
border?: ResponsiveValue<string>;
|
|
109
|
-
borderRadius?: ResponsiveValue<number | string>;
|
|
110
|
-
boxShadow?: ResponsiveValue<string>;
|
|
111
|
-
transform?: ResponsiveValue<string>;
|
|
112
|
-
transition?: ResponsiveValue<string>;
|
|
113
|
-
padding?: ResponsiveSpacingConfig | ResponsiveValue<number | string>;
|
|
114
|
-
margin?: ResponsiveSpacingConfig | ResponsiveValue<number | string>;
|
|
115
|
-
[key: string]: any;
|
|
116
|
-
}
|
|
117
|
-
/**
|
|
118
|
-
* Breakpoint context information for responsive utilities
|
|
119
|
-
*/
|
|
120
|
-
export interface BreakpointContext {
|
|
121
|
-
current: BreakpointKey;
|
|
122
|
-
width: number;
|
|
123
|
-
height: number;
|
|
124
|
-
isAbove: (breakpoint: BreakpointKey) => boolean;
|
|
125
|
-
isBelow: (breakpoint: BreakpointKey) => boolean;
|
|
126
|
-
isBetween: (min: BreakpointKey, max: BreakpointKey) => boolean;
|
|
127
|
-
matches: (query: string) => boolean;
|
|
128
|
-
}
|
|
129
|
-
/**
|
|
130
|
-
* Responsive modifier factory configuration
|
|
131
|
-
*/
|
|
132
|
-
export interface ResponsiveModifierFactoryConfig {
|
|
133
|
-
breakpoints?: BreakpointConfig;
|
|
134
|
-
generateCSS?: boolean;
|
|
135
|
-
fallbackToJS?: boolean;
|
|
136
|
-
optimizeOutput?: boolean;
|
|
137
|
-
debugMode?: boolean;
|
|
138
|
-
}
|
|
139
|
-
/**
|
|
140
|
-
* CSS media query generation result
|
|
141
|
-
*/
|
|
142
|
-
export interface GeneratedMediaQuery {
|
|
143
|
-
breakpoint: BreakpointKey;
|
|
144
|
-
query: string;
|
|
145
|
-
styles: Record<string, string | number>;
|
|
146
|
-
selector: string;
|
|
147
|
-
}
|
|
148
|
-
/**
|
|
149
|
-
* Responsive modifier application result
|
|
150
|
-
*/
|
|
151
|
-
export interface ResponsiveModifierResult {
|
|
152
|
-
cssRules: string[];
|
|
153
|
-
mediaQueries: GeneratedMediaQuery[];
|
|
154
|
-
fallbackStyles: Record<string, string | number>;
|
|
155
|
-
hasResponsiveStyles: boolean;
|
|
156
|
-
}
|
|
157
|
-
/**
|
|
158
|
-
* Type guard to check if a value is responsive
|
|
159
|
-
*/
|
|
160
|
-
export declare function isResponsiveValue<T>(value: ResponsiveValue<T>): value is Partial<Record<BreakpointKey, T>>;
|
|
161
|
-
/**
|
|
162
|
-
* Type guard to check if a breakpoint key is valid
|
|
163
|
-
*/
|
|
164
|
-
export declare function isValidBreakpointKey(key: string): key is BreakpointKey;
|
|
165
|
-
/**
|
|
166
|
-
* Utility type to make any property responsive
|
|
167
|
-
*/
|
|
168
|
-
export type MakeResponsive<T> = {
|
|
169
|
-
[K in keyof T]: ResponsiveValue<T[K]>;
|
|
170
|
-
};
|
|
171
|
-
/**
|
|
172
|
-
* Extract responsive properties from a configuration object
|
|
173
|
-
*/
|
|
174
|
-
export type ResponsiveProperties<T> = {
|
|
175
|
-
[K in keyof T as T[K] extends ResponsiveValue<any> ? K : never]: T[K];
|
|
176
|
-
};
|
|
177
|
-
/**
|
|
178
|
-
* Extract non-responsive properties from a configuration object
|
|
179
|
-
*/
|
|
180
|
-
export type NonResponsiveProperties<T> = {
|
|
181
|
-
[K in keyof T as T[K] extends ResponsiveValue<any> ? never : K]: T[K];
|
|
182
|
-
};
|
|
183
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;AAEtE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,gBAAgB,CAOjD,CAAA;AAEV;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAA;AAEtE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEjE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;CACxC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,GAAG;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAA;IAC/C,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,CAAA;CACb;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,eAAe,CAAC,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC,CAAA;IAChF,IAAI,CAAC,EAAE,eAAe,CAAC,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC,CAAA;IAC1D,OAAO,CAAC,EAAE,eAAe,CAAC,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC,CAAA;IACnH,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC,CAAA;IACtF,GAAG,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC3C,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7C,aAAa,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAChD,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7C,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;IACpE,aAAa,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC,CAAA;CACnF;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACtC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7C,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC3C,GAAG,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;CAC7C;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,GAAG,aAAa,CAAC,CAAA;IACzH,UAAU,CAAC,EAAE,eAAe,CAAC,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAA;IAC/D,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SACrC,sBAAsB,EACtB,0BAA0B,EAC1B,yBAAyB,EACzB,0BAA0B;IAG1B,eAAe,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAGpC,OAAO,CAAC,EAAE,uBAAuB,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACpE,MAAM,CAAC,EAAE,uBAAuB,GAAG,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAGnE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,OAAO,CAAA;IAC/C,OAAO,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,OAAO,CAAA;IAC/C,SAAS,EAAE,CAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,KAAK,OAAO,CAAA;IAC9D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,aAAa,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,YAAY,EAAE,mBAAmB,EAAE,CAAA;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;IAC/C,mBAAmB,EAAE,OAAO,CAAA;CAC7B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAG1G;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,aAAa,CAEtE;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;KAC7B,CAAC,IAAI,MAAM,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACtC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;KACnC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;CACtE,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KACtC,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,eAAe,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACtE,CAAA"}
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Responsive Design Utilities
|
|
3
|
-
*
|
|
4
|
-
* Provides utility functions and hooks for working with responsive design
|
|
5
|
-
* in tachUI applications. Includes breakpoint detection, media query helpers,
|
|
6
|
-
* and responsive value resolution.
|
|
7
|
-
*/
|
|
8
|
-
import { BreakpointKey, BreakpointContext, ResponsiveValue } from './types';
|
|
9
|
-
import { Signal } from '../../reactive';
|
|
10
|
-
/**
|
|
11
|
-
* Hook to get current breakpoint information
|
|
12
|
-
*/
|
|
13
|
-
export declare function useBreakpoint(): {
|
|
14
|
-
current: Signal<BreakpointKey>;
|
|
15
|
-
context: Signal<BreakpointContext>;
|
|
16
|
-
isAbove: (breakpoint: BreakpointKey) => Signal<boolean>;
|
|
17
|
-
isBelow: (breakpoint: BreakpointKey) => Signal<boolean>;
|
|
18
|
-
isBetween: (min: BreakpointKey, max: BreakpointKey) => Signal<boolean>;
|
|
19
|
-
matches: (query: string) => Signal<boolean>;
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* Hook to create a reactive media query
|
|
23
|
-
*/
|
|
24
|
-
export declare function useMediaQuery(query: string): Signal<boolean>;
|
|
25
|
-
/**
|
|
26
|
-
* Resolve a responsive value to its current value based on the current breakpoint
|
|
27
|
-
*/
|
|
28
|
-
export declare function useResponsiveValue<T>(value: ResponsiveValue<T>): Signal<T>;
|
|
29
|
-
/**
|
|
30
|
-
* Create a responsive value resolver for static resolution
|
|
31
|
-
*/
|
|
32
|
-
export declare function resolveResponsiveValue<T>(value: ResponsiveValue<T>, targetBreakpoint?: BreakpointKey): T;
|
|
33
|
-
/**
|
|
34
|
-
* Create responsive CSS custom properties (CSS variables)
|
|
35
|
-
*/
|
|
36
|
-
export declare function createResponsiveCSSVariables(prefix: string, values: Record<string, ResponsiveValue<string | number>>): Record<string, string>;
|
|
37
|
-
/**
|
|
38
|
-
* Generate CSS media query string for common patterns
|
|
39
|
-
*/
|
|
40
|
-
export declare const MediaQueries: {
|
|
41
|
-
readonly mobile: "(max-width: 767px)";
|
|
42
|
-
readonly tablet: "(min-width: 768px) and (max-width: 1023px)";
|
|
43
|
-
readonly desktop: "(min-width: 1024px)";
|
|
44
|
-
readonly landscape: "(orientation: landscape)";
|
|
45
|
-
readonly portrait: "(orientation: portrait)";
|
|
46
|
-
readonly highDPI: "(min-resolution: 2dppx)";
|
|
47
|
-
readonly lowDPI: "(max-resolution: 1dppx)";
|
|
48
|
-
readonly retinaDisplay: "(min-resolution: 2dppx)";
|
|
49
|
-
readonly standardDisplay: "(max-resolution: 1.9dppx)";
|
|
50
|
-
readonly darkMode: "(prefers-color-scheme: dark)";
|
|
51
|
-
readonly lightMode: "(prefers-color-scheme: light)";
|
|
52
|
-
readonly noColorSchemePreference: "(prefers-color-scheme: no-preference)";
|
|
53
|
-
readonly reducedMotion: "(prefers-reduced-motion: reduce)";
|
|
54
|
-
readonly allowMotion: "(prefers-reduced-motion: no-preference)";
|
|
55
|
-
readonly highContrast: "(prefers-contrast: high)";
|
|
56
|
-
readonly lowContrast: "(prefers-contrast: low)";
|
|
57
|
-
readonly normalContrast: "(prefers-contrast: no-preference)";
|
|
58
|
-
readonly reduceData: "(prefers-reduced-data: reduce)";
|
|
59
|
-
readonly allowData: "(prefers-reduced-data: no-preference)";
|
|
60
|
-
readonly reduceTransparency: "(prefers-reduced-transparency: reduce)";
|
|
61
|
-
readonly allowTransparency: "(prefers-reduced-transparency: no-preference)";
|
|
62
|
-
readonly canHover: "(hover: hover)";
|
|
63
|
-
readonly noHover: "(hover: none)";
|
|
64
|
-
readonly finePointer: "(pointer: fine)";
|
|
65
|
-
readonly coarsePointer: "(pointer: coarse)";
|
|
66
|
-
readonly anyCanHover: "(any-hover: hover)";
|
|
67
|
-
readonly anyNoHover: "(any-hover: none)";
|
|
68
|
-
readonly anyFinePointer: "(any-pointer: fine)";
|
|
69
|
-
readonly anyCoarsePointer: "(any-pointer: coarse)";
|
|
70
|
-
readonly slowUpdate: "(update: slow)";
|
|
71
|
-
readonly fastUpdate: "(update: fast)";
|
|
72
|
-
readonly blockScrolling: "(overflow-block: scroll)";
|
|
73
|
-
readonly blockPaged: "(overflow-block: paged)";
|
|
74
|
-
readonly inlineScrolling: "(overflow-inline: scroll)";
|
|
75
|
-
readonly forcedColors: "(forced-colors: active)";
|
|
76
|
-
readonly normalColors: "(forced-colors: none)";
|
|
77
|
-
readonly invertedColors: "(inverted-colors: inverted)";
|
|
78
|
-
readonly normalInvertedColors: "(inverted-colors: none)";
|
|
79
|
-
readonly scriptingEnabled: "(scripting: enabled)";
|
|
80
|
-
readonly scriptingDisabled: "(scripting: none)";
|
|
81
|
-
readonly scriptingInitialOnly: "(scripting: initial-only)";
|
|
82
|
-
readonly containerSmall: "(max-width: 400px)";
|
|
83
|
-
readonly containerMedium: "(min-width: 401px) and (max-width: 800px)";
|
|
84
|
-
readonly containerLarge: "(min-width: 801px)";
|
|
85
|
-
readonly minWidth: (width: number | string) => string;
|
|
86
|
-
readonly maxWidth: (width: number | string) => string;
|
|
87
|
-
readonly between: (min: number | string, max: number | string) => string;
|
|
88
|
-
readonly minHeight: (height: number | string) => string;
|
|
89
|
-
readonly maxHeight: (height: number | string) => string;
|
|
90
|
-
readonly heightBetween: (min: number | string, max: number | string) => string;
|
|
91
|
-
readonly square: "(aspect-ratio: 1/1)";
|
|
92
|
-
readonly landscape16_9: "(aspect-ratio: 16/9)";
|
|
93
|
-
readonly portrait9_16: "(aspect-ratio: 9/16)";
|
|
94
|
-
readonly widescreen: "(min-aspect-ratio: 16/9)";
|
|
95
|
-
readonly tallscreen: "(max-aspect-ratio: 9/16)";
|
|
96
|
-
readonly customAspectRatio: (ratio: string) => string;
|
|
97
|
-
readonly minAspectRatio: (ratio: string) => string;
|
|
98
|
-
readonly maxAspectRatio: (ratio: string) => string;
|
|
99
|
-
readonly lowRes: "(max-resolution: 120dpi)";
|
|
100
|
-
readonly standardRes: "(min-resolution: 120dpi) and (max-resolution: 192dpi)";
|
|
101
|
-
readonly highRes: "(min-resolution: 192dpi)";
|
|
102
|
-
readonly customResolution: (dpi: number) => string;
|
|
103
|
-
readonly print: "print";
|
|
104
|
-
readonly screen: "screen";
|
|
105
|
-
readonly speech: "speech";
|
|
106
|
-
readonly iPhone: "(max-width: 428px)";
|
|
107
|
-
readonly iPad: "(min-width: 768px) and (max-width: 1024px)";
|
|
108
|
-
readonly desktopSmall: "(min-width: 1024px) and (max-width: 1440px)";
|
|
109
|
-
readonly desktopLarge: "(min-width: 1440px)";
|
|
110
|
-
readonly touchDevice: "(pointer: coarse)";
|
|
111
|
-
readonly mouseDevice: "(pointer: fine)";
|
|
112
|
-
readonly keyboardNavigation: "(hover: none) and (pointer: coarse)";
|
|
113
|
-
readonly wideColorGamut: "(color-gamut: p3)";
|
|
114
|
-
readonly standardColorGamut: "(color-gamut: srgb)";
|
|
115
|
-
readonly hdr: "(dynamic-range: high)";
|
|
116
|
-
readonly sdr: "(dynamic-range: standard)";
|
|
117
|
-
};
|
|
118
|
-
/**
|
|
119
|
-
* Utility to combine multiple media queries
|
|
120
|
-
*/
|
|
121
|
-
export declare function combineMediaQueries(...queries: string[]): string;
|
|
122
|
-
/**
|
|
123
|
-
* Utility to create OR media queries
|
|
124
|
-
*/
|
|
125
|
-
export declare function orMediaQueries(...queries: string[]): string;
|
|
126
|
-
/**
|
|
127
|
-
* Create a responsive show/hide utility
|
|
128
|
-
*/
|
|
129
|
-
export declare function createResponsiveVisibility(config: {
|
|
130
|
-
showOn?: BreakpointKey[];
|
|
131
|
-
hideOn?: BreakpointKey[];
|
|
132
|
-
}): Signal<boolean>;
|
|
133
|
-
/**
|
|
134
|
-
* Debug utility to log current responsive state
|
|
135
|
-
*/
|
|
136
|
-
export declare function logResponsiveState(): void;
|
|
137
|
-
/**
|
|
138
|
-
* Utility function to wrap existing modifier builder with responsive capabilities
|
|
139
|
-
*/
|
|
140
|
-
export declare function withResponsive<T>(value: T): T;
|
|
141
|
-
/**
|
|
142
|
-
* Development-only responsive debugging overlay
|
|
143
|
-
*/
|
|
144
|
-
export declare function enableResponsiveDebugOverlay(options?: {
|
|
145
|
-
position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
146
|
-
showDimensions?: boolean;
|
|
147
|
-
showBreakpoint?: boolean;
|
|
148
|
-
}): void;
|
|
149
|
-
//# sourceMappingURL=utilities.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/modifiers/responsive/utilities.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EAEhB,MAAM,SAAS,CAAA;AAMhB,OAAO,EAAgC,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAErE;;GAEG;AACH,wBAAgB,aAAa,IAAI;IAC/B,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC,CAAA;IAC9B,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAA;IAClC,OAAO,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,MAAM,CAAC,OAAO,CAAC,CAAA;IACvD,OAAO,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,MAAM,CAAC,OAAO,CAAC,CAAA;IACvD,SAAS,EAAE,CAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,KAAK,MAAM,CAAC,OAAO,CAAC,CAAA;IACtE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,OAAO,CAAC,CAAA;CAC5C,CA2CA;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAc5D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAiC1E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,gBAAgB,CAAC,EAAE,aAAa,GAC/B,CAAC,CA4BH;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,GACvD,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAsBxB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAoFL,MAAM,GAAG,MAAM;+BACf,MAAM,GAAG,MAAM;4BAClB,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,MAAM;iCAIhC,MAAM,GAAG,MAAM;iCACf,MAAM,GAAG,MAAM;kCACd,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,MAAM;;;;;;wCAS/B,MAAM;qCACT,MAAM;qCACN,MAAM;;;;qCAMN,MAAM;;;;;;;;;;;;;;;CAuBtB,CAAA;AAEV;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAEhE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAE3D;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE;IACjD,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;IACxB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;CACzB,GAAG,MAAM,CAAC,OAAO,CAAC,CAgBlB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CA0BzC;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAI7C;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,GAAE;IACpD,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;IACpE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,IAAI,CAwDZ"}
|