@chaibuilder/sdk 1.0.8 → 1.0.10
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/LICENSE +28 -0
- package/README.md +123 -21
- package/dist/AddBlocks-tdvDe7xL.cjs +3 -0
- package/dist/{AddBlocks-9128ba6f.js → AddBlocks-xR2s2BVa.js} +47 -44
- package/dist/BrandingOptions-DpJ-oNnf.cjs +1 -0
- package/dist/{BrandingOptions-ea5c3818.js → BrandingOptions-cHK2bVZy.js} +14 -18
- package/dist/{CanvasArea-61ab734b.js → CanvasArea-2zqT1lSE.js} +492 -503
- package/dist/CanvasArea-Br8bBSeT.cjs +46 -0
- package/dist/ChaiBuilderEditor-SacH75l4.cjs +163 -0
- package/dist/{index-56a8abbc.js → ChaiBuilderEditor-h9bXC4l-.js} +11215 -15368
- package/dist/Class-_uCzl5v1.cjs +1 -0
- package/dist/{html-to-json-45e0e3b5.js → Class-l7qYbuoN.js} +185 -366
- package/dist/{CurrentPage-0b3bbd2f.js → CurrentPage-4lTETR2f.js} +27 -24
- package/dist/CurrentPage-nlUWJiUA.cjs +1 -0
- package/dist/{ImagesPanel-8b7a989d.cjs → ImagesPanel-6us7hiLN.cjs} +1 -1
- package/dist/{ImagesPanel-47ac13c3.js → ImagesPanel-oaHOD-Ex.js} +4 -4
- package/dist/Layers-Vw4XE6YB.cjs +1 -0
- package/dist/{Layers-f3e1f9dc.js → Layers-wOfijZnb.js} +42 -41
- package/dist/MarkAsGlobalBlock-1J_YyL1L.cjs +1 -0
- package/dist/{MarkAsGlobalBlock-a3314fee.js → MarkAsGlobalBlock-xRyn29gC.js} +17 -20
- package/dist/{PagesPanel-13c05436.js → PagesPanel-82gCVzHS.js} +16 -13
- package/dist/PagesPanel-ZKRdK-mI.cjs +1 -0
- package/dist/ProjectPanel-kYg4KkJu.cjs +1 -0
- package/dist/{ProjectPanel-dbec2f4b.js → ProjectPanel-vz5WOyqZ.js} +22 -19
- package/dist/Settings-1E3Y_5r6.cjs +1 -0
- package/dist/{Settings-dd4fa69c.js → Settings-IuAF359L.js} +297 -296
- package/dist/SidePanels-WL1UioF2.cjs +1 -0
- package/dist/{SidePanels-857bc7bc.js → SidePanels-xssTWt4M.js} +34 -42
- package/dist/Topbar-3ozdWfSy.cjs +1 -0
- package/dist/{Topbar-3166b6aa.js → Topbar-H0f0EL6-.js} +33 -35
- package/dist/UnsplashImages-BoBBSi1a.cjs +1 -0
- package/dist/{UnsplashImages-4edb97e7.js → UnsplashImages-gPcBLjgB.js} +13 -14
- package/dist/UploadImages-T6kW0s3G.cjs +1 -0
- package/dist/{UploadImages-52181c3e.js → UploadImages-_ZyUU66E.js} +11 -12
- package/dist/{accordion-c0176dc5.js → accordion-oPUeqPCZ.js} +2 -2
- package/dist/{accordion-0afd8143.cjs → accordion-ynvFtV_p.cjs} +1 -1
- package/dist/{add-page-modal-74269b8b.js → add-page-modal-J1E7rh1U.js} +25 -22
- package/dist/add-page-modal-eiiUZCJX.cjs +1 -0
- package/dist/alert-dialog-GNfnpqFB.js +64 -0
- package/dist/alert-dialog-Mv0-wAvS.cjs +1 -0
- package/dist/{command-b1103666.cjs → command-ThdTuUxt.cjs} +1 -1
- package/dist/{command-6f260f61.js → command-VHca6CcN.js} +3 -3
- package/dist/confirm-alert-8EHe0OOd.cjs +1 -0
- package/dist/confirm-alert-b0e_BLhF.js +36 -0
- package/dist/{context-menu-e1c240ce.js → context-menu-8dC9uGXj.js} +2 -2
- package/dist/{context-menu-fec580f2.cjs → context-menu-IgLbIuth.cjs} +1 -1
- package/dist/controls-Ni5kEzLz.js +103 -0
- package/dist/controls-xUKa23ic.cjs +1 -0
- package/dist/core.cjs +1 -1
- package/dist/core.d.ts +1 -10
- package/dist/core.js +116 -69
- package/dist/delete-page-modal-TGTmRjyn.cjs +1 -0
- package/dist/{delete-page-modal-e4aa62c3.js → delete-page-modal-ysj4O0bM.js} +25 -22
- package/dist/{dialog-170eaad9.cjs → dialog-S_QbL1iq.cjs} +1 -1
- package/dist/{dialog-18207bef.js → dialog-jrw9DF1f.js} +2 -2
- package/dist/{dropdown-menu-ae3ed09b.js → dropdown-menu-S03K_fNs.js} +2 -2
- package/dist/{dropdown-menu-84b2439e.cjs → dropdown-menu-sMXR59cB.cjs} +1 -1
- package/dist/{form-25e1af37.js → form-dVpOAyRl.js} +2 -2
- package/dist/{form-ea21db6c.cjs → form-nRAvKPQj.cjs} +1 -1
- package/dist/{functions-83b1de8d.js → functions-nNTuSTsR.js} +1 -1
- package/dist/functions-pcUZhFJM.js +12 -0
- package/dist/{functions-f84d5e2a.cjs → functions-sCuB7nvZ.cjs} +1 -1
- package/dist/functions-uw7QP2kT.cjs +1 -0
- package/dist/html-to-json-P6GpbcQX.cjs +1 -0
- package/dist/html-to-json-pdHQfRkN.js +178 -0
- package/dist/index-8L3zCc6V.cjs +1 -0
- package/dist/index-cZ4uo6aT.js +2256 -0
- package/dist/{label-e770a087.js → label-KaP7MRrs.js} +2 -2
- package/dist/{label-167415e5.cjs → label-tFm8HZdb.cjs} +1 -1
- package/dist/lib.cjs +1 -1
- package/dist/lib.d.ts +20 -13
- package/dist/lib.js +24 -23
- package/dist/{link-57de608a.js → link-6o6n2Tnd.js} +4 -4
- package/dist/link-ece8dZGH.cjs +1 -0
- package/dist/{page-viewer-40cfdbfc.js → page-viewer-84Giu0Rs.js} +29 -26
- package/dist/page-viewer-OdVEG83P.cjs +1 -0
- package/dist/{popover-f7addcf4.js → popover-a84pbVhQ.js} +2 -2
- package/dist/{popover-7cb9079b.cjs → popover-fKjgcRUx.cjs} +1 -1
- package/dist/{project-general-setting-d6f00a25.js → project-general-setting-8OEVVxzn.js} +20 -17
- package/dist/project-general-setting-laHNQPW5.cjs +1 -0
- package/dist/{project-seo-setting-d81fc1e3.js → project-seo-setting-9kD_stdI.js} +11 -12
- package/dist/project-seo-setting-F3Opt9Uj.cjs +1 -0
- package/dist/render.cjs +1 -1
- package/dist/render.d.ts +7 -7
- package/dist/render.js +3 -3
- package/dist/{scroll-area-bb343b86.cjs → scroll-area-FiHvy-TZ.cjs} +1 -1
- package/dist/{scroll-area-83bd9e8f.js → scroll-area-ewXbxc3n.js} +2 -2
- package/dist/{select-0e32300c.cjs → select-7bjg-rr9.cjs} +1 -1
- package/dist/{select-7fddd7c3.js → select-POGdEDHT.js} +2 -2
- package/dist/{separator-a597dba7.cjs → separator-3Civ-6hb.cjs} +1 -1
- package/dist/{separator-a80d065b.js → separator-SctTn0Qi.js} +2 -2
- package/dist/server.d.ts +7 -10
- package/dist/server.js +0 -3
- package/dist/single-page-detail-X0TGlsT4.cjs +1 -0
- package/dist/{single-page-detail-fddaf0ec.js → single-page-detail-iXpavDy8.js} +32 -29
- package/dist/skeleton-CU_FIbg3.js +239 -0
- package/dist/skeleton-JHP9zwL2.cjs +1 -0
- package/dist/studio.cjs +1 -0
- package/dist/studio.d.ts +13 -0
- package/dist/studio.js +39 -0
- package/dist/{tabs-85caa1e8.js → tabs-Gb9v5dVb.js} +2 -2
- package/dist/{tabs-860e37aa.cjs → tabs-iWeaaVrg.cjs} +1 -1
- package/dist/{textarea-a338ede6.cjs → textarea-1kZEh7ki.cjs} +1 -1
- package/dist/{textarea-0750bcd2.js → textarea-b2QvVhrK.js} +2 -2
- package/dist/{toggle-00c9d11e.js → toggle-ASJRAaGP.js} +2 -2
- package/dist/{toggle-b90fed97.cjs → toggle-ehNIPmme.cjs} +1 -1
- package/dist/ui.cjs +1 -1
- package/dist/ui.d.ts +69 -4
- package/dist/ui.js +272 -212
- package/dist/useAddBlock-1cMXaOVk.cjs +1 -0
- package/dist/useAddBlock-BOjrGBEO.js +86 -0
- package/dist/useAllBlocks-RU_Xw8j9.cjs +1 -0
- package/dist/useAllBlocks-lX6uVO39.js +20 -0
- package/dist/useChaiExternalData-4K9WxANa.js +6 -0
- package/dist/useChaiExternalData-DkyBJ81C.cjs +1 -0
- package/dist/useDarkMode-JWkrNFpH.js +23 -0
- package/dist/useDarkMode-zeTW_UUR.cjs +1 -0
- package/dist/useFeatureSupport-jWSuY7wk.js +16 -0
- package/dist/useFeatureSupport-tZ0QfBxp.cjs +1 -0
- package/dist/useHiddenBlocks-3MsGOJ1s.js +15 -0
- package/dist/useHiddenBlocks-oJuQDmTy.cjs +1 -0
- package/dist/useLanguage-O1uu2Bzu.js +216 -0
- package/dist/useLanguage-Y3qgAbgG.cjs +1 -0
- package/dist/useMarkAsGlobalBlock-DB5B1UP6.js +25 -0
- package/dist/useMarkAsGlobalBlock-toxRSLc_.cjs +1 -0
- package/dist/useUiLibraries-4hPOi8DI.js +12 -0
- package/dist/useUiLibraries-9FhQCpKo.cjs +1 -0
- package/package.json +19 -5
- package/dist/AddBlocks-d240ce44.cjs +0 -3
- package/dist/BrandingOptions-3bb00e4c.cjs +0 -1
- package/dist/CanvasArea-723e90e7.cjs +0 -46
- package/dist/CurrentPage-552ca7d3.cjs +0 -1
- package/dist/Layers-20a6cb66.cjs +0 -1
- package/dist/MarkAsGlobalBlock-75c82d33.cjs +0 -1
- package/dist/PagesPanel-01ce4305.cjs +0 -1
- package/dist/ProjectPanel-658f62f5.cjs +0 -1
- package/dist/Settings-f0a220d8.cjs +0 -1
- package/dist/SidePanels-fb3bc195.cjs +0 -1
- package/dist/Topbar-4f94475f.cjs +0 -1
- package/dist/UnsplashImages-98c085c2.cjs +0 -1
- package/dist/UploadImages-61ef83ad.cjs +0 -1
- package/dist/add-page-modal-25c623bf.cjs +0 -1
- package/dist/confirm-alert-c1fdf1e4.js +0 -35
- package/dist/confirm-alert-e1ea5110.cjs +0 -1
- package/dist/delete-page-modal-2cdd4b0c.cjs +0 -1
- package/dist/html-to-json-aadcbf66.cjs +0 -1
- package/dist/index-76f43d04.cjs +0 -164
- package/dist/link-24679521.cjs +0 -1
- package/dist/page-viewer-d73b7828.cjs +0 -1
- package/dist/project-general-setting-5714e3e8.cjs +0 -1
- package/dist/project-seo-setting-6eef8387.cjs +0 -1
- package/dist/single-page-detail-a3115735.cjs +0 -1
- package/dist/useBuilderProp-21feb2da.js +0 -296
- package/dist/useBuilderProp-adacf42f.cjs +0 -1
- package/dist/useChaiExternalData-192c7896.js +0 -5
- package/dist/useChaiExternalData-a90e8aac.cjs +0 -1
- /package/dist/{MODIFIERS-2f19c314.js → MODIFIERS-DsEzQ3aH.js} +0 -0
- /package/dist/{MODIFIERS-4716c669.cjs → MODIFIERS-Fx6WAZcw.cjs} +0 -0
- /package/dist/{jsx-runtime-5c3ac4f7.cjs → jsx-runtime-JYMCiFoE.cjs} +0 -0
- /package/dist/{jsx-runtime-944c88e2.js → jsx-runtime-Sp0orL4X.js} +0 -0
- /package/dist/{utils-ac68b2c8.js → utils-dze1SGvB.js} +0 -0
- /package/dist/{utils-3c452dd0.cjs → utils-qK_SjzzV.cjs} +0 -0
|
@@ -1,14 +1,6 @@
|
|
|
1
|
-
import { range as
|
|
2
|
-
import { M as
|
|
3
|
-
|
|
4
|
-
import { c as P } from "./utils-ac68b2c8.js";
|
|
5
|
-
function q(e = 6, s = "abcdefghijklmnopqrstuvwxyzABCD") {
|
|
6
|
-
let a = "";
|
|
7
|
-
for (let o = e; o > 0; --o)
|
|
8
|
-
a += s[Math.floor(Math.random() * s.length)];
|
|
9
|
-
return a;
|
|
10
|
-
}
|
|
11
|
-
const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >= 768 ? "MD" : e >= 640 ? "SM" : "XS", m = [
|
|
1
|
+
import { range as o, map as r, values as b, flattenDeep as l, flatten as f, isEmpty as g, startsWith as m, get as x } from "lodash";
|
|
2
|
+
import { M as E } from "./MODIFIERS-DsEzQ3aH.js";
|
|
3
|
+
const d = [
|
|
12
4
|
0,
|
|
13
5
|
1,
|
|
14
6
|
2,
|
|
@@ -39,8 +31,8 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
39
31
|
72,
|
|
40
32
|
80,
|
|
41
33
|
96
|
|
42
|
-
],
|
|
43
|
-
columns: [...
|
|
34
|
+
], s = {
|
|
35
|
+
columns: [...o(1, 13), "auto", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", ...r(o(2, 8), (e) => `${e}xl`)],
|
|
44
36
|
breakAfter: ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"],
|
|
45
37
|
breakInside: ["auto", "avoid", "avoid-page", "avoid-column"],
|
|
46
38
|
display: ["block", "flex", "grid", "inline-block", "inline", "hidden"],
|
|
@@ -48,22 +40,22 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
48
40
|
objectPosition: ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"],
|
|
49
41
|
overflow: ["auto", "hidden", "clip", "visible", "scroll"],
|
|
50
42
|
overscroll: ["auto", "contain", "none"],
|
|
51
|
-
trbl: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...
|
|
52
|
-
flexBasis: [...
|
|
53
|
-
padding: [...
|
|
54
|
-
margin: ["auto", ...
|
|
43
|
+
trbl: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...o(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "auto", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "full"],
|
|
44
|
+
flexBasis: [...d, "auto", "px", "0.5", "1.5", "2.5", "3.5", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12", "full"],
|
|
45
|
+
padding: [...d, "px", "0.5", "1.5", "2.5", "3.5"],
|
|
46
|
+
margin: ["auto", ...d, "px", "0.5", "1.5", "2.5", "3.5"],
|
|
55
47
|
scale: [0, 50, 75, 90, 95, 100, 105, 110, 125, 150],
|
|
56
48
|
origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left"],
|
|
57
49
|
blendEffect: ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"],
|
|
58
50
|
borderWidth: [0, 2, 4, 8],
|
|
59
51
|
borderRadius: ["global", "none", "sm", "md", "lg", "xl", "2xl", "3xl", "full"],
|
|
60
|
-
indent: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...
|
|
61
|
-
maxHeight: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...
|
|
62
|
-
space: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...
|
|
52
|
+
indent: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...o(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96],
|
|
53
|
+
maxHeight: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...o(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "full", "screen", "min", "max", "fit"],
|
|
54
|
+
space: [0, "px", "0.5", 1, 1.5, 2, 2.5, 3, 3.5, ...o(4, 13), 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96, "px", "reverse"],
|
|
63
55
|
width: ["0", "px", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "5", "6", "7", "8", "9", "10", "11", "12", "14", "16", "20", "24", "28", "32", "36", "40", "44", "48", "52", "56", "60", "64", "72", "80", "96", "auto", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "1/12", "2/12", "3/12", "4/12", "5/12", "6/12", "7/12", "8/12", "9/12", "10/12", "11/12"],
|
|
64
56
|
maxWidth: ["0", "none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "full", "min", "max", "fit", "prose", "screen-sm", "screen-md", "screen-lg", "screen-xl", "screen-2xl"],
|
|
65
57
|
height: ["0", "px", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "5", "6", "7", "8", "9", "10", "11", "12", "14", "16", "20", "24", "28", "32", "36", "40", "44", "48", "52", "56", "60", "64", "72", "80", "96", "auto", "1/2", "1/3", "2/3", "1/4", "2/4", "3/4", "1/5", "2/5", "3/5", "4/5", "1/6", "2/6", "3/6", "4/6", "5/6", "full", "screen", "min", "max", "fit"]
|
|
66
|
-
},
|
|
58
|
+
}, p = {
|
|
67
59
|
textColor: {
|
|
68
60
|
classes: [],
|
|
69
61
|
regExp: "text-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
|
|
@@ -78,19 +70,19 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
78
70
|
regExp: "container"
|
|
79
71
|
},
|
|
80
72
|
columns: {
|
|
81
|
-
classes:
|
|
73
|
+
classes: r(s.columns, (e) => `columns-${e}`),
|
|
82
74
|
regExp: "columns-(auto|[0-9]xl|[0-9]xs|xs|sm|md|lg|xl|\\d+)"
|
|
83
75
|
},
|
|
84
76
|
breakAfter: {
|
|
85
|
-
classes:
|
|
77
|
+
classes: r(s.breakAfter, (e) => `break-after-${e}`),
|
|
86
78
|
regExp: "break-after-\\S+"
|
|
87
79
|
},
|
|
88
80
|
breakBefore: {
|
|
89
|
-
classes:
|
|
81
|
+
classes: r(s.breakAfter, (e) => `break-before-${e}`),
|
|
90
82
|
regExp: "break-before-\\S+"
|
|
91
83
|
},
|
|
92
84
|
breakInside: {
|
|
93
|
-
classes:
|
|
85
|
+
classes: r(s.breakInside, (e) => `break-inside-${e}`),
|
|
94
86
|
regExp: "break-inside-\\S+"
|
|
95
87
|
},
|
|
96
88
|
boxDecoration: {
|
|
@@ -114,7 +106,7 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
114
106
|
regExp: "flex-1|flex-auto|flex-initial|flex-none"
|
|
115
107
|
},
|
|
116
108
|
gridColumns: {
|
|
117
|
-
classes:
|
|
109
|
+
classes: r([...o(0, 13), "none"], (e) => `grid-cols-${e}`),
|
|
118
110
|
regExp: "grid-cols-(\\d+|none)"
|
|
119
111
|
},
|
|
120
112
|
gridFlow: {
|
|
@@ -122,29 +114,29 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
122
114
|
regExp: "grid-flow-(row|col|row-dense|col-dense)"
|
|
123
115
|
},
|
|
124
116
|
outlineStyle: {
|
|
125
|
-
classes:
|
|
117
|
+
classes: r(["none", "dashed", "dotted", "double", "hidden"], (e) => `outline-${e}`),
|
|
126
118
|
regExp: "outline-(none|dashed|dotted|double|hidden)"
|
|
127
119
|
},
|
|
128
120
|
borderStyle: {
|
|
129
|
-
classes:
|
|
121
|
+
classes: r(["solid", "dashed", "dotted", "double", "hidden", "none"], (e) => `border-${e}`),
|
|
130
122
|
regExp: "border-(solid|dashed|dotted|double|hidden|none)"
|
|
131
123
|
},
|
|
132
124
|
overflow: {
|
|
133
|
-
classes:
|
|
134
|
-
regExp: `overflow-(${
|
|
125
|
+
classes: r(s.overflow, (e) => `overflow-${e}`),
|
|
126
|
+
regExp: `overflow-(${s.overflow.join("|")})`
|
|
135
127
|
},
|
|
136
128
|
overflowX: {
|
|
137
|
-
classes:
|
|
138
|
-
regExp: `overflow-x-(${
|
|
129
|
+
classes: r(s.overflow, (e) => `overflow-x-${e}`),
|
|
130
|
+
regExp: `overflow-x-(${s.overflow.join("|")})`
|
|
139
131
|
},
|
|
140
132
|
overflowY: {
|
|
141
|
-
classes:
|
|
142
|
-
regExp: `overflow-y-(${
|
|
133
|
+
classes: r(s.overflow, (e) => `overflow-y-${e}`),
|
|
134
|
+
regExp: `overflow-y-(${s.overflow.join("|")})`
|
|
143
135
|
},
|
|
144
|
-
gridRows: { classes:
|
|
136
|
+
gridRows: { classes: r([1, 2, 3, 4, 5, 6, "none"], (e) => `grid-rows-${e}`), regExp: "grid-rows-(\\d|none)" },
|
|
145
137
|
display: {
|
|
146
|
-
classes:
|
|
147
|
-
regExp: `(${
|
|
138
|
+
classes: r(s.display, (e) => e.toString()),
|
|
139
|
+
regExp: `(${s.display.join("|")})`
|
|
148
140
|
},
|
|
149
141
|
float: {
|
|
150
142
|
classes: ["float-right", "float-left", "float-none"],
|
|
@@ -159,83 +151,83 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
159
151
|
regExp: "isolate|isolation-auto"
|
|
160
152
|
},
|
|
161
153
|
objectFit: {
|
|
162
|
-
classes:
|
|
154
|
+
classes: r(s.objectFit, (e) => `object-${e}`),
|
|
163
155
|
regExp: "object-(contain|cover|fill|none|scale-down)"
|
|
164
156
|
},
|
|
165
157
|
objectPosition: {
|
|
166
|
-
classes:
|
|
167
|
-
regExp: `object-(${
|
|
158
|
+
classes: r(s.objectPosition, (e) => `object-${e}`),
|
|
159
|
+
regExp: `object-(${s.objectPosition.join("|")})`
|
|
168
160
|
},
|
|
169
161
|
overscroll: {
|
|
170
|
-
classes:
|
|
171
|
-
regExp: `overscroll-(${
|
|
162
|
+
classes: r(s.overscroll, (e) => `overscroll-${e}`),
|
|
163
|
+
regExp: `overscroll-(${s.overscroll.join("|")})`
|
|
172
164
|
},
|
|
173
165
|
overscrollX: {
|
|
174
|
-
classes:
|
|
175
|
-
regExp: `overscroll-x-(${
|
|
166
|
+
classes: r(s.overscroll, (e) => `overscroll-x-${e}`),
|
|
167
|
+
regExp: `overscroll-x-(${s.overscroll.join("|")})`
|
|
176
168
|
},
|
|
177
169
|
overscrollY: {
|
|
178
|
-
classes:
|
|
179
|
-
regExp: `overscroll-y-(${
|
|
170
|
+
classes: r(s.overscroll, (e) => `overscroll-y-${e}`),
|
|
171
|
+
regExp: `overscroll-y-(${s.overscroll.join("|")})`
|
|
180
172
|
},
|
|
181
173
|
inset: {
|
|
182
|
-
classes:
|
|
174
|
+
classes: r(s.trbl, (e) => `inset-${e}`),
|
|
183
175
|
regExp: "-?inset-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
184
176
|
},
|
|
185
177
|
insetX: {
|
|
186
|
-
classes:
|
|
178
|
+
classes: r(s.trbl, (e) => `inset-x-${e}`),
|
|
187
179
|
regExp: "-?inset-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
188
180
|
},
|
|
189
181
|
insetY: {
|
|
190
|
-
classes:
|
|
182
|
+
classes: r(s.trbl, (e) => `inset-y-${e}`),
|
|
191
183
|
regExp: "-?inset-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
192
184
|
},
|
|
193
185
|
top: {
|
|
194
|
-
classes:
|
|
186
|
+
classes: r(s.trbl, (e) => `top-${e}`),
|
|
195
187
|
regExp: "-?top-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
196
188
|
},
|
|
197
189
|
topX: {
|
|
198
|
-
classes:
|
|
190
|
+
classes: r(s.trbl, (e) => `top-x-${e}`),
|
|
199
191
|
regExp: "-?top-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
200
192
|
},
|
|
201
193
|
topY: {
|
|
202
|
-
classes:
|
|
194
|
+
classes: r(s.trbl, (e) => `top-y-${e}`),
|
|
203
195
|
regExp: "-?top-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
204
196
|
},
|
|
205
197
|
right: {
|
|
206
|
-
classes:
|
|
198
|
+
classes: r(s.trbl, (e) => `right-${e}`),
|
|
207
199
|
regExp: "-?right-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
208
200
|
},
|
|
209
201
|
rightX: {
|
|
210
|
-
classes:
|
|
202
|
+
classes: r(s.trbl, (e) => `right-x-${e}`),
|
|
211
203
|
regExp: "-?right-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
212
204
|
},
|
|
213
205
|
rightY: {
|
|
214
|
-
classes:
|
|
206
|
+
classes: r(s.trbl, (e) => `right-y-${e}`),
|
|
215
207
|
regExp: "-?right-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
216
208
|
},
|
|
217
209
|
bottom: {
|
|
218
|
-
classes:
|
|
210
|
+
classes: r(s.trbl, (e) => `bottom-${e}`),
|
|
219
211
|
regExp: "-?bottom-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
220
212
|
},
|
|
221
213
|
bottomX: {
|
|
222
|
-
classes:
|
|
214
|
+
classes: r(s.trbl, (e) => `bottom-x-${e}`),
|
|
223
215
|
regExp: "-?bottom-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
224
216
|
},
|
|
225
217
|
bottomY: {
|
|
226
|
-
classes:
|
|
218
|
+
classes: r(s.trbl, (e) => `bottom-y-${e}`),
|
|
227
219
|
regExp: "-?bottom-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
228
220
|
},
|
|
229
221
|
left: {
|
|
230
|
-
classes:
|
|
222
|
+
classes: r(s.trbl, (e) => `left-${e}`),
|
|
231
223
|
regExp: "-?left-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
232
224
|
},
|
|
233
225
|
leftX: {
|
|
234
|
-
classes:
|
|
226
|
+
classes: r(s.trbl, (e) => `left-x-${e}`),
|
|
235
227
|
regExp: "-?left-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
236
228
|
},
|
|
237
229
|
leftY: {
|
|
238
|
-
classes:
|
|
230
|
+
classes: r(s.trbl, (e) => `left-y-${e}`),
|
|
239
231
|
regExp: "-?left-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
|
|
240
232
|
},
|
|
241
233
|
visibility: {
|
|
@@ -243,39 +235,39 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
243
235
|
regExp: "invisible|visible"
|
|
244
236
|
},
|
|
245
237
|
zIndex: {
|
|
246
|
-
classes:
|
|
238
|
+
classes: r(["0", 10, 20, 30, 40, 50, "auto"], (e) => `z-${e}`),
|
|
247
239
|
regExp: "-?z-(\\d+|auto|\\[.*\\])"
|
|
248
240
|
},
|
|
249
241
|
// Flex box and grids
|
|
250
242
|
flexBasis: {
|
|
251
|
-
classes:
|
|
243
|
+
classes: r(s.flexBasis, (e) => `basis-${e}`),
|
|
252
244
|
regExp: "basis-(\\d+|\\S+)"
|
|
253
245
|
},
|
|
254
246
|
flexGrow: { classes: ["grow", "grow-0"], regExp: "grow(-0)?" },
|
|
255
247
|
flexShrink: { classes: ["shrink", "shrink-0"], regExp: "shrink(-0)?" },
|
|
256
248
|
// grid
|
|
257
249
|
gridColSpan: {
|
|
258
|
-
classes: ["col-auto", ...
|
|
250
|
+
classes: ["col-auto", ...r(o(1, 13), (e) => `col-span-${e}`), "col-span-full"],
|
|
259
251
|
regExp: "col-(auto|span-(\\d+|full))"
|
|
260
252
|
},
|
|
261
253
|
gridColStart: {
|
|
262
|
-
classes: [...
|
|
254
|
+
classes: [...r(o(1, 14), (e) => `col-start-${e}`), "col-start-auto"],
|
|
263
255
|
regExp: "col-start-(\\d+|auto)"
|
|
264
256
|
},
|
|
265
257
|
gridColEnd: {
|
|
266
|
-
classes: [...
|
|
258
|
+
classes: [...r(o(1, 14), (e) => `col-end-${e}`), "col-end-auto"],
|
|
267
259
|
regExp: "col-end-(\\d+|auto)"
|
|
268
260
|
},
|
|
269
261
|
gridRowSpan: {
|
|
270
|
-
classes: ["row-auto", ...
|
|
262
|
+
classes: ["row-auto", ...r(o(1, 7), (e) => `row-span-${e}`), "row-span-full"],
|
|
271
263
|
regExp: "row-(auto|span-(\\d+|full))"
|
|
272
264
|
},
|
|
273
265
|
gridRowStart: {
|
|
274
|
-
classes: [...
|
|
266
|
+
classes: [...r(o(1, 8), (e) => `row-start-${e}`), "row-start-auto"],
|
|
275
267
|
regExp: "row-start-(\\d+|auto)"
|
|
276
268
|
},
|
|
277
269
|
gridRowEnd: {
|
|
278
|
-
classes: [...
|
|
270
|
+
classes: [...r(o(1, 8), (e) => `row-end-${e}`), "row-end-auto"],
|
|
279
271
|
regExp: "row-end-(\\d+|auto)"
|
|
280
272
|
},
|
|
281
273
|
gridAutoColumns: {
|
|
@@ -286,9 +278,9 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
286
278
|
classes: ["auto-rows-auto", "auto-rows-min", "auto-rows-max", "auto-rows-fr"],
|
|
287
279
|
regExp: "auto-rows-(auto|min|max|fr)"
|
|
288
280
|
},
|
|
289
|
-
gap: { classes:
|
|
290
|
-
gapX: { classes:
|
|
291
|
-
gapY: { classes:
|
|
281
|
+
gap: { classes: r(s.indent, (e) => `gap-${e}`), regExp: "gap-(px|\\d.\\d|\\d|\\[.*\\])" },
|
|
282
|
+
gapX: { classes: r(s.indent, (e) => `gap-x-${e}`), regExp: "gap-x-(px|\\d.\\d|\\d|\\[.*\\])" },
|
|
283
|
+
gapY: { classes: r(s.indent, (e) => `gap-y-${e}`), regExp: "gap-y-(px|\\d.\\d|\\d|\\[.*\\])" },
|
|
292
284
|
justifyContent: {
|
|
293
285
|
classes: ["justify-start", "justify-end", "justify-center", "justify-between", "justify-around", "justify-evenly"],
|
|
294
286
|
regExp: "justify-(start|end|center|between|around|evenly)"
|
|
@@ -345,19 +337,19 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
345
337
|
},
|
|
346
338
|
// FIXME: Add drop-shadow class
|
|
347
339
|
dropShadow: {
|
|
348
|
-
classes:
|
|
340
|
+
classes: r(["sm", "md", "lg", "xl", "2xl", "none"], (e) => `drop-shadow-${e}`),
|
|
349
341
|
regExp: "drop-shadow-(sm|md|lg|xl|2xl|none)"
|
|
350
342
|
},
|
|
351
343
|
backdropBlur: {
|
|
352
|
-
classes:
|
|
344
|
+
classes: r(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (e) => `backdrop-blur-${e}`),
|
|
353
345
|
regExp: "backdrop-blur-(none|sm|md|lg|xl|2xl|3xl)"
|
|
354
346
|
},
|
|
355
347
|
backdropBrightness: {
|
|
356
|
-
classes:
|
|
348
|
+
classes: r([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (e) => `backdrop-brightness-${e}`),
|
|
357
349
|
regExp: "backdrop-brightness-(\\d+)"
|
|
358
350
|
},
|
|
359
351
|
backdropContrast: {
|
|
360
|
-
classes:
|
|
352
|
+
classes: r([0, 50, 75, 100, 125, 150, 200], (e) => `backdrop-contrast-${e}`),
|
|
361
353
|
regExp: "backdrop-contrast-(\\d+)"
|
|
362
354
|
},
|
|
363
355
|
backdropGrayScale: {
|
|
@@ -365,7 +357,7 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
365
357
|
regExp: "backdrop-grayscale(-0)?"
|
|
366
358
|
},
|
|
367
359
|
backdropHueRotate: {
|
|
368
|
-
classes:
|
|
360
|
+
classes: r([0, 15, 30, 60, 90, 180], (e) => `backdrop-hue-rotate-${e}`),
|
|
369
361
|
regExp: "-?backdrop-hue-rotate-(\\d+)"
|
|
370
362
|
},
|
|
371
363
|
backdropInvert: {
|
|
@@ -373,11 +365,11 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
373
365
|
regExp: "backdrop-invert(-0)?"
|
|
374
366
|
},
|
|
375
367
|
backdropOpacity: {
|
|
376
|
-
classes:
|
|
368
|
+
classes: r([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (e) => `backdrop-opacity-${e}`),
|
|
377
369
|
regExp: "backdrop-opacity-(\\d+)"
|
|
378
370
|
},
|
|
379
371
|
backdropSaturate: {
|
|
380
|
-
classes:
|
|
372
|
+
classes: r([0, 50, 100, 150, 200], (e) => `backdrop-saturate-${e}`),
|
|
381
373
|
regExp: "backdrop-saturate-(\\d+)"
|
|
382
374
|
},
|
|
383
375
|
backdropSepia: {
|
|
@@ -389,36 +381,36 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
389
381
|
regExp: "bg-origin-(border|padding|content)"
|
|
390
382
|
},
|
|
391
383
|
transformOrigin: {
|
|
392
|
-
classes:
|
|
384
|
+
classes: r(s.origin, (e) => `origin-${e}`),
|
|
393
385
|
regExp: "origin-(\\d+|\\S+)"
|
|
394
386
|
},
|
|
395
387
|
// spacing
|
|
396
388
|
padding: {
|
|
397
|
-
classes:
|
|
389
|
+
classes: r(s.padding, (e) => `p-${e}`),
|
|
398
390
|
regExp: "p-(\\d+|\\S+|\\[.*\\])"
|
|
399
391
|
},
|
|
400
392
|
paddingX: {
|
|
401
|
-
classes:
|
|
393
|
+
classes: r(s.padding, (e) => `px-${e}`),
|
|
402
394
|
regExp: "px-(\\d+|\\S+|\\[.*\\])"
|
|
403
395
|
},
|
|
404
396
|
paddingY: {
|
|
405
|
-
classes:
|
|
397
|
+
classes: r(s.padding, (e) => `py-${e}`),
|
|
406
398
|
regExp: "py-(\\d+|\\S+|\\[.*\\])"
|
|
407
399
|
},
|
|
408
400
|
paddingTop: {
|
|
409
|
-
classes:
|
|
401
|
+
classes: r(s.padding, (e) => `pt-${e}`),
|
|
410
402
|
regExp: "pt-(\\d+|\\S+|\\[.*\\])"
|
|
411
403
|
},
|
|
412
404
|
paddingRight: {
|
|
413
|
-
classes:
|
|
405
|
+
classes: r(s.padding, (e) => `pr-${e}`),
|
|
414
406
|
regExp: "pr-(\\d+|\\S+|\\[.*\\])"
|
|
415
407
|
},
|
|
416
408
|
paddingBottom: {
|
|
417
|
-
classes:
|
|
409
|
+
classes: r(s.padding, (e) => `pb-${e}`),
|
|
418
410
|
regExp: "pb-(\\d+|\\S+|\\[.*\\])"
|
|
419
411
|
},
|
|
420
412
|
paddingLeft: {
|
|
421
|
-
classes:
|
|
413
|
+
classes: r(s.padding, (e) => `pl-${e}`),
|
|
422
414
|
regExp: "pl-(\\d+|\\S+|\\[.*\\])"
|
|
423
415
|
},
|
|
424
416
|
textDecorationStyle: {
|
|
@@ -426,7 +418,7 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
426
418
|
regExp: "decoration-(solid|double|dotted|dashed|wavy)"
|
|
427
419
|
},
|
|
428
420
|
textDecorationThickness: {
|
|
429
|
-
classes:
|
|
421
|
+
classes: r(["auto", "from-font", "0", 1, 2, 4, 8], (e) => `decoration-${e}`),
|
|
430
422
|
regExp: "decoration-(auto|from-font|\\d+|\\S+)"
|
|
431
423
|
},
|
|
432
424
|
fromColor: {
|
|
@@ -434,43 +426,43 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
434
426
|
regExp: "from-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
|
|
435
427
|
},
|
|
436
428
|
margin: {
|
|
437
|
-
classes:
|
|
429
|
+
classes: r(s.margin, (e) => `m-${e}`),
|
|
438
430
|
regExp: "-?m-(\\d+|\\S+|\\[.*\\])"
|
|
439
431
|
},
|
|
440
432
|
marginX: {
|
|
441
|
-
classes:
|
|
433
|
+
classes: r(s.margin, (e) => `mx-${e}`),
|
|
442
434
|
regExp: "-?mx-(\\d+|\\S+|\\[.*\\])"
|
|
443
435
|
},
|
|
444
436
|
marginY: {
|
|
445
|
-
classes:
|
|
437
|
+
classes: r(s.margin, (e) => `my-${e}`),
|
|
446
438
|
regExp: "-?my-(\\d+|\\S+|\\[.*\\])"
|
|
447
439
|
},
|
|
448
440
|
marginTop: {
|
|
449
|
-
classes:
|
|
441
|
+
classes: r(s.margin, (e) => `mt-${e}`),
|
|
450
442
|
regExp: "-?mt-(\\d+|\\S+|\\[.*\\])"
|
|
451
443
|
},
|
|
452
444
|
marginRight: {
|
|
453
|
-
classes:
|
|
445
|
+
classes: r(s.margin, (e) => `mr-${e}`),
|
|
454
446
|
regExp: "-?mr-(\\d+|\\S+|\\[.*\\])"
|
|
455
447
|
},
|
|
456
448
|
marginBottom: {
|
|
457
|
-
classes:
|
|
449
|
+
classes: r(s.margin, (e) => `mb-${e}`),
|
|
458
450
|
regExp: "-?mb-(\\d+|\\S+|\\[.*\\])"
|
|
459
451
|
},
|
|
460
452
|
marginLeft: {
|
|
461
|
-
classes:
|
|
453
|
+
classes: r(s.margin, (e) => `ml-${e}`),
|
|
462
454
|
regExp: "-?ml-(\\d+|\\S+|\\[.*\\])"
|
|
463
455
|
},
|
|
464
456
|
spaceX: {
|
|
465
|
-
classes:
|
|
457
|
+
classes: r(s.space, (e) => `space-x-${e}`),
|
|
466
458
|
regExp: "-?space-x-(\\d+|\\S+|\\[.*\\])"
|
|
467
459
|
},
|
|
468
460
|
spaceY: {
|
|
469
|
-
classes:
|
|
461
|
+
classes: r(s.space, (e) => `space-y-${e}`),
|
|
470
462
|
regExp: "-?space-y-(\\d+|\\S+|\\[.*\\])"
|
|
471
463
|
},
|
|
472
464
|
boxShadow: {
|
|
473
|
-
classes:
|
|
465
|
+
classes: r(["sm", "md", "lg", "xl", "2xl", "inner", "none"], (e) => `shadow-${e}`),
|
|
474
466
|
regExp: "shadow-(sm|md|lg|xl|2xl|inner|none)"
|
|
475
467
|
},
|
|
476
468
|
// sizing
|
|
@@ -479,11 +471,11 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
479
471
|
regExp: "min-w-(\\d+|\\S+|\\[.*\\])"
|
|
480
472
|
},
|
|
481
473
|
maxWidth: {
|
|
482
|
-
classes:
|
|
474
|
+
classes: r(s.maxWidth, (e) => `max-w-${e}`),
|
|
483
475
|
regExp: "max-w-(\\d+|\\S+|\\[.*\\])"
|
|
484
476
|
},
|
|
485
477
|
width: {
|
|
486
|
-
classes:
|
|
478
|
+
classes: r([...s.width, "full", "screen", "min", "max", "fit"], (e) => `w-${e}`),
|
|
487
479
|
regExp: "w-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])"
|
|
488
480
|
},
|
|
489
481
|
minHeight: {
|
|
@@ -491,11 +483,11 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
491
483
|
regExp: "min-h-(\\d+|\\S+|\\[.*\\])"
|
|
492
484
|
},
|
|
493
485
|
maxHeight: {
|
|
494
|
-
classes:
|
|
486
|
+
classes: r(s.maxHeight, (e) => `max-h-${e}`),
|
|
495
487
|
regExp: "max-h-(\\d+|\\S+|\\[.*\\])"
|
|
496
488
|
},
|
|
497
489
|
height: {
|
|
498
|
-
classes:
|
|
490
|
+
classes: r(s.height, (e) => `h-${e}`),
|
|
499
491
|
regExp: "h-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])"
|
|
500
492
|
},
|
|
501
493
|
// typography
|
|
@@ -637,7 +629,7 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
637
629
|
regExp: "uppercase|lowercase|capitalize|normal-case"
|
|
638
630
|
},
|
|
639
631
|
textIndent: {
|
|
640
|
-
classes:
|
|
632
|
+
classes: r(s.indent, (e) => `indent-${e}`),
|
|
641
633
|
regExp: "-?indent-(\\d+|\\S+)"
|
|
642
634
|
},
|
|
643
635
|
whitespace: {
|
|
@@ -713,63 +705,63 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
713
705
|
},
|
|
714
706
|
// border
|
|
715
707
|
borderRadiusTopLeft: {
|
|
716
|
-
classes: ["rounded-tl", ...
|
|
708
|
+
classes: ["rounded-tl", ...r(s.borderRadius, (e) => `rounded-tl-${e}`)],
|
|
717
709
|
regExp: "rounded-tl-?(\\d+|\\S+)?"
|
|
718
710
|
},
|
|
719
711
|
borderRadiusTopRight: {
|
|
720
|
-
classes: ["rounded-tr", ...
|
|
712
|
+
classes: ["rounded-tr", ...r(s.borderRadius, (e) => `rounded-tr-${e}`)],
|
|
721
713
|
regExp: "rounded-tr-?(\\d+|\\S+)?"
|
|
722
714
|
},
|
|
723
715
|
borderRadiusBottomRight: {
|
|
724
|
-
classes: ["rounded-br", ...
|
|
716
|
+
classes: ["rounded-br", ...r(s.borderRadius, (e) => `rounded-br-${e}`)],
|
|
725
717
|
regExp: "rounded-br-?(\\d+|\\S+)?"
|
|
726
718
|
},
|
|
727
719
|
borderRadiusBottomLeft: {
|
|
728
|
-
classes: ["rounded-bl", ...
|
|
720
|
+
classes: ["rounded-bl", ...r(s.borderRadius, (e) => `rounded-bl-${e}`)],
|
|
729
721
|
regExp: "rounded-bl-?(\\d+|\\S+)?"
|
|
730
722
|
},
|
|
731
723
|
borderRadiusTop: {
|
|
732
|
-
classes: ["rounded-t", ...
|
|
724
|
+
classes: ["rounded-t", ...r(s.borderRadius, (e) => `rounded-t-${e}`)],
|
|
733
725
|
regExp: "rounded-t-?(\\d+|\\S+)?"
|
|
734
726
|
},
|
|
735
727
|
borderRadiusRight: {
|
|
736
|
-
classes: ["rounded-r", ...
|
|
728
|
+
classes: ["rounded-r", ...r(s.borderRadius, (e) => `rounded-r-${e}`)],
|
|
737
729
|
regExp: "rounded-r-?(\\d+|\\S+)?"
|
|
738
730
|
},
|
|
739
731
|
borderRadiusBottom: {
|
|
740
|
-
classes: ["rounded-b", ...
|
|
732
|
+
classes: ["rounded-b", ...r(s.borderRadius, (e) => `rounded-b-${e}`)],
|
|
741
733
|
regExp: "rounded-b-?(\\d+|\\S+)?"
|
|
742
734
|
},
|
|
743
735
|
borderRadiusLeft: {
|
|
744
|
-
classes: ["rounded-l", ...
|
|
745
|
-
regExp: `(rounded-l-(${
|
|
736
|
+
classes: ["rounded-l", ...r(s.borderRadius, (e) => `rounded-l-${e}`)],
|
|
737
|
+
regExp: `(rounded-l-(${s.borderRadius.join("|")})|rounded-l$)`
|
|
746
738
|
},
|
|
747
739
|
borderRadius: {
|
|
748
|
-
classes: ["rounded", ...
|
|
749
|
-
regExp: `(rounded-(${
|
|
740
|
+
classes: ["rounded", ...r(s.borderRadius, (e) => `rounded-${e}`)],
|
|
741
|
+
regExp: `(rounded-(${s.borderRadius.join("|")}$)|rounded)`
|
|
750
742
|
},
|
|
751
743
|
borderX: {
|
|
752
|
-
classes: ["border-x", ...
|
|
744
|
+
classes: ["border-x", ...r(s.borderWidth, (e) => `border-x-${e}`)],
|
|
753
745
|
regExp: "border-x-?(\\d+|\\S+|\\[.*\\])?"
|
|
754
746
|
},
|
|
755
747
|
borderY: {
|
|
756
|
-
classes: ["border-y", ...
|
|
748
|
+
classes: ["border-y", ...r(s.borderWidth, (e) => `border-y-${e}`)],
|
|
757
749
|
regExp: "border-y-?(\\d+|\\S+|\\[.*\\])?"
|
|
758
750
|
},
|
|
759
751
|
borderTop: {
|
|
760
|
-
classes: ["border-t", ...
|
|
752
|
+
classes: ["border-t", ...r(s.borderWidth, (e) => `border-t-${e}`)],
|
|
761
753
|
regExp: "border-t-?(\\d+|\\S+|\\[.*\\])?"
|
|
762
754
|
},
|
|
763
755
|
borderRight: {
|
|
764
|
-
classes: ["border-r", ...
|
|
756
|
+
classes: ["border-r", ...r(s.borderWidth, (e) => `border-r-${e}`)],
|
|
765
757
|
regExp: "border-r-?(\\d+|\\S+|\\[.*\\])?"
|
|
766
758
|
},
|
|
767
759
|
borderBottom: {
|
|
768
|
-
classes: ["border-b", ...
|
|
760
|
+
classes: ["border-b", ...r(s.borderWidth, (e) => `border-b-${e}`)],
|
|
769
761
|
regExp: "border-b-?(\\d+|\\S+|\\[.*\\])?"
|
|
770
762
|
},
|
|
771
763
|
borderLeft: {
|
|
772
|
-
classes: ["border-l", ...
|
|
764
|
+
classes: ["border-l", ...r(s.borderWidth, (e) => `border-l-${e}`)],
|
|
773
765
|
regExp: "border-l-?(\\d+|\\S+|\\[.*\\])?"
|
|
774
766
|
},
|
|
775
767
|
borderColor: {
|
|
@@ -777,19 +769,19 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
777
769
|
regExp: "border-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
|
|
778
770
|
},
|
|
779
771
|
border: {
|
|
780
|
-
classes: ["border", ...
|
|
772
|
+
classes: ["border", ...r(s.borderWidth, (e) => `border-${e}`)],
|
|
781
773
|
regExp: "border-?(\\d+|\\S+|\\[.*\\])?"
|
|
782
774
|
},
|
|
783
775
|
order: {
|
|
784
|
-
classes:
|
|
776
|
+
classes: r([...o(0, 13), "first", "last", "none"], (e) => `order-${e}`),
|
|
785
777
|
regExp: "-?order-(\\d+|first|last|none)"
|
|
786
778
|
},
|
|
787
779
|
divideXWidth: {
|
|
788
|
-
classes:
|
|
780
|
+
classes: r(["0", 2, 4, 8], (e) => `divide-x-${e}`),
|
|
789
781
|
regExp: "divide-x-(\\d+|\\[.*\\])"
|
|
790
782
|
},
|
|
791
783
|
divideYWidth: {
|
|
792
|
-
classes:
|
|
784
|
+
classes: r(["0", 2, 4, 8], (e) => `divide-y-${e}`),
|
|
793
785
|
regExp: "divide-y-(\\d+|\\[.*\\])"
|
|
794
786
|
},
|
|
795
787
|
divideColor: {
|
|
@@ -797,15 +789,15 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
797
789
|
regExp: "divide-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
|
|
798
790
|
},
|
|
799
791
|
divideStyle: {
|
|
800
|
-
classes:
|
|
792
|
+
classes: r(["solid", "dashed", "dotted", "double", "none"], (e) => `divide-${e}`),
|
|
801
793
|
regExp: "divide-(solid|dashed|dotted|double|none)"
|
|
802
794
|
},
|
|
803
795
|
outlineWidth: {
|
|
804
|
-
classes:
|
|
796
|
+
classes: r([0, 1, 2, 4, 8], (e) => `outline-${e}`),
|
|
805
797
|
regExp: "outline-(\\d+)"
|
|
806
798
|
},
|
|
807
799
|
outlineOffset: {
|
|
808
|
-
classes:
|
|
800
|
+
classes: r([0, 1, 2, 4, 8], (e) => `outline-offset-${e}`),
|
|
809
801
|
regExp: "outline-offset-(\\d+)"
|
|
810
802
|
},
|
|
811
803
|
outlineColor: {
|
|
@@ -813,11 +805,11 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
813
805
|
regExp: "outline-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
|
|
814
806
|
},
|
|
815
807
|
ringWidth: {
|
|
816
|
-
classes:
|
|
808
|
+
classes: r([0, 1, 2, 4, 8, "inset"], (e) => `ring-${e}`),
|
|
817
809
|
regExp: "ring-(\\d+|inset)"
|
|
818
810
|
},
|
|
819
811
|
ringOffsetWidth: {
|
|
820
|
-
classes:
|
|
812
|
+
classes: r([0, 1, 2, 4, 8], (e) => `ring-offset-${e}`),
|
|
821
813
|
regExp: "ring-offset-(\\d+)"
|
|
822
814
|
},
|
|
823
815
|
ringOffsetColor: {
|
|
@@ -835,28 +827,28 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
835
827
|
regExp: "shadow-(black|transparent|current|white|primary(-\\d+)?|secondary(-\\d+)?|\\S+-\\d+)"
|
|
836
828
|
},
|
|
837
829
|
opacity: {
|
|
838
|
-
classes:
|
|
830
|
+
classes: r([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (e) => `opacity-${e}`),
|
|
839
831
|
regExp: "opacity-(\\d+|\\[.*\\])"
|
|
840
832
|
},
|
|
841
833
|
mixBlendMode: {
|
|
842
|
-
classes:
|
|
834
|
+
classes: r(s.blendEffect, (e) => `mix-blend-${e}`),
|
|
843
835
|
regExp: "mix-blend-(\\d+|\\S+)"
|
|
844
836
|
},
|
|
845
837
|
bgBlendMode: {
|
|
846
|
-
classes:
|
|
838
|
+
classes: r(s.blendEffect, (e) => `bg-blend-${e}`),
|
|
847
839
|
regExp: "bg-blend-(\\d+|\\S+)"
|
|
848
840
|
},
|
|
849
841
|
// filters
|
|
850
842
|
blur: {
|
|
851
|
-
classes:
|
|
843
|
+
classes: r(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (e) => `blur-${e}`),
|
|
852
844
|
regExp: "blur-(none|sm|md|lg|xl|2xl|3xl)"
|
|
853
845
|
},
|
|
854
846
|
brightness: {
|
|
855
|
-
classes:
|
|
847
|
+
classes: r([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (e) => `brightness-${e}`),
|
|
856
848
|
regExp: "brightness-(\\d+)"
|
|
857
849
|
},
|
|
858
850
|
contrast: {
|
|
859
|
-
classes:
|
|
851
|
+
classes: r([0, 50, 75, 100, 125, 150, 200], (e) => `contrast-${e}`),
|
|
860
852
|
regExp: "contrast-(\\d+)"
|
|
861
853
|
},
|
|
862
854
|
grayScale: {
|
|
@@ -864,12 +856,12 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
864
856
|
regExp: "grayscale(-0)?"
|
|
865
857
|
},
|
|
866
858
|
hueRotate: {
|
|
867
|
-
classes:
|
|
859
|
+
classes: r([0, 15, 30, 60, 90, 180], (e) => `hue-rotate-${e}`),
|
|
868
860
|
regExp: "-?hue-rotate-(\\d+)"
|
|
869
861
|
},
|
|
870
862
|
invert: { classes: ["invert-0", "invert"], regExp: "invert(-0)?" },
|
|
871
863
|
saturate: {
|
|
872
|
-
classes:
|
|
864
|
+
classes: r([0, 50, 100, 150, 200], (e) => `saturate-${e}`),
|
|
873
865
|
regExp: "saturate-(\\d+)"
|
|
874
866
|
},
|
|
875
867
|
sepia: { classes: ["sepia-0", "sepia"], regExp: "sepia(-0)?" },
|
|
@@ -887,7 +879,7 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
887
879
|
regExp: "transition-(none|all|colors|opacity|shadow|transform)"
|
|
888
880
|
},
|
|
889
881
|
duration: {
|
|
890
|
-
classes:
|
|
882
|
+
classes: r([75, 100, 150, 200, 300, 500, 700, 1e3], (e) => `duration-${e}`),
|
|
891
883
|
regExp: "duration-(\\d+|\\[.*\\])"
|
|
892
884
|
},
|
|
893
885
|
transitionEase: {
|
|
@@ -895,7 +887,7 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
895
887
|
regExp: "eas(e-linear|e-in|e-out|e-in-out)"
|
|
896
888
|
},
|
|
897
889
|
transitionDelay: {
|
|
898
|
-
classes:
|
|
890
|
+
classes: r([75, 100, 150, 200, 300, 500, 700, 1e3], (e) => `delay-${e}`),
|
|
899
891
|
regExp: "delay-(\\d+|\\[.*\\])"
|
|
900
892
|
},
|
|
901
893
|
animation: {
|
|
@@ -903,35 +895,35 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
903
895
|
regExp: "animation-(none|spin|ping)"
|
|
904
896
|
},
|
|
905
897
|
scaleX: {
|
|
906
|
-
classes:
|
|
898
|
+
classes: r(s.scale, (e) => `scale-x-${e}`),
|
|
907
899
|
regExp: "-?scale-x-(\\d+|\\S+|\\[.*\\])"
|
|
908
900
|
},
|
|
909
901
|
scaleY: {
|
|
910
|
-
classes:
|
|
902
|
+
classes: r(s.scale, (e) => `scale-y-${e}`),
|
|
911
903
|
regExp: "-?scale-y-(\\d+|\\S+|\\[.*\\])"
|
|
912
904
|
},
|
|
913
905
|
scale: {
|
|
914
|
-
classes:
|
|
906
|
+
classes: r(s.scale, (e) => `scale-${e}`),
|
|
915
907
|
regExp: "-?scale-(\\d+|\\S+|\\[.*\\])"
|
|
916
908
|
},
|
|
917
909
|
rotate: {
|
|
918
|
-
classes:
|
|
910
|
+
classes: r([0, 1, 2, 3, 6, 12, 45, 90, 180], (e) => `rotate-${e}`),
|
|
919
911
|
regExp: "-?rotate-(\\d+|\\S+|\\[.*\\])"
|
|
920
912
|
},
|
|
921
913
|
translateX: {
|
|
922
|
-
classes:
|
|
914
|
+
classes: r([0, "px", "0.5", 1], (e) => `translate-x-${e}`),
|
|
923
915
|
regExp: "-?translate-x-(\\d+|\\S+|\\[.*\\])"
|
|
924
916
|
},
|
|
925
917
|
translateY: {
|
|
926
|
-
classes:
|
|
918
|
+
classes: r([0, "px", "0.5", 1], (e) => `translate-y-${e}`),
|
|
927
919
|
regExp: "-?translate-y-(\\d+|\\S+|\\[.*\\])"
|
|
928
920
|
},
|
|
929
921
|
skewX: {
|
|
930
|
-
classes:
|
|
922
|
+
classes: r([0, 1, 2, 3, 6, 12], (e) => `skew-x-${e}`),
|
|
931
923
|
regExp: "-?skew-x-(\\d+|\\S+|\\[.*\\])"
|
|
932
924
|
},
|
|
933
925
|
skewY: {
|
|
934
|
-
classes:
|
|
926
|
+
classes: r([0, 1, 2, 3, 6, 12], (e) => `skew-y-${e}`),
|
|
935
927
|
regExp: "-?skew-y-(\\d+|\\S+|\\[.*\\])"
|
|
936
928
|
},
|
|
937
929
|
// interactivity
|
|
@@ -975,7 +967,7 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
975
967
|
classes: ["stroke-0", "stroke-1", "stroke-2"],
|
|
976
968
|
regExp: "stroke-(\\d+|\\[.*\\])"
|
|
977
969
|
}
|
|
978
|
-
},
|
|
970
|
+
}, h = {
|
|
979
971
|
backgroundColor: "bg",
|
|
980
972
|
textColor: "text",
|
|
981
973
|
borderColor: "border",
|
|
@@ -987,7 +979,7 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
987
979
|
toColor: "to",
|
|
988
980
|
ringColor: "ring",
|
|
989
981
|
ringOffsetColor: "ring-offset"
|
|
990
|
-
},
|
|
982
|
+
}, y = ["current", "inherit", "transparent", "black", "white", "primary", "secondary"], w = ["primary", "secondary"], $ = [
|
|
991
983
|
"slate",
|
|
992
984
|
"gray",
|
|
993
985
|
"zinc",
|
|
@@ -1010,243 +1002,70 @@ const ie = (e) => e >= 1536 ? "2XL" : e >= 1280 ? "XL" : e >= 1024 ? "LG" : e >=
|
|
|
1010
1002
|
"fuchsia",
|
|
1011
1003
|
"pink",
|
|
1012
1004
|
"rose"
|
|
1013
|
-
],
|
|
1014
|
-
...
|
|
1015
|
-
...
|
|
1016
|
-
|
|
1017
|
-
(e) =>
|
|
1005
|
+
], u = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"], i = r(b(h), (e) => e), k = l([
|
|
1006
|
+
...r(y, (e) => f(r(i, (t) => `${t}-${e}`))),
|
|
1007
|
+
...r(
|
|
1008
|
+
w,
|
|
1009
|
+
(e) => l(r(i, (t) => l(r(u, (a) => `${t}-${e}-${a}`))))
|
|
1018
1010
|
),
|
|
1019
|
-
...
|
|
1020
|
-
|
|
1021
|
-
(e) =>
|
|
1011
|
+
...r(
|
|
1012
|
+
$,
|
|
1013
|
+
(e) => l(r(i, (t) => l(r(u, (a) => `${t}-${e}-${a}`))))
|
|
1022
1014
|
)
|
|
1023
|
-
]),
|
|
1024
|
-
|
|
1025
|
-
|
|
1015
|
+
]), A = r(
|
|
1016
|
+
l(
|
|
1017
|
+
b(p).map((e) => e.classes).concat(k)
|
|
1026
1018
|
),
|
|
1027
1019
|
(e) => ({
|
|
1028
1020
|
name: e
|
|
1029
1021
|
})
|
|
1030
1022
|
);
|
|
1031
|
-
function
|
|
1032
|
-
if (
|
|
1023
|
+
function S(e) {
|
|
1024
|
+
if (g(e.trim()))
|
|
1033
1025
|
return "";
|
|
1034
|
-
const
|
|
1035
|
-
return
|
|
1026
|
+
const t = e.match(/sm:|md:|lg:|xl:|2xl:/g);
|
|
1027
|
+
return x(t, 0, "xs").replace(":", "");
|
|
1036
1028
|
}
|
|
1037
|
-
function
|
|
1038
|
-
const
|
|
1039
|
-
return
|
|
1029
|
+
function v(e) {
|
|
1030
|
+
const t = r(E, (n) => `${n}:`).join("|"), a = new RegExp(t, "g");
|
|
1031
|
+
return x(a.exec(e.trim()), 0, "").replace(":", "");
|
|
1040
1032
|
}
|
|
1041
|
-
function
|
|
1033
|
+
function C(e) {
|
|
1042
1034
|
return e.trim().split(":").pop() || "";
|
|
1043
1035
|
}
|
|
1044
|
-
const
|
|
1045
|
-
function
|
|
1046
|
-
if (
|
|
1036
|
+
const c = {};
|
|
1037
|
+
function R(e) {
|
|
1038
|
+
if (g(e))
|
|
1047
1039
|
return "";
|
|
1048
|
-
if (
|
|
1049
|
-
return
|
|
1050
|
-
let
|
|
1051
|
-
for (const a in
|
|
1052
|
-
const
|
|
1053
|
-
if (new RegExp(
|
|
1054
|
-
|
|
1040
|
+
if (c[e])
|
|
1041
|
+
return c[e];
|
|
1042
|
+
let t = "";
|
|
1043
|
+
for (const a in p) {
|
|
1044
|
+
const n = x(p, `${a}.regExp`, "");
|
|
1045
|
+
if (new RegExp(n, "g").test(e)) {
|
|
1046
|
+
t = a, c[e] = t;
|
|
1055
1047
|
break;
|
|
1056
1048
|
}
|
|
1057
1049
|
}
|
|
1058
|
-
return
|
|
1050
|
+
return t;
|
|
1059
1051
|
}
|
|
1060
|
-
function
|
|
1061
|
-
return
|
|
1062
|
-
dark:
|
|
1063
|
-
mq:
|
|
1064
|
-
mod:
|
|
1065
|
-
cls:
|
|
1052
|
+
function L(e) {
|
|
1053
|
+
return g(e) ? null : {
|
|
1054
|
+
dark: m(e, "dark:"),
|
|
1055
|
+
mq: S(e),
|
|
1056
|
+
mod: v(e),
|
|
1057
|
+
cls: C(e),
|
|
1066
1058
|
fullCls: e,
|
|
1067
|
-
property:
|
|
1059
|
+
property: R(e)
|
|
1068
1060
|
};
|
|
1069
1061
|
}
|
|
1070
|
-
function
|
|
1071
|
-
let
|
|
1072
|
-
return e.dark && (
|
|
1062
|
+
function X(e) {
|
|
1063
|
+
let t = "";
|
|
1064
|
+
return e.dark && (t += "dark:"), e.mq.toLowerCase() !== "xs" && (t += `${e.mq}:`), e.mod && (t += `${e.mod}:`), t += e.cls, t;
|
|
1073
1065
|
}
|
|
1074
|
-
const Z = {
|
|
1075
|
-
img: { alt: "alt", width: "width", height: "height", src: "image" },
|
|
1076
|
-
video: {
|
|
1077
|
-
src: "url",
|
|
1078
|
-
autoplay: "controls.autoPlay",
|
|
1079
|
-
muted: "controls.muted",
|
|
1080
|
-
loop: "controls.loop",
|
|
1081
|
-
controls: "controls.widgets"
|
|
1082
|
-
},
|
|
1083
|
-
a: {
|
|
1084
|
-
href: "link.href",
|
|
1085
|
-
target: "link.target",
|
|
1086
|
-
type: ""
|
|
1087
|
-
// @TODO: Detect here what to url, email, phone, elementId
|
|
1088
|
-
},
|
|
1089
|
-
input: {
|
|
1090
|
-
placeholder: "placeholder",
|
|
1091
|
-
required: "required",
|
|
1092
|
-
type: "inputType",
|
|
1093
|
-
name: "fieldName"
|
|
1094
|
-
},
|
|
1095
|
-
textarea: {
|
|
1096
|
-
placeholder: "placeholder",
|
|
1097
|
-
required: "required",
|
|
1098
|
-
type: "inputType",
|
|
1099
|
-
name: "fieldName"
|
|
1100
|
-
},
|
|
1101
|
-
select: {
|
|
1102
|
-
placeholder: "placeholder",
|
|
1103
|
-
required: "required",
|
|
1104
|
-
multiple: "multiple",
|
|
1105
|
-
name: "fieldName"
|
|
1106
|
-
}
|
|
1107
|
-
}, ee = (e, s) => e.children.length === 1 && w(["Heading", "Paragraph", "Span", "ListItem", "Button", "Label", "TableCell", "Link"], s._type), R = (e) => e.map((s) => s.type === "text" ? n(s, "content", "") : b(s.children) ? "" : R(s.children)).join(""), S = (e) => e === null ? !0 : e, v = (e) => {
|
|
1108
|
-
const s = {}, a = Z[e.tagName] || {}, o = e.attributes;
|
|
1109
|
-
return Y(o, ({ key: c, value: d }) => {
|
|
1110
|
-
if (a[c]) {
|
|
1111
|
-
if (e.tagName === "img" && c === "src" && !d.startsWith("http")) {
|
|
1112
|
-
const i = u(e.attributes, { key: "width" }), p = u(e.attributes, { key: "height" });
|
|
1113
|
-
i && p ? d = `https://via.placeholder.com/${i == null ? void 0 : i.value}x${p == null ? void 0 : p.value}` : d = "https://via.placeholder.com/150x150";
|
|
1114
|
-
}
|
|
1115
|
-
x(s, a[c], S(d));
|
|
1116
|
-
} else
|
|
1117
|
-
w(["style", "class", "srcset"], c) || x(s, `styles_attrs.${c}`, S(d));
|
|
1118
|
-
}), delete s.class, s;
|
|
1119
|
-
}, te = (e, s = "styles") => {
|
|
1120
|
-
if (!e.attributes)
|
|
1121
|
-
return { [s]: `${f},` };
|
|
1122
|
-
const a = u(e.attributes, { key: "class" });
|
|
1123
|
-
if (a) {
|
|
1124
|
-
const o = a.value;
|
|
1125
|
-
return { [s]: `${f},${o}` };
|
|
1126
|
-
}
|
|
1127
|
-
return { [s]: `${f},` };
|
|
1128
|
-
}, re = (e) => {
|
|
1129
|
-
switch (e.tagName) {
|
|
1130
|
-
case "img":
|
|
1131
|
-
return { _type: "Image" };
|
|
1132
|
-
case "input":
|
|
1133
|
-
return { _type: "Input", showLabel: !1 };
|
|
1134
|
-
case "hr":
|
|
1135
|
-
return { _type: "Divider" };
|
|
1136
|
-
case "br":
|
|
1137
|
-
return { _type: "LineBreak" };
|
|
1138
|
-
case "textarea":
|
|
1139
|
-
return { _type: "TextArea", showLabel: !1 };
|
|
1140
|
-
case "audio":
|
|
1141
|
-
return { _type: "Audio" };
|
|
1142
|
-
case "iframe":
|
|
1143
|
-
return { _type: "Iframe" };
|
|
1144
|
-
case "canvas":
|
|
1145
|
-
return { _type: "Canvas" };
|
|
1146
|
-
case "video":
|
|
1147
|
-
return { _type: "CustomHTML" };
|
|
1148
|
-
case "svg":
|
|
1149
|
-
return { _type: "Icon" };
|
|
1150
|
-
case "select":
|
|
1151
|
-
return { _type: "Select", options: [] };
|
|
1152
|
-
case "option":
|
|
1153
|
-
return { _type: "Option" };
|
|
1154
|
-
case "ul":
|
|
1155
|
-
case "ol":
|
|
1156
|
-
case "dl":
|
|
1157
|
-
return {
|
|
1158
|
-
_type: "List",
|
|
1159
|
-
tag: e.tagName,
|
|
1160
|
-
_listType: e.tagName === "ol" ? "list-decimal" : "list-none"
|
|
1161
|
-
};
|
|
1162
|
-
case "li":
|
|
1163
|
-
case "dt":
|
|
1164
|
-
return { _type: "ListItem", tag: e.tagName };
|
|
1165
|
-
case "span":
|
|
1166
|
-
case "figcaption":
|
|
1167
|
-
case "legend":
|
|
1168
|
-
return { _type: "Span", tag: e.tagName };
|
|
1169
|
-
case "p":
|
|
1170
|
-
return { _type: "Paragraph", content: "" };
|
|
1171
|
-
case "a":
|
|
1172
|
-
return { _type: "Link" };
|
|
1173
|
-
case "form":
|
|
1174
|
-
return { _type: "Form" };
|
|
1175
|
-
case "label":
|
|
1176
|
-
return { _type: "Label" };
|
|
1177
|
-
case "button":
|
|
1178
|
-
return { _type: "Button" };
|
|
1179
|
-
case "code":
|
|
1180
|
-
return { _type: "Code" };
|
|
1181
|
-
case "h1":
|
|
1182
|
-
case "h2":
|
|
1183
|
-
case "h3":
|
|
1184
|
-
case "h4":
|
|
1185
|
-
case "h5":
|
|
1186
|
-
case "h6":
|
|
1187
|
-
return { _type: "Heading", tag: e.tagName };
|
|
1188
|
-
case "table":
|
|
1189
|
-
return { _type: "Table" };
|
|
1190
|
-
case "tr":
|
|
1191
|
-
return { _type: "TableRow" };
|
|
1192
|
-
case "td":
|
|
1193
|
-
case "th":
|
|
1194
|
-
return { _type: "TableCell", tag: e.tagName };
|
|
1195
|
-
case "thead":
|
|
1196
|
-
return { _type: "TableHead" };
|
|
1197
|
-
case "tbody":
|
|
1198
|
-
return { _type: "TableBody" };
|
|
1199
|
-
case "tfoot":
|
|
1200
|
-
return { _type: "TableFooter" };
|
|
1201
|
-
default:
|
|
1202
|
-
return {
|
|
1203
|
-
_type: "Box",
|
|
1204
|
-
tag: e.tagName,
|
|
1205
|
-
name: e.tagName === "div" ? "Box" : z(e.tagName)
|
|
1206
|
-
};
|
|
1207
|
-
}
|
|
1208
|
-
}, j = (e, s = null) => W(e, (a) => {
|
|
1209
|
-
var d;
|
|
1210
|
-
if (a.type === "comment")
|
|
1211
|
-
return [];
|
|
1212
|
-
let o = { _id: q() };
|
|
1213
|
-
if (s && (o._parent = s.block._id), a.type === "text")
|
|
1214
|
-
return b(n(a, "content", "")) ? [] : s && ee(s.node, s.block) ? (x(s, "block.content", n(a, "content", "")), []) : { ...o, _type: "Text", content: n(a, "content", "") };
|
|
1215
|
-
if (o = {
|
|
1216
|
-
...o,
|
|
1217
|
-
...re(a),
|
|
1218
|
-
...v(a),
|
|
1219
|
-
...te(a)
|
|
1220
|
-
}, o._type === "Input") {
|
|
1221
|
-
const i = o.inputType || "text";
|
|
1222
|
-
i === "checkbox" ? x(o, "_type", "Checkbox") : i === "radio" && x(o, "_type", "Radio");
|
|
1223
|
-
} else {
|
|
1224
|
-
if (a.tagName === "video")
|
|
1225
|
-
return o.content = $([a]), [o];
|
|
1226
|
-
if (a.tagName === "svg") {
|
|
1227
|
-
const i = u(a.attributes, { key: "height" }), p = u(a.attributes, { key: "width" }), T = n(i, "value") ? `[${n(i, "value")}px]` : "full", L = n(p, "value") ? `[${n(p, "value")}px]` : "full", A = n(u(a.attributes, { key: "class" }), "value");
|
|
1228
|
-
return o.styles = `${f}, ${P(`w-${L} h-${T}`, A)}`.trim(), a.attributes = I(a.attributes, (B) => !w(["style", "width", "height", "class"], B.key)), o.icon = $([a]), x(o, "styles_attrs", X(n(o, "styles_attrs") || {}, ["height", "width", "style", "class"])), [o];
|
|
1229
|
-
} else if (a.tagName == "option" && s && ((d = s.block) == null ? void 0 : d._type) === "Select")
|
|
1230
|
-
return s.block.options.push({
|
|
1231
|
-
label: R(a.children),
|
|
1232
|
-
...v(a)
|
|
1233
|
-
}), [];
|
|
1234
|
-
}
|
|
1235
|
-
const c = j(a.children, { block: o, node: a });
|
|
1236
|
-
return [o, ...c];
|
|
1237
|
-
}), se = (e) => {
|
|
1238
|
-
const s = e.match(/<body[^>]*>[\s\S]*?<\/body>/);
|
|
1239
|
-
return (s && s.length > 0 ? s[0].replace(/<body/, "<div").replace(/<\/body>/, "</div>") : e).replace(/\s+/g, " ").replaceAll("> <", "><").replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").trim();
|
|
1240
|
-
}, ge = (e) => {
|
|
1241
|
-
const s = M(se(e));
|
|
1242
|
-
return b(e) ? [] : _(j(s));
|
|
1243
|
-
};
|
|
1244
1066
|
export {
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
ce as c,
|
|
1250
|
-
pe as d,
|
|
1251
|
-
q as g
|
|
1067
|
+
A,
|
|
1068
|
+
p as C,
|
|
1069
|
+
L as c,
|
|
1070
|
+
X as g
|
|
1252
1071
|
};
|