css-calipers 0.14.0 → 1.0.0

package/dist/examples/src/containerQueries/modules/custom.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitCustomFeatures = void 0;
-const helpers_1 = require("../helpers");
-const validation_1 = require("../validation");
-const linting_1 = require("../linting");
-const custom_1 = require("../linting/custom");
-const emitCustomFeatures = (props, helpers, validate) => {
-    const { runContainerQueryValidation, validateCustomFeatures, } = validation_1.defaultContainerQueryValidation;
-    if (!runContainerQueryValidation(props, helpers, validateCustomFeatures, "custom", "custom features must be valid and non-empty")) {
-        return;
-    }
-    if (!(0, linting_1.runContainerQueryLint)(props, helpers, custom_1.lintCustomFeatures, "customFeatures should not be empty")) {
-        return;
-    }
-    if (!(0, helpers_1.applyContainerQueryValidation)(props, helpers, validate, "custom")) {
-        return;
-    }
-    const { addFeature } = helpers;
-    if (!props.customFeatures)
-        return;
-    Object.entries(props.customFeatures).forEach(([name, value]) => {
-        if (value === undefined || value === null)
-            return;
-        const trimmedName = name.trim();
-        if (!trimmedName)
-            return;
-        addFeature(trimmedName, value);
-    });
-};
-exports.emitCustomFeatures = emitCustomFeatures;

package/dist/examples/src/containerQueries/modules/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./aspectRatio"), exports);
-__exportStar(require("./block"), exports);
-__exportStar(require("./custom"), exports);
-__exportStar(require("./inline"), exports);
-__exportStar(require("./style"), exports);

package/dist/examples/src/containerQueries/modules/inline.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitInlineSizeFeatures = void 0;
-const helpers_1 = require("../helpers");
-const validation_1 = require("../validation");
-const linting_1 = require("../linting");
-const inline_1 = require("../linting/inline");
-const emitInlineComparison = (name, comparison, addCondition) => {
-    addCondition((0, helpers_1.formatContainerQueryComparison)(name, comparison.operator, comparison.value));
-};
-const emitInlineRange = (name, range, addCondition) => {
-    const min = (0, helpers_1.formatContainerQueryValue)(range.min);
-    const max = (0, helpers_1.formatContainerQueryValue)(range.max);
-    if ("minOperator" in range) {
-        addCondition(`(${min} ${range.minOperator} ${name})`);
-        addCondition(`(${name} <= ${max})`);
-        return;
-    }
-    addCondition(`(${min} <= ${name})`);
-    addCondition(`(${name} ${range.maxOperator} ${max})`);
-};
-const emitInlineSizeFeatures = (props, helpers, validate) => {
-    const { runContainerQueryValidation, validateInlineSizeValues, } = validation_1.defaultContainerQueryValidation;
-    if (!runContainerQueryValidation(props, helpers, validateInlineSizeValues, "inline", "inline size values must be valid measurements greater than 0")) {
-        return;
-    }
-    if (!(0, linting_1.runContainerQueryLint)(props, helpers, inline_1.lintInlineRedundancy, "inlineSize should not be combined with inlineSizeRange")) {
-        return;
-    }
-    if (!(0, linting_1.runContainerQueryLint)(props, helpers, inline_1.lintInlineRangeCollapse, "inlineSizeRange min and max are equal; use inlineSize instead")) {
-        return;
-    }
-    if (!(0, helpers_1.applyContainerQueryValidation)(props, helpers, validate, "inline")) {
-        return;
-    }
-    const { addCondition } = helpers;
-    if (props.inlineSize) {
-        emitInlineComparison("inline-size", props.inlineSize, addCondition);
-    }
-    if (props.inlineSizeRange) {
-        emitInlineRange("inline-size", props.inlineSizeRange, addCondition);
-    }
-};
-exports.emitInlineSizeFeatures = emitInlineSizeFeatures;

