@mapcss/preset-typography/script/preset_tw/identifier/inset.js

Typography preset for MapCSS

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.inset = void 0;
const _utils_js_1 = require("./_utils.js");
const monad_js_1 = require("../../core/utils/monad.js");
const deps_js_1 = require("../../deps.js");
const regexp_js_1 = require("../../core/utils/regexp.js");
const monad_js_2 = require("../../core/utils/monad.js");
exports.inset = [
    [0, {
            top: "0px",
            right: "0px",
            bottom: "0px",
            left: "0px",
        }],
    ["px", {
            top: "1px",
            right: "1px",
            bottom: "1px",
            left: "1px",
        }],
    ["auto", {
            top: "auto",
            right: "auto",
            bottom: "auto",
            left: "auto",
        }],
    ["full", {
            top: "100%",
            right: "100%",
            bottom: "100%",
            left: "100%",
        }],
    ["x", [
            [0, { right: "0px", left: "0px" }],
            ["px", { right: "1px", left: "1px" }],
            ["auto", { left: "auto", right: "auto" }],
            ["full", { right: "100%", left: "100%" }],
            [
                regexp_js_1.re$Numeric,
                ([, numeric]) => (0, monad_js_2.parseNumeric)(numeric).andThen(_utils_js_1.remify).match((0, _utils_js_1.matcher)(["right", "left"])),
            ],
            [
                regexp_js_1.re$PositiveNumberPer$PositiveNumber,
                ([, numerator, denominator]) => (0, monad_js_1.parseFraction)(numerator, denominator).map(_utils_js_1.percentize).match((0, _utils_js_1.matcher)(["right", "left"])),
            ],
            [
                regexp_js_1.reBracket_$,
                ([, attr]) => (0, deps_js_1.associateWith)(["right", "left"], () => attr),
            ],
        ]],
    ["y", [
            ["px", { top: "1px", bottom: "1px" }],
            ["auto", { top: "auto", bottom: "auto" }],
            ["full", { top: "100%", bottom: "100%" }],
            [0, { top: "0px", bottom: "0px" }],
            [regexp_js_1.re$Numeric, ([, numeric]) => (0, monad_js_2.parseNumeric)(numeric).andThen(_utils_js_1.remify).match((0, _utils_js_1.matcher)(["top", "bottom"]))],
            [
                regexp_js_1.re$PositiveNumberPer$PositiveNumber,
                ([, numerator, denominator]) => (0, monad_js_1.parseFraction)(numerator, denominator).map(_utils_js_1.percentize).match((0, _utils_js_1.matcher)(["top", "bottom"])),
            ],
            [
                regexp_js_1.reBracket_$,
                ([, attr]) => (0, deps_js_1.associateWith)(["top", "bottom"], () => attr),
            ],
        ]],
    [
        regexp_js_1.re$Numeric,
        ([, numeric]) => (0, monad_js_2.parseNumeric)(numeric).andThen(_utils_js_1.remify).match((0, _utils_js_1.matcher)(["top", "bottom", "right", "left"])),
    ],
    [
        regexp_js_1.re$PositiveNumberPer$PositiveNumber,
        ([, numerator, denominator]) => (0, monad_js_1.parseFraction)(numerator, denominator).map(_utils_js_1.percentize).match((0, _utils_js_1.matcher)(["top", "bottom", "right", "left"])),
    ],
    [
        regexp_js_1.reBracket_$,
        ([, attr]) => (0, deps_js_1.associateWith)(["top", "bottom", "right", "left"], () => attr),
    ],
];