css-calipers 0.13.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -25
- package/dist/cjs/factory.js +0 -3
- package/dist/cjs/internal/createCoreApi.js +30 -9
- package/dist/esm/core.d.ts +21 -17
- package/dist/esm/core.d.ts.map +1 -1
- package/dist/esm/factory.d.ts +0 -2
- package/dist/esm/factory.d.ts.map +1 -1
- package/dist/esm/factory.js +0 -3
- package/dist/esm/internal/createCoreApi.d.ts +7 -11
- package/dist/esm/internal/createCoreApi.d.ts.map +1 -1
- package/dist/esm/internal/createCoreApi.js +30 -9
- package/package.json +11 -24
- package/RELEASING.md +0 -62
- package/dist/cjs/comparisons/index.js +0 -25
- package/dist/cjs/containerQueries/containerQueries.js +0 -115
- package/dist/cjs/containerQueries/factory.js +0 -123
- package/dist/cjs/containerQueries/helpers.js +0 -95
- package/dist/cjs/containerQueries/index.js +0 -16
- package/dist/cjs/containerQueries/linting/aspectRatio.js +0 -24
- package/dist/cjs/containerQueries/linting/block.js +0 -23
- package/dist/cjs/containerQueries/linting/core.js +0 -25
- package/dist/cjs/containerQueries/linting/custom.js +0 -11
- package/dist/cjs/containerQueries/linting/inline.js +0 -23
- package/dist/cjs/containerQueries/linting/resolution.js +0 -12
- package/dist/cjs/containerQueries/linting/style.js +0 -28
- package/dist/cjs/containerQueries/linting.js +0 -24
- package/dist/cjs/containerQueries/moduleRegistry.js +0 -5
- package/dist/cjs/containerQueries/modules/aspectRatio.js +0 -51
- package/dist/cjs/containerQueries/modules/block.js +0 -53
- package/dist/cjs/containerQueries/modules/custom.js +0 -43
- package/dist/cjs/containerQueries/modules/index.js +0 -21
- package/dist/cjs/containerQueries/modules/inline.js +0 -53
- package/dist/cjs/containerQueries/modules/size.js +0 -2
- package/dist/cjs/containerQueries/modules/style.js +0 -36
- package/dist/cjs/containerQueries/types.js +0 -2
- package/dist/cjs/containerQueries/validation.js +0 -191
- package/dist/cjs/fraction.js +0 -139
- package/dist/cjs/internal/createComponentQueriesApi.js +0 -56
- package/dist/cjs/internal/createMediaQueriesApi.js +0 -74
- package/dist/cjs/internal/normalizeToArray.js +0 -9
- package/dist/cjs/libraryHelpers/vanilla-extract.js +0 -11
- package/dist/cjs/logicalOperators/index.js +0 -18
- package/dist/cjs/mediaQueries/factory.js +0 -187
- package/dist/cjs/mediaQueries/helpers.js +0 -97
- package/dist/cjs/mediaQueries/index.js +0 -23
- package/dist/cjs/mediaQueries/libraryHelpers/vanilla-extract.js +0 -77
- package/dist/cjs/mediaQueries/linting/core.js +0 -19
- package/dist/cjs/mediaQueries/linting/resolution.js +0 -11
- package/dist/cjs/mediaQueries/linting.js +0 -24
- package/dist/cjs/mediaQueries/mediaQueries.js +0 -53
- package/dist/cjs/mediaQueries/mediaQueryFactory.js +0 -120
- package/dist/cjs/mediaQueries/moduleRegistry.js +0 -5
- package/dist/cjs/mediaQueries/modules/custom.js +0 -26
- package/dist/cjs/mediaQueries/modules/dimensions.js +0 -61
- package/dist/cjs/mediaQueries/modules/display.js +0 -20
- package/dist/cjs/mediaQueries/modules/environment.js +0 -20
- package/dist/cjs/mediaQueries/modules/index.js +0 -23
- package/dist/cjs/mediaQueries/modules/interaction.js +0 -26
- package/dist/cjs/mediaQueries/modules/preferences.js +0 -26
- package/dist/cjs/mediaQueries/modules/resolution.js +0 -31
- package/dist/cjs/mediaQueries/types.js +0 -2
- package/dist/cjs/mediaQueries/validation.js +0 -131
- package/dist/cjs/types.js +0 -2
- package/dist/cjs/validation.js +0 -20
- package/dist/esm/comparisons/index.d.ts +0 -23
- package/dist/esm/comparisons/index.d.ts.map +0 -1
- package/dist/esm/comparisons/index.js +0 -22
- package/dist/esm/containerQueries/containerQueries.d.ts +0 -36
- package/dist/esm/containerQueries/containerQueries.d.ts.map +0 -1
- package/dist/esm/containerQueries/containerQueries.js +0 -109
- package/dist/esm/containerQueries/factory.d.ts +0 -20
- package/dist/esm/containerQueries/factory.d.ts.map +0 -1
- package/dist/esm/containerQueries/factory.js +0 -119
- package/dist/esm/containerQueries/helpers.d.ts +0 -53
- package/dist/esm/containerQueries/helpers.d.ts.map +0 -1
- package/dist/esm/containerQueries/helpers.js +0 -82
- package/dist/esm/containerQueries/index.d.ts +0 -10
- package/dist/esm/containerQueries/index.d.ts.map +0 -1
- package/dist/esm/containerQueries/index.js +0 -4
- package/dist/esm/containerQueries/linting/aspectRatio.d.ts +0 -4
- package/dist/esm/containerQueries/linting/aspectRatio.d.ts.map +0 -1
- package/dist/esm/containerQueries/linting/aspectRatio.js +0 -19
- package/dist/esm/containerQueries/linting/block.d.ts +0 -4
- package/dist/esm/containerQueries/linting/block.d.ts.map +0 -1
- package/dist/esm/containerQueries/linting/block.js +0 -18
- package/dist/esm/containerQueries/linting/core.d.ts +0 -4
- package/dist/esm/containerQueries/linting/core.d.ts.map +0 -1
- package/dist/esm/containerQueries/linting/core.js +0 -20
- package/dist/esm/containerQueries/linting/custom.d.ts +0 -3
- package/dist/esm/containerQueries/linting/custom.d.ts.map +0 -1
- package/dist/esm/containerQueries/linting/custom.js +0 -7
- package/dist/esm/containerQueries/linting/inline.d.ts +0 -4
- package/dist/esm/containerQueries/linting/inline.d.ts.map +0 -1
- package/dist/esm/containerQueries/linting/inline.js +0 -18
- package/dist/esm/containerQueries/linting/resolution.d.ts +0 -1
- package/dist/esm/containerQueries/linting/resolution.d.ts.map +0 -1
- package/dist/esm/containerQueries/linting/resolution.js +0 -12
- package/dist/esm/containerQueries/linting/style.d.ts +0 -3
- package/dist/esm/containerQueries/linting/style.d.ts.map +0 -1
- package/dist/esm/containerQueries/linting/style.js +0 -24
- package/dist/esm/containerQueries/linting.d.ts +0 -4
- package/dist/esm/containerQueries/linting.d.ts.map +0 -1
- package/dist/esm/containerQueries/linting.js +0 -20
- package/dist/esm/containerQueries/moduleRegistry.d.ts +0 -25
- package/dist/esm/containerQueries/moduleRegistry.d.ts.map +0 -1
- package/dist/esm/containerQueries/moduleRegistry.js +0 -1
- package/dist/esm/containerQueries/modules/aspectRatio.d.ts +0 -17
- package/dist/esm/containerQueries/modules/aspectRatio.d.ts.map +0 -1
- package/dist/esm/containerQueries/modules/aspectRatio.js +0 -47
- package/dist/esm/containerQueries/modules/block.d.ts +0 -20
- package/dist/esm/containerQueries/modules/block.d.ts.map +0 -1
- package/dist/esm/containerQueries/modules/block.js +0 -49
- package/dist/esm/containerQueries/modules/custom.d.ts +0 -13
- package/dist/esm/containerQueries/modules/custom.d.ts.map +0 -1
- package/dist/esm/containerQueries/modules/custom.js +0 -39
- package/dist/esm/containerQueries/modules/index.d.ts +0 -6
- package/dist/esm/containerQueries/modules/index.d.ts.map +0 -1
- package/dist/esm/containerQueries/modules/index.js +0 -5
- package/dist/esm/containerQueries/modules/inline.d.ts +0 -20
- package/dist/esm/containerQueries/modules/inline.d.ts.map +0 -1
- package/dist/esm/containerQueries/modules/inline.js +0 -49
- package/dist/esm/containerQueries/modules/size.d.ts +0 -41
- package/dist/esm/containerQueries/modules/size.d.ts.map +0 -1
- package/dist/esm/containerQueries/modules/size.js +0 -1
- package/dist/esm/containerQueries/modules/style.d.ts +0 -11
- package/dist/esm/containerQueries/modules/style.d.ts.map +0 -1
- package/dist/esm/containerQueries/modules/style.js +0 -32
- package/dist/esm/containerQueries/types.d.ts +0 -81
- package/dist/esm/containerQueries/types.d.ts.map +0 -1
- package/dist/esm/containerQueries/types.js +0 -1
- package/dist/esm/containerQueries/validation.d.ts +0 -41
- package/dist/esm/containerQueries/validation.d.ts.map +0 -1
- package/dist/esm/containerQueries/validation.js +0 -187
- package/dist/esm/fraction.d.ts +0 -23
- package/dist/esm/fraction.d.ts.map +0 -1
- package/dist/esm/fraction.js +0 -129
- package/dist/esm/internal/createComponentQueriesApi.d.ts +0 -34
- package/dist/esm/internal/createComponentQueriesApi.d.ts.map +0 -1
- package/dist/esm/internal/createComponentQueriesApi.js +0 -52
- package/dist/esm/internal/createMediaQueriesApi.d.ts +0 -35
- package/dist/esm/internal/createMediaQueriesApi.d.ts.map +0 -1
- package/dist/esm/internal/createMediaQueriesApi.js +0 -70
- package/dist/esm/internal/normalizeToArray.d.ts +0 -2
- package/dist/esm/internal/normalizeToArray.d.ts.map +0 -1
- package/dist/esm/internal/normalizeToArray.js +0 -5
- package/dist/esm/libraryHelpers/vanilla-extract.d.ts +0 -4
- package/dist/esm/libraryHelpers/vanilla-extract.d.ts.map +0 -1
- package/dist/esm/libraryHelpers/vanilla-extract.js +0 -6
- package/dist/esm/logicalOperators/index.d.ts +0 -2
- package/dist/esm/logicalOperators/index.d.ts.map +0 -1
- package/dist/esm/logicalOperators/index.js +0 -17
- package/dist/esm/mediaQueries/factory.d.ts +0 -45
- package/dist/esm/mediaQueries/factory.d.ts.map +0 -1
- package/dist/esm/mediaQueries/factory.js +0 -183
- package/dist/esm/mediaQueries/helpers.d.ts +0 -40
- package/dist/esm/mediaQueries/helpers.d.ts.map +0 -1
- package/dist/esm/mediaQueries/helpers.js +0 -87
- package/dist/esm/mediaQueries/index.d.ts +0 -8
- package/dist/esm/mediaQueries/index.d.ts.map +0 -1
- package/dist/esm/mediaQueries/index.js +0 -7
- package/dist/esm/mediaQueries/libraryHelpers/vanilla-extract.d.ts +0 -5
- package/dist/esm/mediaQueries/libraryHelpers/vanilla-extract.d.ts.map +0 -1
- package/dist/esm/mediaQueries/libraryHelpers/vanilla-extract.js +0 -71
- package/dist/esm/mediaQueries/linting/core.d.ts +0 -5
- package/dist/esm/mediaQueries/linting/core.d.ts.map +0 -1
- package/dist/esm/mediaQueries/linting/core.js +0 -14
- package/dist/esm/mediaQueries/linting/resolution.d.ts +0 -3
- package/dist/esm/mediaQueries/linting/resolution.d.ts.map +0 -1
- package/dist/esm/mediaQueries/linting/resolution.js +0 -7
- package/dist/esm/mediaQueries/linting.d.ts +0 -4
- package/dist/esm/mediaQueries/linting.d.ts.map +0 -1
- package/dist/esm/mediaQueries/linting.js +0 -20
- package/dist/esm/mediaQueries/mediaQueries.d.ts +0 -23
- package/dist/esm/mediaQueries/mediaQueries.d.ts.map +0 -1
- package/dist/esm/mediaQueries/mediaQueries.js +0 -48
- package/dist/esm/mediaQueries/moduleRegistry.d.ts +0 -27
- package/dist/esm/mediaQueries/moduleRegistry.d.ts.map +0 -1
- package/dist/esm/mediaQueries/moduleRegistry.js +0 -1
- package/dist/esm/mediaQueries/modules/custom.d.ts +0 -10
- package/dist/esm/mediaQueries/modules/custom.d.ts.map +0 -1
- package/dist/esm/mediaQueries/modules/custom.js +0 -22
- package/dist/esm/mediaQueries/modules/dimensions.d.ts +0 -19
- package/dist/esm/mediaQueries/modules/dimensions.d.ts.map +0 -1
- package/dist/esm/mediaQueries/modules/dimensions.js +0 -57
- package/dist/esm/mediaQueries/modules/display.d.ts +0 -9
- package/dist/esm/mediaQueries/modules/display.d.ts.map +0 -1
- package/dist/esm/mediaQueries/modules/display.js +0 -16
- package/dist/esm/mediaQueries/modules/environment.d.ts +0 -9
- package/dist/esm/mediaQueries/modules/environment.d.ts.map +0 -1
- package/dist/esm/mediaQueries/modules/environment.js +0 -16
- package/dist/esm/mediaQueries/modules/index.d.ts +0 -8
- package/dist/esm/mediaQueries/modules/index.d.ts.map +0 -1
- package/dist/esm/mediaQueries/modules/index.js +0 -7
- package/dist/esm/mediaQueries/modules/interaction.d.ts +0 -11
- package/dist/esm/mediaQueries/modules/interaction.d.ts.map +0 -1
- package/dist/esm/mediaQueries/modules/interaction.js +0 -22
- package/dist/esm/mediaQueries/modules/preferences.d.ts +0 -11
- package/dist/esm/mediaQueries/modules/preferences.d.ts.map +0 -1
- package/dist/esm/mediaQueries/modules/preferences.js +0 -22
- package/dist/esm/mediaQueries/modules/resolution.d.ts +0 -12
- package/dist/esm/mediaQueries/modules/resolution.d.ts.map +0 -1
- package/dist/esm/mediaQueries/modules/resolution.js +0 -27
- package/dist/esm/mediaQueries/types.d.ts +0 -117
- package/dist/esm/mediaQueries/types.d.ts.map +0 -1
- package/dist/esm/mediaQueries/types.js +0 -1
- package/dist/esm/mediaQueries/validation.d.ts +0 -34
- package/dist/esm/mediaQueries/validation.d.ts.map +0 -1
- package/dist/esm/mediaQueries/validation.js +0 -127
- package/dist/esm/types.d.ts +0 -35
- package/dist/esm/types.d.ts.map +0 -1
- package/dist/esm/types.js +0 -1
- package/dist/esm/validation.d.ts +0 -10
- package/dist/esm/validation.d.ts.map +0 -1
- package/dist/esm/validation.js +0 -15
- package/dist/examples/containerQueries.example.js +0 -54
- package/dist/examples/examples/containerQueries.example.js +0 -54
- package/dist/examples/examples/factory-wrapper.example.js +0 -33
- package/dist/examples/examples/lineHeight-normalizer.example.js +0 -81
- package/dist/examples/examples/mediaQueries-multipleInstances.example.js +0 -127
- package/dist/examples/examples/mixedQueries.example.js +0 -55
- package/dist/examples/examples/validation-and-runtime-checks.example.js +0 -85
- package/dist/examples/examples/validation-unit-tests.example.js +0 -35
- package/dist/examples/factory-wrapper.example.js +0 -33
- package/dist/examples/lineHeight-normalizer.example.js +0 -81
- package/dist/examples/mediaQueries-multipleInstances.example.js +0 -127
- package/dist/examples/mixedQueries.example.js +0 -60
- package/dist/examples/src/comparisons/index.js +0 -25
- package/dist/examples/src/containerQueries/containerQueries.js +0 -96
- package/dist/examples/src/containerQueries/factory.js +0 -123
- package/dist/examples/src/containerQueries/helpers.js +0 -94
- package/dist/examples/src/containerQueries/index.js +0 -16
- package/dist/examples/src/containerQueries/linting/aspectRatio.js +0 -20
- package/dist/examples/src/containerQueries/linting/block.js +0 -20
- package/dist/examples/src/containerQueries/linting/core.js +0 -19
- package/dist/examples/src/containerQueries/linting/custom.js +0 -11
- package/dist/examples/src/containerQueries/linting/inline.js +0 -20
- package/dist/examples/src/containerQueries/linting/style.js +0 -28
- package/dist/examples/src/containerQueries/linting.js +0 -24
- package/dist/examples/src/containerQueries/moduleRegistry.js +0 -5
- package/dist/examples/src/containerQueries/modules/aspectRatio.js +0 -33
- package/dist/examples/src/containerQueries/modules/block.js +0 -44
- package/dist/examples/src/containerQueries/modules/custom.js +0 -31
- package/dist/examples/src/containerQueries/modules/index.js +0 -21
- package/dist/examples/src/containerQueries/modules/inline.js +0 -44
- package/dist/examples/src/containerQueries/modules/style.js +0 -36
- package/dist/examples/src/containerQueries/types.js +0 -2
- package/dist/examples/src/containerQueries/validation.js +0 -177
- package/dist/examples/src/core.js +0 -16
- package/dist/examples/src/factory.js +0 -21
- package/dist/examples/src/index.js +0 -30
- package/dist/examples/src/internal/buildMeasurementCreationError.js +0 -16
- package/dist/examples/src/internal/createCoreApi.js +0 -336
- package/dist/examples/src/internal/createMediaQueriesApi.js +0 -74
- package/dist/examples/src/internal/createUnitsApi.js +0 -18
- package/dist/examples/src/internal/errors.js +0 -130
- package/dist/examples/src/libraryHelpers/vanilla-extract.js +0 -11
- package/dist/examples/src/mediaQueries/factory.js +0 -163
- package/dist/examples/src/mediaQueries/helpers.js +0 -88
- package/dist/examples/src/mediaQueries/index.js +0 -23
- package/dist/examples/src/mediaQueries/linting/core.js +0 -19
- package/dist/examples/src/mediaQueries/linting/resolution.js +0 -11
- package/dist/examples/src/mediaQueries/linting.js +0 -24
- package/dist/examples/src/mediaQueries/mediaQueries.js +0 -53
- package/dist/examples/src/mediaQueries/moduleRegistry.js +0 -5
- package/dist/examples/src/mediaQueries/modules/custom.js +0 -26
- package/dist/examples/src/mediaQueries/modules/dimensions.js +0 -61
- package/dist/examples/src/mediaQueries/modules/display.js +0 -20
- package/dist/examples/src/mediaQueries/modules/environment.js +0 -20
- package/dist/examples/src/mediaQueries/modules/index.js +0 -23
- package/dist/examples/src/mediaQueries/modules/interaction.js +0 -26
- package/dist/examples/src/mediaQueries/modules/preferences.js +0 -26
- package/dist/examples/src/mediaQueries/modules/resolution.js +0 -31
- package/dist/examples/src/mediaQueries/types.js +0 -2
- package/dist/examples/src/mediaQueries/validation.js +0 -128
- package/dist/examples/src/ratio.js +0 -141
- package/dist/examples/src/types.js +0 -2
- package/dist/examples/src/unitDefinitions.js +0 -67
- package/dist/examples/src/units/absolute.js +0 -11
- package/dist/examples/src/units/angle.js +0 -8
- package/dist/examples/src/units/container.js +0 -10
- package/dist/examples/src/units/font-relative.js +0 -16
- package/dist/examples/src/units/frequency.js +0 -6
- package/dist/examples/src/units/grid.js +0 -5
- package/dist/examples/src/units/percent.js +0 -7
- package/dist/examples/src/units/resolution.js +0 -7
- package/dist/examples/src/units/time.js +0 -6
- package/dist/examples/src/units/viewport-dynamic.js +0 -10
- package/dist/examples/src/units/viewport-large.js +0 -10
- package/dist/examples/src/units/viewport-small.js +0 -10
- package/dist/examples/src/units/viewport.js +0 -10
- package/dist/examples/src/validation.js +0 -20
- package/dist/examples/validation-and-runtime-checks.example.js +0 -85
- package/dist/examples/validation-unit-tests.example.js +0 -35
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { Comparison, IComparisonOperator } from "../../comparisons";
|
|
2
|
-
import type { IMeasurement } from "../../core";
|
|
3
|
-
import type { ContainerQueryBuilderHelpers, ContainerQueryValidator } from "../helpers";
|
|
4
|
-
import type { CSSComparison, CSSRange } from "../types";
|
|
5
|
-
import { SizeComparisonValue } from "../containerQueries";
|
|
6
|
-
export interface IContainerQueryBlock {
|
|
7
|
-
blockSize?: CSSComparison<IMeasurement> | CSSComparison<IMeasurement>[];
|
|
8
|
-
blockSizeRange?: CSSRange<IMeasurement> | CSSRange<IMeasurement>[];
|
|
9
|
-
}
|
|
10
|
-
export type ContainerQueryBlockValidator = ContainerQueryValidator<IContainerQueryBlock>;
|
|
11
|
-
export type CSSContainerBlockSizeFeature = IContainerQueryBlock;
|
|
12
|
-
export type BlockComparisonVariable = "blockSize";
|
|
13
|
-
export type BlockComparison = Comparison<BlockComparisonVariable, SizeComparisonValue>;
|
|
14
|
-
export type ComparisonBlock<Variable = IContainerQueryBlock[keyof IContainerQueryBlock], Value = IMeasurement> = {
|
|
15
|
-
variable: Variable;
|
|
16
|
-
operator: IComparisonOperator;
|
|
17
|
-
value: Value;
|
|
18
|
-
};
|
|
19
|
-
export declare const emitBlockSizeFeatures: (props: IContainerQueryBlock, helpers: ContainerQueryBuilderHelpers, validate?: ContainerQueryBlockValidator) => void;
|
|
20
|
-
//# sourceMappingURL=block.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../src/containerQueries/modules/block.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EACV,4BAA4B,EAC5B,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAYpB,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1D,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,aAAa,CAAC,YAAY,CAAC,EAAE,CAAC;IACxE,cAAc,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;CACpE;AAED,MAAM,MAAM,4BAA4B,GACtC,uBAAuB,CAAC,oBAAoB,CAAC,CAAC;AAEhD,MAAM,MAAM,4BAA4B,GAAG,oBAAoB,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,uBAAuB,EACvB,mBAAmB,CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,CACzB,QAAQ,GAAG,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,EAC3D,KAAK,GAAG,YAAY,IAClB;IACF,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAiCF,eAAO,MAAM,qBAAqB,GAChC,OAAO,oBAAoB,EAC3B,SAAS,4BAA4B,EACrC,WAAW,4BAA4B,KACtC,IA4DF,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { applyContainerQueryValidation, formatContainerQueryComparison, formatContainerQueryValue, } from "../helpers";
|
|
2
|
-
import { defaultContainerQueryValidation } from "../validation";
|
|
3
|
-
import { runContainerQueryLint } from "../linting";
|
|
4
|
-
import { lintBlockRangeCollapse, lintBlockRedundancy, } from "../linting/block";
|
|
5
|
-
import { normalizeToArray } from "../../internal/normalizeToArray";
|
|
6
|
-
const emitBlockComparison = (name, comparison, addCondition) => {
|
|
7
|
-
addCondition(formatContainerQueryComparison(name, comparison.operator, comparison.value));
|
|
8
|
-
};
|
|
9
|
-
const emitBlockRange = (name, range, addCondition) => {
|
|
10
|
-
const min = formatContainerQueryValue(range.min);
|
|
11
|
-
const max = formatContainerQueryValue(range.max);
|
|
12
|
-
if ("minOperator" in range) {
|
|
13
|
-
addCondition(`(${min} ${range.minOperator} ${name})`);
|
|
14
|
-
addCondition(`(${name} <= ${max})`);
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
addCondition(`(${min} <= ${name})`);
|
|
18
|
-
addCondition(`(${name} ${range.maxOperator} ${max})`);
|
|
19
|
-
};
|
|
20
|
-
export const emitBlockSizeFeatures = (props, helpers, validate) => {
|
|
21
|
-
const allowQueryArrays = helpers.config.allowQueryArrays !== false;
|
|
22
|
-
const assertNoArray = (value, label) => {
|
|
23
|
-
if (Array.isArray(value) && !allowQueryArrays) {
|
|
24
|
-
throw new Error(`${label} does not allow arrays.`);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const { runContainerQueryValidation, validateBlockSizeValues, } = defaultContainerQueryValidation;
|
|
28
|
-
if (!runContainerQueryValidation(props, helpers, validateBlockSizeValues, "block", "block size values must be valid measurements greater than 0")) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
if (!runContainerQueryLint(props, helpers, lintBlockRedundancy, "blockSize should not be combined with blockSizeRange")) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
if (!runContainerQueryLint(props, helpers, lintBlockRangeCollapse, "blockSizeRange min and max are equal; use blockSize instead")) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
if (!applyContainerQueryValidation(props, helpers, validate, "block")) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
const { addCondition } = helpers;
|
|
41
|
-
assertNoArray(props.blockSize, "blockSize");
|
|
42
|
-
normalizeToArray(props.blockSize).forEach((value) => {
|
|
43
|
-
emitBlockComparison("block-size", value, addCondition);
|
|
44
|
-
});
|
|
45
|
-
assertNoArray(props.blockSizeRange, "blockSizeRange");
|
|
46
|
-
normalizeToArray(props.blockSizeRange).forEach((value) => {
|
|
47
|
-
emitBlockRange("block-size", value, addCondition);
|
|
48
|
-
});
|
|
49
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { IMeasurement } from "../../core";
|
|
2
|
-
import type { ContainerQueryBuilderHelpers, ContainerQueryValidator } from "../helpers";
|
|
3
|
-
type ContainerQueryFeatureEntry = string | number | IMeasurement;
|
|
4
|
-
type ContainerQueryFeatureValue = ContainerQueryFeatureEntry | ContainerQueryFeatureEntry[];
|
|
5
|
-
export interface IContainerQueryCustomFeatures {
|
|
6
|
-
customFeatures?: Record<string, ContainerQueryFeatureValue>;
|
|
7
|
-
}
|
|
8
|
-
export type ContainerQueryCustomFeaturesValidator = ContainerQueryValidator<IContainerQueryCustomFeatures>;
|
|
9
|
-
export declare const emitCustomFeatures: (props: IContainerQueryCustomFeatures, helpers: ContainerQueryBuilderHelpers, options?: {
|
|
10
|
-
allowQueryArrays?: boolean;
|
|
11
|
-
}, validate?: ContainerQueryCustomFeaturesValidator) => void;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=custom.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../src/containerQueries/modules/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,KAAK,EACV,4BAA4B,EAC5B,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAOpB,KAAK,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AACjE,KAAK,0BAA0B,GAC3B,0BAA0B,GAC1B,0BAA0B,EAAE,CAAC;AAEjC,MAAM,WAAW,6BAA6B;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC;CAC7D;AAED,MAAM,MAAM,qCAAqC,GAC/C,uBAAuB,CAAC,6BAA6B,CAAC,CAAC;AAEzD,eAAO,MAAM,kBAAkB,GAC7B,OAAO,6BAA6B,EACpC,SAAS,4BAA4B,EACrC,UAAU;IACR,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,EACD,WAAW,qCAAqC,KAC/C,IAqDF,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { applyContainerQueryValidation } from "../helpers";
|
|
2
|
-
import { defaultContainerQueryValidation } from "../validation";
|
|
3
|
-
import { runContainerQueryLint } from "../linting";
|
|
4
|
-
import { lintCustomFeatures } from "../linting/custom";
|
|
5
|
-
import { normalizeToArray } from "../../internal/normalizeToArray";
|
|
6
|
-
export const emitCustomFeatures = (props, helpers, options, validate) => {
|
|
7
|
-
var _a, _b;
|
|
8
|
-
const { runContainerQueryValidation, validateCustomFeatures } = defaultContainerQueryValidation;
|
|
9
|
-
if (!runContainerQueryValidation(props, helpers, validateCustomFeatures, "custom", "custom features must be valid and non-empty")) {
|
|
10
|
-
return;
|
|
11
|
-
}
|
|
12
|
-
if (!runContainerQueryLint(props, helpers, lintCustomFeatures, "customFeatures should not be empty")) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
if (!applyContainerQueryValidation(props, helpers, validate, "custom")) {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
const { addFeatureUnsafe, addFeature } = helpers;
|
|
19
|
-
const allowQueryArrays = (_b = (_a = options === null || options === void 0 ? void 0 : options.allowQueryArrays) !== null && _a !== void 0 ? _a : helpers.config.allowQueryArrays) !== null && _b !== void 0 ? _b : true;
|
|
20
|
-
if (!props.customFeatures)
|
|
21
|
-
return;
|
|
22
|
-
Object.entries(props.customFeatures).forEach(([name, value]) => {
|
|
23
|
-
if (value === undefined || value === null)
|
|
24
|
-
return;
|
|
25
|
-
const trimmedName = name.trim();
|
|
26
|
-
if (!trimmedName)
|
|
27
|
-
return;
|
|
28
|
-
if (Array.isArray(value) && !allowQueryArrays) {
|
|
29
|
-
throw new Error(`Custom feature "${trimmedName}" does not allow arrays.`);
|
|
30
|
-
}
|
|
31
|
-
if (Array.isArray(value)) {
|
|
32
|
-
normalizeToArray(value).forEach((entry) => {
|
|
33
|
-
(addFeatureUnsafe !== null && addFeatureUnsafe !== void 0 ? addFeatureUnsafe : addFeature)(trimmedName, entry);
|
|
34
|
-
});
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
addFeature(trimmedName, value);
|
|
38
|
-
});
|
|
39
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/containerQueries/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { CSSComparison, CSSRange } from "../types";
|
|
2
|
-
import type { Comparison, IComparisonOperator } from "../../comparisons";
|
|
3
|
-
import type { IMeasurement } from "../../core";
|
|
4
|
-
import type { SizeComparisonValue } from "../containerQueries";
|
|
5
|
-
import type { ContainerQueryBuilderHelpers, ContainerQueryValidator } from "../helpers";
|
|
6
|
-
export interface IContainerQueryInline {
|
|
7
|
-
inlineSize?: CSSComparison<IMeasurement> | CSSComparison<IMeasurement>[];
|
|
8
|
-
inlineSizeRange?: CSSRange<IMeasurement> | CSSRange<IMeasurement>[];
|
|
9
|
-
}
|
|
10
|
-
export type ContainerQueryInlineValidator = ContainerQueryValidator<IContainerQueryInline>;
|
|
11
|
-
export type CSSContainerInlineSizeFeature = IContainerQueryInline;
|
|
12
|
-
export type InlineComparisonVariable = "inlineSize";
|
|
13
|
-
export type InlineComparison = Comparison<InlineComparisonVariable, SizeComparisonValue>;
|
|
14
|
-
export type ComparisonInline<Variable = IContainerQueryInline[keyof IContainerQueryInline], Value = IMeasurement> = {
|
|
15
|
-
variable: Variable;
|
|
16
|
-
operator: IComparisonOperator;
|
|
17
|
-
value: Value;
|
|
18
|
-
};
|
|
19
|
-
export declare const emitInlineSizeFeatures: (props: IContainerQueryInline, helpers: ContainerQueryBuilderHelpers, validate?: ContainerQueryInlineValidator) => void;
|
|
20
|
-
//# sourceMappingURL=inline.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inline.d.ts","sourceRoot":"","sources":["../../../../src/containerQueries/modules/inline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EACV,4BAA4B,EAC5B,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAcpB,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,aAAa,CAAC,YAAY,CAAC,EAAE,CAAC;IACzE,eAAe,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;CACrE;AAED,MAAM,MAAM,6BAA6B,GACvC,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;AAEjD,MAAM,MAAM,6BAA6B,GAAG,qBAAqB,CAAC;AAElE,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,wBAAwB,EACxB,mBAAmB,CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAC1B,QAAQ,GAAG,qBAAqB,CAAC,MAAM,qBAAqB,CAAC,EAC7D,KAAK,GAAG,YAAY,IAClB;IACF,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAiCF,eAAO,MAAM,sBAAsB,GACjC,OAAO,qBAAqB,EAC5B,SAAS,4BAA4B,EACrC,WAAW,6BAA6B,KACvC,IA4DF,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { applyContainerQueryValidation, formatContainerQueryComparison, formatContainerQueryValue, } from "../helpers";
|
|
2
|
-
import { defaultContainerQueryValidation } from "../validation";
|
|
3
|
-
import { runContainerQueryLint } from "../linting";
|
|
4
|
-
import { lintInlineRangeCollapse, lintInlineRedundancy, } from "../linting/inline";
|
|
5
|
-
import { normalizeToArray } from "../../internal/normalizeToArray";
|
|
6
|
-
const emitInlineComparison = (name, comparison, addCondition) => {
|
|
7
|
-
addCondition(formatContainerQueryComparison(name, comparison.operator, comparison.value));
|
|
8
|
-
};
|
|
9
|
-
const emitInlineRange = (name, range, addCondition) => {
|
|
10
|
-
const min = formatContainerQueryValue(range.min);
|
|
11
|
-
const max = formatContainerQueryValue(range.max);
|
|
12
|
-
if ("minOperator" in range) {
|
|
13
|
-
addCondition(`(${min} ${range.minOperator} ${name})`);
|
|
14
|
-
addCondition(`(${name} <= ${max})`);
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
addCondition(`(${min} <= ${name})`);
|
|
18
|
-
addCondition(`(${name} ${range.maxOperator} ${max})`);
|
|
19
|
-
};
|
|
20
|
-
export const emitInlineSizeFeatures = (props, helpers, validate) => {
|
|
21
|
-
const allowQueryArrays = helpers.config.allowQueryArrays !== false;
|
|
22
|
-
const assertNoArray = (value, label) => {
|
|
23
|
-
if (Array.isArray(value) && !allowQueryArrays) {
|
|
24
|
-
throw new Error(`${label} does not allow arrays.`);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const { runContainerQueryValidation, validateInlineSizeValues, } = defaultContainerQueryValidation;
|
|
28
|
-
if (!runContainerQueryValidation(props, helpers, validateInlineSizeValues, "inline", "inline size values must be valid measurements greater than 0")) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
if (!runContainerQueryLint(props, helpers, lintInlineRedundancy, "inlineSize should not be combined with inlineSizeRange")) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
if (!runContainerQueryLint(props, helpers, lintInlineRangeCollapse, "inlineSizeRange min and max are equal; use inlineSize instead")) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
if (!applyContainerQueryValidation(props, helpers, validate, "inline")) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
const { addCondition } = helpers;
|
|
41
|
-
assertNoArray(props.inlineSize, "inlineSize");
|
|
42
|
-
normalizeToArray(props.inlineSize).forEach((value) => {
|
|
43
|
-
emitInlineComparison("inline-size", value, addCondition);
|
|
44
|
-
});
|
|
45
|
-
assertNoArray(props.inlineSizeRange, "inlineSizeRange");
|
|
46
|
-
normalizeToArray(props.inlineSizeRange).forEach((value) => {
|
|
47
|
-
emitInlineRange("inline-size", value, addCondition);
|
|
48
|
-
});
|
|
49
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import type { IMeasurement } from '../../core';
|
|
2
|
-
export type CSSComparisonOperator = '<' | '<=' | '>' | '>=' | '=';
|
|
3
|
-
export type CSSComparison<T> = {
|
|
4
|
-
operator: CSSComparisonOperator;
|
|
5
|
-
value: T;
|
|
6
|
-
};
|
|
7
|
-
export type CSSRangeBoundaryOperator = '<' | '<=';
|
|
8
|
-
export type CSSRange<T> = {
|
|
9
|
-
min: T;
|
|
10
|
-
max: T;
|
|
11
|
-
minOperator?: CSSRangeBoundaryOperator;
|
|
12
|
-
maxOperator?: CSSRangeBoundaryOperator;
|
|
13
|
-
};
|
|
14
|
-
export type CSSContainerSizeFeature = {
|
|
15
|
-
minWidth: IMeasurement;
|
|
16
|
-
} | {
|
|
17
|
-
maxWidth: IMeasurement;
|
|
18
|
-
} | {
|
|
19
|
-
minHeight: IMeasurement;
|
|
20
|
-
} | {
|
|
21
|
-
maxHeight: IMeasurement;
|
|
22
|
-
} | {
|
|
23
|
-
width: CSSComparison<IMeasurement>;
|
|
24
|
-
} | {
|
|
25
|
-
height: CSSComparison<IMeasurement>;
|
|
26
|
-
} | {
|
|
27
|
-
inlineSize: CSSComparison<IMeasurement>;
|
|
28
|
-
} | {
|
|
29
|
-
blockSize: CSSComparison<IMeasurement>;
|
|
30
|
-
} | {
|
|
31
|
-
widthRange: CSSRange<IMeasurement>;
|
|
32
|
-
} | {
|
|
33
|
-
heightRange: CSSRange<IMeasurement>;
|
|
34
|
-
} | {
|
|
35
|
-
inlineSizeRange: CSSRange<IMeasurement>;
|
|
36
|
-
} | {
|
|
37
|
-
blockSizeRange: CSSRange<IMeasurement>;
|
|
38
|
-
} | {
|
|
39
|
-
orientation: 'portrait' | 'landscape';
|
|
40
|
-
};
|
|
41
|
-
//# sourceMappingURL=size.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../src/containerQueries/modules/size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,MAAM,qBAAqB,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;AAElE,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,GAAG,EAAE,CAAC,CAAC;IACP,GAAG,EAAE,CAAC,CAAC;IACP,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,WAAW,CAAC,EAAE,wBAAwB,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,GAC1B;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,GAC1B;IAAE,SAAS,EAAE,YAAY,CAAA;CAAE,GAC3B;IAAE,SAAS,EAAE,YAAY,CAAA;CAAE,GAC3B;IAAE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,GACtC;IAAE,MAAM,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,GACvC;IAAE,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,GAC3C;IAAE,SAAS,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,GAC1C;IAAE,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAAE,GACtC;IAAE,WAAW,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAAE,GACvC;IAAE,eAAe,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAAE,GAC3C;IAAE,cAAc,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;CAAE,GAC1C;IAAE,WAAW,EAAE,UAAU,GAAG,WAAW,CAAA;CAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { CSSContainerStyleCondition } from "../types";
|
|
2
|
-
import type { ContainerQueryBuilderHelpers, ContainerQueryValidator } from "../helpers";
|
|
3
|
-
export interface IContainerQueryStyle {
|
|
4
|
-
style?: CSSContainerStyleCondition;
|
|
5
|
-
}
|
|
6
|
-
export type IContainerQueryStyleVariables = IContainerQueryStyle["style"];
|
|
7
|
-
export type ContainerQueryStyleValidator = ContainerQueryValidator<IContainerQueryStyle>;
|
|
8
|
-
export type CSSContainerStyleFeature = IContainerQueryStyle;
|
|
9
|
-
export type ComparisonStyle = false;
|
|
10
|
-
export declare const emitStyleFeatures: (props: IContainerQueryStyle, helpers: ContainerQueryBuilderHelpers, validate?: ContainerQueryStyleValidator) => void;
|
|
11
|
-
//# sourceMappingURL=style.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/containerQueries/modules/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,0BAA0B,EAC3B,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EACV,4BAA4B,EAC5B,uBAAuB,EACxB,MAAM,YAAY,CAAC;AASpB,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACpC;AAED,MAAM,MAAM,6BAA6B,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAE1E,MAAM,MAAM,4BAA4B,GACtC,uBAAuB,CAAC,oBAAoB,CAAC,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,GAC5B,OAAO,oBAAoB,EAC3B,SAAS,4BAA4B,EACrC,WAAW,4BAA4B,KACtC,IAqDF,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { applyContainerQueryValidation, formatContainerQueryValue, } from "../helpers";
|
|
2
|
-
import { defaultContainerQueryValidation } from "../validation";
|
|
3
|
-
import { runContainerQueryLint } from "../linting";
|
|
4
|
-
import { lintStyleCondition } from "../linting/style";
|
|
5
|
-
export const emitStyleFeatures = (props, helpers, validate) => {
|
|
6
|
-
const { runContainerQueryValidation, validateStyleValues, } = defaultContainerQueryValidation;
|
|
7
|
-
if (!runContainerQueryValidation(props, helpers, validateStyleValues, "style", "style conditions must be valid and non-empty")) {
|
|
8
|
-
return;
|
|
9
|
-
}
|
|
10
|
-
if (!runContainerQueryLint(props, helpers, lintStyleCondition, "style conditions must be valid and non-empty")) {
|
|
11
|
-
return;
|
|
12
|
-
}
|
|
13
|
-
if (!applyContainerQueryValidation(props, helpers, validate, "style")) {
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
if (!props.style)
|
|
17
|
-
return;
|
|
18
|
-
const { addCondition } = helpers;
|
|
19
|
-
Object.entries(props.style).forEach(([name, value]) => {
|
|
20
|
-
if (value === undefined || value === null)
|
|
21
|
-
return;
|
|
22
|
-
if (Array.isArray(value)) {
|
|
23
|
-
value.forEach((entry) => {
|
|
24
|
-
if (entry === undefined || entry === null)
|
|
25
|
-
return;
|
|
26
|
-
addCondition(`(style(${name}: ${formatContainerQueryValue(entry)}))`);
|
|
27
|
-
});
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
addCondition(`(style(${name}: ${formatContainerQueryValue(value)}))`);
|
|
31
|
-
});
|
|
32
|
-
};
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import type { Properties } from "csstype";
|
|
2
|
-
import type { IRatio } from "../ratio";
|
|
3
|
-
import type { ComparisonValue } from "../comparisons";
|
|
4
|
-
import type { IMeasurement } from "../core";
|
|
5
|
-
export type CSSContainerType = "inline-size" | "size" | "normal";
|
|
6
|
-
export type CSSContainerName = string;
|
|
7
|
-
type CSSTypeProperties = Properties<number | (string & {})>;
|
|
8
|
-
export type CSSContainerProperties = {
|
|
9
|
-
[Property in keyof CSSTypeProperties]: CSSTypeProperties[Property] | IMeasurement | Array<CSSTypeProperties[Property] | IMeasurement>;
|
|
10
|
-
};
|
|
11
|
-
type CSSRangeOperator = "<" | "<=";
|
|
12
|
-
export type CSSComparison<TValue> = ComparisonValue<TValue>;
|
|
13
|
-
export type CSSRange<TValue> = ({
|
|
14
|
-
min: TValue;
|
|
15
|
-
max: TValue;
|
|
16
|
-
minOperator: CSSRangeOperator;
|
|
17
|
-
} & {
|
|
18
|
-
readonly __rangeBrand: unique symbol;
|
|
19
|
-
}) | ({
|
|
20
|
-
min: TValue;
|
|
21
|
-
max: TValue;
|
|
22
|
-
maxOperator: CSSRangeOperator;
|
|
23
|
-
} & {
|
|
24
|
-
readonly __rangeBrand: unique symbol;
|
|
25
|
-
});
|
|
26
|
-
export type CSSContainerCoreCondition = {
|
|
27
|
-
minWidth?: IMeasurement | IMeasurement[];
|
|
28
|
-
maxWidth?: IMeasurement | IMeasurement[];
|
|
29
|
-
minHeight?: IMeasurement | IMeasurement[];
|
|
30
|
-
maxHeight?: IMeasurement | IMeasurement[];
|
|
31
|
-
};
|
|
32
|
-
export type CSSContainerInlineCondition = {
|
|
33
|
-
inlineSize?: CSSComparison<IMeasurement> | CSSComparison<IMeasurement>[];
|
|
34
|
-
inlineSizeRange?: CSSRange<IMeasurement> | CSSRange<IMeasurement>[];
|
|
35
|
-
};
|
|
36
|
-
export type CSSContainerBlockCondition = {
|
|
37
|
-
blockSize?: CSSComparison<IMeasurement> | CSSComparison<IMeasurement>[];
|
|
38
|
-
blockSizeRange?: CSSRange<IMeasurement> | CSSRange<IMeasurement>[];
|
|
39
|
-
};
|
|
40
|
-
export type CSSContainerAspectRatioCondition = {
|
|
41
|
-
aspectRatio?: IRatio | IRatio[];
|
|
42
|
-
minAspectRatio?: IRatio | IRatio[];
|
|
43
|
-
maxAspectRatio?: IRatio | IRatio[];
|
|
44
|
-
};
|
|
45
|
-
export type CSSContainerStyleCondition = CSSContainerProperties;
|
|
46
|
-
export type CSSContainerCustomFeatures = Record<string, string | number | IMeasurement | Array<string | number | IMeasurement>>;
|
|
47
|
-
export type CSSContainerCustomCondition = {
|
|
48
|
-
customFeatures?: CSSContainerCustomFeatures;
|
|
49
|
-
};
|
|
50
|
-
export type CSSContainerConditionBase = CSSContainerCoreCondition & CSSContainerInlineCondition & CSSContainerBlockCondition & CSSContainerAspectRatioCondition & CSSContainerCustomCondition & {
|
|
51
|
-
style?: CSSContainerStyleCondition;
|
|
52
|
-
};
|
|
53
|
-
export type CSSContainerCondition = CSSContainerConditionBase | {
|
|
54
|
-
and: CSSContainerCondition[];
|
|
55
|
-
} | {
|
|
56
|
-
or: CSSContainerCondition[];
|
|
57
|
-
} | {
|
|
58
|
-
not: CSSContainerCondition;
|
|
59
|
-
};
|
|
60
|
-
export interface CSSContainerQuery {
|
|
61
|
-
name?: CSSContainerName;
|
|
62
|
-
condition: CSSContainerCondition;
|
|
63
|
-
}
|
|
64
|
-
export interface CSSContainerQueryContainer {
|
|
65
|
-
type?: CSSContainerType;
|
|
66
|
-
name?: CSSContainerName;
|
|
67
|
-
}
|
|
68
|
-
export interface CSSContainerQueryRuleInput {
|
|
69
|
-
container?: CSSContainerQueryContainer;
|
|
70
|
-
query?: CSSContainerQuery;
|
|
71
|
-
}
|
|
72
|
-
export interface CSSContainerQueryRuleOutput extends CSSContainerQueryRuleInput {
|
|
73
|
-
styles: CSSContainerProperties;
|
|
74
|
-
}
|
|
75
|
-
export type CSSContainerQueryRule = CSSContainerQueryRuleOutput;
|
|
76
|
-
export type CSSContainerQueryProps = CSSContainerQueryRuleInput["query"];
|
|
77
|
-
export type CSSContainerQueries = Record<string, CSSContainerQueryRuleInput>;
|
|
78
|
-
export type ContainerQueryComparison = CSSComparison<IMeasurement>;
|
|
79
|
-
export type ContainerQueryRange = CSSRange<IMeasurement>;
|
|
80
|
-
export {};
|
|
81
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/containerQueries/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,MAAM,GAAG,QAAQ,CAAC;AACjE,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAEtC,KAAK,iBAAiB,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,sBAAsB,GAAG;KAClC,QAAQ,IAAI,MAAM,iBAAiB,GAChC,iBAAiB,CAAC,QAAQ,CAAC,GAC3B,YAAY,GACZ,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC;CACtD,CAAC;AAEF,KAAK,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,aAAa,CAAC,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,MAAM,QAAQ,CAAC,MAAM,IACvB,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,gBAAgB,CAAA;CAAE,GAAG;IAC7D,QAAQ,CAAC,YAAY,EAAE,OAAO,MAAM,CAAC;CACtC,CAAC,GACF,CAAC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,gBAAgB,CAAA;CAAE,GAAG;IAC7D,QAAQ,CAAC,YAAY,EAAE,OAAO,MAAM,CAAC;CACtC,CAAC,CAAC;AAEP,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACzC,SAAS,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC1C,SAAS,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,aAAa,CAAC,YAAY,CAAC,EAAE,CAAC;IACzE,eAAe,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;CACrE,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,aAAa,CAAC,YAAY,CAAC,EAAE,CAAC;IACxE,cAAc,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;CACpE,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,sBAAsB,CAAC;AAEhE,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAC7C,MAAM,EACJ,MAAM,GACN,MAAM,GACN,YAAY,GACZ,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC,CACxC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,cAAc,CAAC,EAAE,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,GAC/D,2BAA2B,GAC3B,0BAA0B,GAC1B,gCAAgC,GAChC,2BAA2B,GAAG;IAC5B,KAAK,CAAC,EAAE,0BAA0B,CAAC;CACpC,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAC7B,yBAAyB,GACzB;IAAE,GAAG,EAAE,qBAAqB,EAAE,CAAA;CAAE,GAChC;IAAE,EAAE,EAAE,qBAAqB,EAAE,CAAA;CAAE,GAC/B;IAAE,GAAG,EAAE,qBAAqB,CAAA;CAAE,CAAC;AAEnC,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,qBAAqB,CAAC;CAClC;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,WAAW,2BACf,SAAQ,0BAA0B;IAClC,MAAM,EAAE,sBAAsB,CAAC;CAChC;AAED,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAEhE,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC;AAE7E,MAAM,MAAM,wBAAwB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AACnE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import type { ContainerQueryBuilderHelpers } from "./helpers";
|
|
2
|
-
import { assertCondition, assertMatchingUnits } from "../core";
|
|
3
|
-
import type { IContainerQueryCore } from "./containerQueries";
|
|
4
|
-
import type { IContainerQueryBlock } from "./modules/block";
|
|
5
|
-
import type { IContainerQueryCustomFeatures } from "./modules/custom";
|
|
6
|
-
import type { IContainerQueryInline } from "./modules/inline";
|
|
7
|
-
import type { IContainerQueryAspectRatio } from "./modules/aspectRatio";
|
|
8
|
-
import type { IContainerQueryStyle } from "./modules/style";
|
|
9
|
-
export type ContainerQueryValidationCheck<TConfig> = (config: TConfig) => void;
|
|
10
|
-
export type ContainerQueryCoreHelpers = {
|
|
11
|
-
assertCondition: typeof assertCondition;
|
|
12
|
-
assertMatchingUnits: typeof assertMatchingUnits;
|
|
13
|
-
};
|
|
14
|
-
export type ContainerQueryValidation = ReturnType<typeof createContainerQueryValidation>;
|
|
15
|
-
export declare const createContainerQueryValidation: (core: ContainerQueryCoreHelpers) => {
|
|
16
|
-
runContainerQueryValidation: <TConfig>(config: TConfig, helpers: ContainerQueryBuilderHelpers, check?: ContainerQueryValidationCheck<TConfig>, context?: string, fallbackMessage?: string) => boolean;
|
|
17
|
-
validateMinMaxWidth: (props: IContainerQueryCore) => void;
|
|
18
|
-
validateWidthValuesPositive: (props: IContainerQueryCore) => void;
|
|
19
|
-
validateMinMaxHeight: (props: IContainerQueryCore) => void;
|
|
20
|
-
validateHeightValuesPositive: (props: IContainerQueryCore) => void;
|
|
21
|
-
validateInlineSizeValues: (props: IContainerQueryInline) => void;
|
|
22
|
-
validateBlockSizeValues: (props: IContainerQueryBlock) => void;
|
|
23
|
-
validateAspectRatioValues: (props: IContainerQueryAspectRatio) => void;
|
|
24
|
-
validateStyleValues: (props: IContainerQueryStyle) => void;
|
|
25
|
-
validateCustomFeatures: (props: IContainerQueryCustomFeatures) => void;
|
|
26
|
-
};
|
|
27
|
-
declare const defaultContainerQueryValidation: {
|
|
28
|
-
runContainerQueryValidation: <TConfig>(config: TConfig, helpers: ContainerQueryBuilderHelpers, check?: ContainerQueryValidationCheck<TConfig>, context?: string, fallbackMessage?: string) => boolean;
|
|
29
|
-
validateMinMaxWidth: (props: IContainerQueryCore) => void;
|
|
30
|
-
validateWidthValuesPositive: (props: IContainerQueryCore) => void;
|
|
31
|
-
validateMinMaxHeight: (props: IContainerQueryCore) => void;
|
|
32
|
-
validateHeightValuesPositive: (props: IContainerQueryCore) => void;
|
|
33
|
-
validateInlineSizeValues: (props: IContainerQueryInline) => void;
|
|
34
|
-
validateBlockSizeValues: (props: IContainerQueryBlock) => void;
|
|
35
|
-
validateAspectRatioValues: (props: IContainerQueryAspectRatio) => void;
|
|
36
|
-
validateStyleValues: (props: IContainerQueryStyle) => void;
|
|
37
|
-
validateCustomFeatures: (props: IContainerQueryCustomFeatures) => void;
|
|
38
|
-
};
|
|
39
|
-
export declare const runContainerQueryValidation: <TConfig>(config: TConfig, helpers: ContainerQueryBuilderHelpers, check?: ContainerQueryValidationCheck<TConfig>, context?: string, fallbackMessage?: string) => boolean, validateMinMaxWidth: (props: IContainerQueryCore) => void, validateWidthValuesPositive: (props: IContainerQueryCore) => void, validateMinMaxHeight: (props: IContainerQueryCore) => void, validateHeightValuesPositive: (props: IContainerQueryCore) => void, validateInlineSizeValues: (props: IContainerQueryInline) => void, validateBlockSizeValues: (props: IContainerQueryBlock) => void, validateAspectRatioValues: (props: IContainerQueryAspectRatio) => void, validateStyleValues: (props: IContainerQueryStyle) => void, validateCustomFeatures: (props: IContainerQueryCustomFeatures) => void;
|
|
40
|
-
export { defaultContainerQueryValidation };
|
|
41
|
-
//# sourceMappingURL=validation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../src/containerQueries/validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAC;AAE9D,OAAO,EACL,eAAe,EACf,mBAAmB,EAMpB,MAAM,SAAS,CAAC;AAGjB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG5D,MAAM,MAAM,6BAA6B,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;AAE/E,MAAM,MAAM,yBAAyB,GAAG;IACtC,eAAe,EAAE,OAAO,eAAe,CAAC;IACxC,mBAAmB,EAAE,OAAO,mBAAmB,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C,OAAO,8BAA8B,CACtC,CAAC;AA+CF,eAAO,MAAM,8BAA8B,GACzC,MAAM,yBAAyB;kCAOM,OAAO,UAClC,OAAO,WACN,4BAA4B,UAC7B,6BAA6B,CAAC,OAAO,CAAC,YACpC,MAAM,+BAEf,OAAO;iCAgB0B,mBAAmB,KAAG,IAAI;yCAgBlB,mBAAmB,KAAG,IAAI;kCAWjC,mBAAmB,KAAG,IAAI;0CAgBlB,mBAAmB,KAAG,IAAI;sCAW9B,qBAAqB,KAAG,IAAI;qCAsB7B,oBAAoB,KAAG,IAAI;uCAuB1D,0BAA0B,KAChC,IAAI;iCA4B6B,oBAAoB,KAAG,IAAI;oCAyBtD,6BAA6B,KACnC,IAAI;CAwCR,CAAC;AAEF,QAAA,MAAM,+BAA+B;kCA1NE,OAAO,UAClC,OAAO,WACN,4BAA4B,UAC7B,6BAA6B,CAAC,OAAO,CAAC,YACpC,MAAM,+BAEf,OAAO;iCAgB0B,mBAAmB,KAAG,IAAI;yCAgBlB,mBAAmB,KAAG,IAAI;kCAWjC,mBAAmB,KAAG,IAAI;0CAgBlB,mBAAmB,KAAG,IAAI;sCAW9B,qBAAqB,KAAG,IAAI;qCAsB7B,oBAAoB,KAAG,IAAI;uCAuB1D,0BAA0B,KAChC,IAAI;iCA4B6B,oBAAoB,KAAG,IAAI;oCAyBtD,6BAA6B,KACnC,IAAI;CA6CP,CAAC;AAEH,eAAO,MACL,2BAA2B,GAhOU,OAAO,UAClC,OAAO,WACN,4BAA4B,UAC7B,6BAA6B,CAAC,OAAO,CAAC,YACpC,MAAM,+BAEf,OAAO,EA2NV,mBAAmB,UA3MiB,mBAAmB,KAAG,IAAI,EA4M9D,2BAA2B,UA5LiB,mBAAmB,KAAG,IAAI,EA6LtE,oBAAoB,UAlLiB,mBAAmB,KAAG,IAAI,EAmL/D,4BAA4B,UAnKiB,mBAAmB,KAAG,IAAI,EAoKvE,wBAAwB,UAzJiB,qBAAqB,KAAG,IAAI,EA0JrE,uBAAuB,UApIiB,oBAAoB,KAAG,IAAI,EAqInE,yBAAyB,UA9GhB,0BAA0B,KAChC,IAAI,EA8GP,mBAAmB,UAlFiB,oBAAoB,KAAG,IAAI,EAmF/D,sBAAsB,UA1Db,6BAA6B,KACnC,IA0D8B,CAAC;AAEpC,OAAO,EAAE,+BAA+B,EAAE,CAAC"}
|