package/dist/examples/src/containerQueries/modules/style.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.emitStyleFeatures = void 0;
-const helpers_1 = require("../helpers");
-const validation_1 = require("../validation");
-const linting_1 = require("../linting");
-const style_1 = require("../linting/style");
-const emitStyleFeatures = (props, helpers, validate) => {
-    const { runContainerQueryValidation, validateStyleValues, } = validation_1.defaultContainerQueryValidation;
-    if (!runContainerQueryValidation(props, helpers, validateStyleValues, "style", "style conditions must be valid and non-empty")) {
-        return;
-    }
-    if (!(0, linting_1.runContainerQueryLint)(props, helpers, style_1.lintStyleCondition, "style conditions must be valid and non-empty")) {
-        return;
-    }
-    if (!(0, helpers_1.applyContainerQueryValidation)(props, helpers, validate, "style")) {
-        return;
-    }
-    if (!props.style)
-        return;
-    const { addCondition } = helpers;
-    Object.entries(props.style).forEach(([name, value]) => {
-        if (value === undefined || value === null)
-            return;
-        if (Array.isArray(value)) {
-            value.forEach((entry) => {
-                if (entry === undefined || entry === null)
-                    return;
-                addCondition(`(style(${name}: ${(0, helpers_1.formatContainerQueryValue)(entry)}))`);
-            });
-            return;
-        }
-        addCondition(`(style(${name}: ${(0, helpers_1.formatContainerQueryValue)(value)}))`);
-    });
-};
-exports.emitStyleFeatures = emitStyleFeatures;

package/dist/examples/src/containerQueries/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/examples/src/containerQueries/validation.js

@@ -1,177 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultContainerQueryValidation = exports.validateCustomFeatures = exports.validateStyleValues = exports.validateAspectRatioValues = exports.validateBlockSizeValues = exports.validateInlineSizeValues = exports.validateHeightValuesPositive = exports.validateMinMaxHeight = exports.validateWidthValuesPositive = exports.validateMinMaxWidth = exports.runContainerQueryValidation = exports.createContainerQueryValidation = void 0;
-const helpers_1 = require("./helpers");
-const core_1 = require("../core");
-const validation_1 = require("../validation");
-const ratio_1 = require("../ratio");
-const isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
-const assertMeasurement = (value, label) => {
-    (0, core_1.assertCondition)((0, core_1.isMeasurement)(value), `${label} must be a measurement`);
-};
-const assertMeasurementPositive = (value, label) => {
-    (0, core_1.assertCondition)(value.getValue() > 0, `${label} must be greater than 0`);
-};
-const assertRatio = (value, label) => {
-    (0, core_1.assertCondition)((0, core_1.isRatio)(value), `${label} must be a ratio created with r()`);
-};
-const assertRatioPositive = (value, label) => {
-    (0, core_1.assertCondition)(value.numerator() > 0, `${label} numerator must be greater than 0`);
-    (0, core_1.assertCondition)(value.denominator() > 0, `${label} denominator must be greater than 0`);
-};
-const isStyleValue = (value) => {
-    if (typeof value === "string")
-        return true;
-    if (isFiniteNumber(value))
-        return true;
-    if ((0, core_1.hasCssMethod)(value))
-        return true;
-    return false;
-};
-const createContainerQueryValidation = (core) => {
-    const assertCondition = core.assertCondition;
-    const assertMatchingUnits = core.assertMatchingUnits;
-    const runContainerQueryValidation = (config, helpers, check, context, fallbackMessage = "Invalid container query configuration") => {
-        if (!check)
-            return true;
-        try {
-            check(config);
-            return true;
-        }
-        catch (error) {
-            const result = (0, validation_1.toValidationResult)(error, fallbackMessage);
-            return (0, helpers_1.applyContainerQueryValidation)(config, helpers, () => result, context);
-        }
-    };
-    const validateMinMaxWidth = (props) => {
-        if (!props.minWidth || !props.maxWidth)
-            return;
-        assertMatchingUnits(props.minWidth, props.maxWidth, "containerQueries.minMaxWidth");
-        assertCondition(props.minWidth.getValue() <= props.maxWidth.getValue(), "minWidth must be less than or equal to maxWidth");
-    };
-    const validateWidthValuesPositive = (props) => {
-        if (props.minWidth) {
-            assertMeasurement(props.minWidth, "minWidth");
-            assertMeasurementPositive(props.minWidth, "minWidth");
-        }
-        if (props.maxWidth) {
-            assertMeasurement(props.maxWidth, "maxWidth");
-            assertMeasurementPositive(props.maxWidth, "maxWidth");
-        }
-    };
-    const validateMinMaxHeight = (props) => {
-        if (!props.minHeight || !props.maxHeight)
-            return;
-        assertMatchingUnits(props.minHeight, props.maxHeight, "containerQueries.minMaxHeight");
-        assertCondition(props.minHeight.getValue() <= props.maxHeight.getValue(), "minHeight must be less than or equal to maxHeight");
-    };
-    const validateHeightValuesPositive = (props) => {
-        if (props.minHeight) {
-            assertMeasurement(props.minHeight, "minHeight");
-            assertMeasurementPositive(props.minHeight, "minHeight");
-        }
-        if (props.maxHeight) {
-            assertMeasurement(props.maxHeight, "maxHeight");
-            assertMeasurementPositive(props.maxHeight, "maxHeight");
-        }
-    };
-    const validateInlineSizeValues = (props) => {
-        if (props.inlineSize) {
-            assertMeasurement(props.inlineSize.value, "inlineSize");
-            assertMeasurementPositive(props.inlineSize.value, "inlineSize");
-        }
-        if (props.inlineSizeRange) {
-            assertMeasurement(props.inlineSizeRange.min, "inlineSizeRange.min");
-            assertMeasurement(props.inlineSizeRange.max, "inlineSizeRange.max");
-            assertMeasurementPositive(props.inlineSizeRange.min, "inlineSizeRange.min");
-            assertMeasurementPositive(props.inlineSizeRange.max, "inlineSizeRange.max");
-            assertMatchingUnits(props.inlineSizeRange.min, props.inlineSizeRange.max, "containerQueries.inlineSizeRangeUnits");
-            assertCondition(props.inlineSizeRange.min.getValue() <=
-                props.inlineSizeRange.max.getValue(), "inlineSizeRange min must be less than or equal to max");
-        }
-    };
-    const validateBlockSizeValues = (props) => {
-        if (props.blockSize) {
-            assertMeasurement(props.blockSize.value, "blockSize");
-            assertMeasurementPositive(props.blockSize.value, "blockSize");
-        }
-        if (props.blockSizeRange) {
-            assertMeasurement(props.blockSizeRange.min, "blockSizeRange.min");
-            assertMeasurement(props.blockSizeRange.max, "blockSizeRange.max");
-            assertMeasurementPositive(props.blockSizeRange.min, "blockSizeRange.min");
-            assertMeasurementPositive(props.blockSizeRange.max, "blockSizeRange.max");
-            assertMatchingUnits(props.blockSizeRange.min, props.blockSizeRange.max, "containerQueries.blockSizeRangeUnits");
-            assertCondition(props.blockSizeRange.min.getValue() <=
-                props.blockSizeRange.max.getValue(), "blockSizeRange min must be less than or equal to max");
-        }
-    };
-    const validateAspectRatioValues = (props) => {
-        if (props.aspectRatio) {
-            assertRatio(props.aspectRatio, "aspectRatio");
-            assertRatioPositive(props.aspectRatio, "aspectRatio");
-        }
-        if (props.minAspectRatio) {
-            assertRatio(props.minAspectRatio, "minAspectRatio");
-            assertRatioPositive(props.minAspectRatio, "minAspectRatio");
-        }
-        if (props.maxAspectRatio) {
-            assertRatio(props.maxAspectRatio, "maxAspectRatio");
-            assertRatioPositive(props.maxAspectRatio, "maxAspectRatio");
-        }
-        if (props.minAspectRatio && props.maxAspectRatio) {
-            const minValue = (0, ratio_1.ratioToFloat)(props.minAspectRatio);
-            const maxValue = (0, ratio_1.ratioToFloat)(props.maxAspectRatio);
-            assertCondition(minValue <= maxValue, "minAspectRatio must be less than or equal to maxAspectRatio");
-        }
-    };
-    const validateStyleValues = (props) => {
-        if (!props.style)
-            return;
-        const entries = Object.entries(props.style);
-        assertCondition(entries.length > 0, "style conditions must not be empty.");
-        entries.forEach(([name, value]) => {
-            if (value === undefined || value === null)
-                return;
-            if (Array.isArray(value)) {
-                assertCondition(value.length > 0, `style.${name} must not be empty`);
-                value.forEach((entry, index) => {
-                    assertCondition(isStyleValue(entry), `style.${name}[${index}] must be a primitive or measurement`);
-                });
-                return;
-            }
-            assertCondition(isStyleValue(value), `style.${name} must be a primitive or measurement`);
-        });
-    };
-    const validateCustomFeatures = (props) => {
-        if (!props.customFeatures)
-            return;
-        const entries = Object.entries(props.customFeatures);
-        assertCondition(entries.length > 0, "customFeatures should not be empty.");
-        entries.forEach(([name, value]) => {
-            const trimmedName = name.trim();
-            assertCondition(trimmedName.length > 0, "Custom feature name must be non-empty.");
-            if (value === undefined || value === null)
-                return;
-            assertCondition(isStyleValue(value), `Custom feature "${trimmedName}" must be a primitive or a measurement.`);
-        });
-    };
-    return {
-        runContainerQueryValidation,
-        validateMinMaxWidth,
-        validateWidthValuesPositive,
-        validateMinMaxHeight,
-        validateHeightValuesPositive,
-        validateInlineSizeValues,
-        validateBlockSizeValues,
-        validateAspectRatioValues,
-        validateStyleValues,
-        validateCustomFeatures,
-    };
-};
-exports.createContainerQueryValidation = createContainerQueryValidation;
-const defaultContainerQueryValidation = (0, exports.createContainerQueryValidation)({
-    assertCondition: core_1.assertCondition,
-    assertMatchingUnits: core_1.assertMatchingUnits,
-});
-exports.defaultContainerQueryValidation = defaultContainerQueryValidation;
-exports.runContainerQueryValidation = defaultContainerQueryValidation.runContainerQueryValidation, exports.validateMinMaxWidth = defaultContainerQueryValidation.validateMinMaxWidth, exports.validateWidthValuesPositive = defaultContainerQueryValidation.validateWidthValuesPositive, exports.validateMinMaxHeight = defaultContainerQueryValidation.validateMinMaxHeight, exports.validateHeightValuesPositive = defaultContainerQueryValidation.validateHeightValuesPositive, exports.validateInlineSizeValues = defaultContainerQueryValidation.validateInlineSizeValues, exports.validateBlockSizeValues = defaultContainerQueryValidation.validateBlockSizeValues, exports.validateAspectRatioValues = defaultContainerQueryValidation.validateAspectRatioValues, exports.validateStyleValues = defaultContainerQueryValidation.validateStyleValues, exports.validateCustomFeatures = defaultContainerQueryValidation.validateCustomFeatures;

package/dist/examples/src/core.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.simplifyRatio = exports.reduceRatio = exports.r = exports.parseRatio = exports.normalizeRatio = exports.isRatio = exports.ratioToFloat = exports.setErrorConfig = exports.getErrorConfig = exports.assertCondition = exports.assertUnit = exports.hasCssMethod = exports.makeUnitAssert = exports.makeUnitGuard = exports.makeUnitHelperFromDefinition = exports.makeUnitHelper = exports.measurementUnitMetadata = exports.measurementMax = exports.measurementMin = exports.assertMatchingUnits = exports.isMeasurement = exports.m = void 0;
-const createCoreApi_1 = require("./internal/createCoreApi");
-const errors_1 = require("./internal/errors");
-const ratio_1 = require("./ratio");
-Object.defineProperty(exports, "isRatio", { enumerable: true, get: function () { return ratio_1.isRatio; } });
-Object.defineProperty(exports, "normalizeRatio", { enumerable: true, get: function () { return ratio_1.normalizeRatio; } });
-Object.defineProperty(exports, "parseRatio", { enumerable: true, get: function () { return ratio_1.parseRatio; } });
-Object.defineProperty(exports, "r", { enumerable: true, get: function () { return ratio_1.r; } });
-Object.defineProperty(exports, "ratioToFloat", { enumerable: true, get: function () { return ratio_1.ratioToFloat; } });
-Object.defineProperty(exports, "reduceRatio", { enumerable: true, get: function () { return ratio_1.reduceRatio; } });
-Object.defineProperty(exports, "simplifyRatio", { enumerable: true, get: function () { return ratio_1.simplifyRatio; } });
-const defaultErrorStore = (0, errors_1.createErrorConfigStore)();
-const coreApi = (0, createCoreApi_1.createCoreApi)(defaultErrorStore);
-exports.m = coreApi.m, exports.isMeasurement = coreApi.isMeasurement, exports.assertMatchingUnits = coreApi.assertMatchingUnits, exports.measurementMin = coreApi.measurementMin, exports.measurementMax = coreApi.measurementMax, exports.measurementUnitMetadata = coreApi.measurementUnitMetadata, exports.makeUnitHelper = coreApi.makeUnitHelper, exports.makeUnitHelperFromDefinition = coreApi.makeUnitHelperFromDefinition, exports.makeUnitGuard = coreApi.makeUnitGuard, exports.makeUnitAssert = coreApi.makeUnitAssert, exports.hasCssMethod = coreApi.hasCssMethod, exports.assertUnit = coreApi.assertUnit, exports.assertCondition = coreApi.assertCondition, exports.getErrorConfig = coreApi.getErrorConfig, exports.setErrorConfig = coreApi.setErrorConfig;

package/dist/examples/src/factory.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createCalipers = void 0;
-const errors_1 = require("./internal/errors");
-const createCoreApi_1 = require("./internal/createCoreApi");
-const createUnitsApi_1 = require("./internal/createUnitsApi");
-const createMediaQueriesApi_1 = require("./internal/createMediaQueriesApi");
-const createCalipers = (config = {}) => {
-    var _a;
-    const errorStore = (0, errors_1.createErrorConfigStore)((_a = config.errorConfig) !== null && _a !== void 0 ? _a : {});
-    const core = (0, createCoreApi_1.createCoreApi)(errorStore);
-    const units = (0, createUnitsApi_1.createUnitsApi)(core);
-    const mediaQueries = (0, createMediaQueriesApi_1.createMediaQueriesApi)(core);
-    return {
-        ...core,
-        ...units,
-        mediaQueries,
-        units,
-    };
-};
-exports.createCalipers = createCalipers;

package/dist/examples/src/index.js

@@ -1,30 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./core"), exports);
-__exportStar(require("./units/percent"), exports);
-__exportStar(require("./units/absolute"), exports);
-__exportStar(require("./units/font-relative"), exports);
-__exportStar(require("./units/viewport"), exports);
-__exportStar(require("./units/viewport-small"), exports);
-__exportStar(require("./units/viewport-large"), exports);
-__exportStar(require("./units/viewport-dynamic"), exports);
-__exportStar(require("./units/container"), exports);
-__exportStar(require("./units/angle"), exports);
-__exportStar(require("./units/time"), exports);
-__exportStar(require("./units/frequency"), exports);
-__exportStar(require("./units/resolution"), exports);
-__exportStar(require("./units/grid"), exports);

package/dist/examples/src/internal/buildMeasurementCreationError.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildMeasurementCreationError = void 0;
-const buildMeasurementCreationError = (value, unit, helper, context) => {
-    const code = 'CALIPERS_E_NONFINITE';
-    return {
-        message: `Non-finite measurement value: ${value}`,
-        context,
-        details: {
-            code,
-            helper,
-            inputSummary: `value=${value}, unit=${unit}`,
-        },
-    };
-};
-exports.buildMeasurementCreationError = buildMeasurementCreationError;