@jasonshimmy/custom-elements-runtime 2.2.1 → 2.2.3
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/dist/custom-elements-runtime.cjs.js +10 -5
- package/dist/custom-elements-runtime.cjs.js.map +1 -1
- package/dist/custom-elements-runtime.es.js +1612 -1502
- package/dist/custom-elements-runtime.es.js.map +1 -1
- package/dist/custom-elements-runtime.transitions.cjs.js +1 -1
- package/dist/custom-elements-runtime.transitions.es.js +3 -3
- package/dist/runtime/vdom.d.ts +1 -1
- package/dist/{transitions-BdcSG3zN.cjs → transitions-Bv8lUAOe.cjs} +4 -4
- package/dist/transitions-Bv8lUAOe.cjs.map +1 -0
- package/dist/{transitions-Cctsmip5.js → transitions-m6FraTTL.js} +129 -103
- package/dist/transitions-m6FraTTL.js.map +1 -0
- package/package.json +1 -1
- package/dist/transitions-BdcSG3zN.cjs.map +0 -1
- package/dist/transitions-Cctsmip5.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { anchorBlock as
|
|
2
|
-
const
|
|
1
|
+
import { anchorBlock as ye } from "./custom-elements-runtime.directives.es.js";
|
|
2
|
+
const $e = `/*
|
|
3
3
|
* Custom Elements Variables CSS
|
|
4
4
|
* CSS variables for colors and fonts
|
|
5
5
|
*/
|
|
@@ -117,24 +117,29 @@ const we = `/*
|
|
|
117
117
|
--cer-color-error-950: #450a0a;
|
|
118
118
|
}
|
|
119
119
|
`;
|
|
120
|
-
function
|
|
120
|
+
function ke(e, ...r) {
|
|
121
121
|
let o = "";
|
|
122
122
|
for (let n = 0; n < e.length; n++)
|
|
123
123
|
o += e[n], n < r.length && (o += r[n]);
|
|
124
124
|
return o;
|
|
125
125
|
}
|
|
126
|
-
function
|
|
126
|
+
function ge(e) {
|
|
127
127
|
return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
|
|
128
128
|
}
|
|
129
|
-
let
|
|
129
|
+
let K = null;
|
|
130
130
|
function Ie() {
|
|
131
|
-
return
|
|
131
|
+
return K || (typeof CSSStyleSheet > "u" ? K = {
|
|
132
|
+
cssRules: [],
|
|
133
|
+
replaceSync: () => {
|
|
134
|
+
},
|
|
135
|
+
toString: () => ge(pe)
|
|
136
|
+
} : (K = new CSSStyleSheet(), K.replaceSync(ge(pe)))), K;
|
|
132
137
|
}
|
|
133
138
|
function De(e) {
|
|
134
139
|
return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
|
|
135
140
|
}
|
|
136
|
-
const
|
|
137
|
-
${
|
|
141
|
+
const pe = ke`
|
|
142
|
+
${$e}
|
|
138
143
|
:host,
|
|
139
144
|
*,
|
|
140
145
|
::before,
|
|
@@ -349,7 +354,7 @@ const ke = $e`
|
|
|
349
354
|
black: { DEFAULT: "#000000" },
|
|
350
355
|
transparent: { DEFAULT: "transparent" },
|
|
351
356
|
current: { DEFAULT: "currentColor" }
|
|
352
|
-
},
|
|
357
|
+
}, xe = Object.fromEntries(
|
|
353
358
|
Object.entries(je).map(([e, r]) => [
|
|
354
359
|
e,
|
|
355
360
|
Object.fromEntries(
|
|
@@ -806,7 +811,7 @@ function M(e, r) {
|
|
|
806
811
|
}
|
|
807
812
|
return e + r;
|
|
808
813
|
}
|
|
809
|
-
const
|
|
814
|
+
const Ce = {
|
|
810
815
|
before: (e, r) => `${e}::before{${r}}`,
|
|
811
816
|
after: (e, r) => `${e}::after{${r}}`,
|
|
812
817
|
hover: (e, r) => `${M(e, ":hover")}{${r}}`,
|
|
@@ -836,7 +841,7 @@ const Ae = {
|
|
|
836
841
|
xl: "(min-width:1280px)",
|
|
837
842
|
"2xl": "(min-width:1536px)",
|
|
838
843
|
dark: "(prefers-color-scheme: dark)"
|
|
839
|
-
},
|
|
844
|
+
}, me = {
|
|
840
845
|
xs: "(min-width:20rem)",
|
|
841
846
|
sm: "(min-width:24rem)",
|
|
842
847
|
md: "(min-width:28rem)",
|
|
@@ -867,11 +872,11 @@ function ae(e) {
|
|
|
867
872
|
const c = o.slice(0, n), s = o.slice(n + 1);
|
|
868
873
|
if (!te[c]) return null;
|
|
869
874
|
if (s.includes("/")) {
|
|
870
|
-
const [t, a] = s.split("/").map((
|
|
875
|
+
const [t, a] = s.split("/").map(($) => parseFloat($));
|
|
871
876
|
if (Number.isNaN(t) || Number.isNaN(a) || a === 0)
|
|
872
877
|
return null;
|
|
873
878
|
const d = t / a * 100;
|
|
874
|
-
return te[c].map((
|
|
879
|
+
return te[c].map(($) => `${$}:${d}%;`).join("");
|
|
875
880
|
}
|
|
876
881
|
const u = parseFloat(s);
|
|
877
882
|
if (Number.isNaN(u)) return null;
|
|
@@ -885,24 +890,24 @@ function ce(e) {
|
|
|
885
890
|
if (s === "reverse")
|
|
886
891
|
return u ? "--cer-space-x-reverse:1;" : "--cer-space-y-reverse:1;";
|
|
887
892
|
if (s.includes("/")) {
|
|
888
|
-
const [d,
|
|
889
|
-
if (Number.isNaN(d) || Number.isNaN(
|
|
893
|
+
const [d, $] = s.split("/").map((A) => parseFloat(A));
|
|
894
|
+
if (Number.isNaN(d) || Number.isNaN($) || $ === 0)
|
|
890
895
|
return null;
|
|
891
|
-
const v = d /
|
|
892
|
-
return u ? `--cer-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${
|
|
896
|
+
const v = d / $ * 100, C = r ? "-" : "";
|
|
897
|
+
return u ? `--cer-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${C}${v}% * calc(1 - var(--cer-space-x-reverse)));margin-inline-end:calc(${C}${v}% * var(--cer-space-x-reverse));}` : `--cer-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${C}${v}% * calc(1 - var(--cer-space-y-reverse)));margin-bottom:calc(${C}${v}% * var(--cer-space-y-reverse));}`;
|
|
893
898
|
}
|
|
894
899
|
const m = parseFloat(s);
|
|
895
900
|
if (Number.isNaN(m)) return null;
|
|
896
901
|
const a = `calc(${r ? "-" : ""}${I} * ${m})`;
|
|
897
902
|
return u ? `--cer-space-x-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-inline-start:calc(${a} * calc(1 - var(--cer-space-x-reverse)));margin-inline-end:calc(${a} * var(--cer-space-x-reverse));}` : `--cer-space-y-reverse:0;& > :not([hidden]) ~ :not([hidden]){margin-top:calc(${a} * calc(1 - var(--cer-space-y-reverse)));margin-bottom:calc(${a} * var(--cer-space-y-reverse));}`;
|
|
898
903
|
}
|
|
899
|
-
function
|
|
904
|
+
function J(e) {
|
|
900
905
|
let r = e.replace("#", "");
|
|
901
906
|
r.length === 3 && (r = r.split("").map((n) => n + n).join(""));
|
|
902
907
|
const o = parseInt(r, 16);
|
|
903
908
|
return `${o >> 16 & 255} ${o >> 8 & 255} ${o & 255}`;
|
|
904
909
|
}
|
|
905
|
-
const
|
|
910
|
+
const Ae = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/, Fe = {
|
|
906
911
|
bg: "background-color",
|
|
907
912
|
decoration: "text-decoration-color",
|
|
908
913
|
text: "color",
|
|
@@ -914,9 +919,9 @@ const Ce = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)
|
|
|
914
919
|
stroke: "stroke"
|
|
915
920
|
};
|
|
916
921
|
function Oe(e) {
|
|
917
|
-
const r =
|
|
922
|
+
const r = Ae.exec(e);
|
|
918
923
|
if (!r) return null;
|
|
919
|
-
const [, o, n, c = "DEFAULT"] = r, s =
|
|
924
|
+
const [, o, n, c = "DEFAULT"] = r, s = xe[n]?.[c];
|
|
920
925
|
if (!s) return null;
|
|
921
926
|
if (o === "shadow") return `--cer-shadow-color:${s};`;
|
|
922
927
|
const u = Fe[o];
|
|
@@ -935,11 +940,11 @@ function se(e) {
|
|
|
935
940
|
if (n.includes("var(")) {
|
|
936
941
|
const u = /var\([^)]*\)/.exec(n);
|
|
937
942
|
if (u) {
|
|
938
|
-
const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m),
|
|
943
|
+
const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m), $ = /^([a-z-]+):/.exec(n), v = $ ? $[1] : "background-color";
|
|
939
944
|
if (d) {
|
|
940
|
-
const
|
|
945
|
+
const A = `rgb(${J(d[0])} / ${o})`, f = m.replace(
|
|
941
946
|
/#([0-9a-f]{6}|[0-9a-f]{3})/i,
|
|
942
|
-
|
|
947
|
+
A
|
|
943
948
|
);
|
|
944
949
|
return `${v}:${f};__CE_COLOR_MIX_SPLIT__${v}:${a};`;
|
|
945
950
|
}
|
|
@@ -948,7 +953,7 @@ function se(e) {
|
|
|
948
953
|
}
|
|
949
954
|
const s = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(n);
|
|
950
955
|
if (s) {
|
|
951
|
-
const u =
|
|
956
|
+
const u = J(s[0]);
|
|
952
957
|
return n.replace(
|
|
953
958
|
/#([0-9a-f]{6}|[0-9a-f]{3})/i,
|
|
954
959
|
`rgb(${u} / ${o})`
|
|
@@ -962,11 +967,11 @@ function se(e) {
|
|
|
962
967
|
if (c.includes("var(")) {
|
|
963
968
|
const u = /var\([^)]*\)/.exec(c);
|
|
964
969
|
if (u) {
|
|
965
|
-
const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m),
|
|
970
|
+
const m = u[0], t = o * 100, a = `color-mix(in srgb, ${m} ${t}%, rgba(0 0 0 / 0) ${100 - t}%)`, d = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(m), $ = /^([a-z-]+):/.exec(c), v = $ ? $[1] : null;
|
|
966
971
|
if (d && v) {
|
|
967
|
-
const
|
|
972
|
+
const A = `rgb(${J(d[0])} / ${o})`, f = m.replace(
|
|
968
973
|
/#([0-9a-f]{6}|[0-9a-f]{3})/i,
|
|
969
|
-
|
|
974
|
+
A
|
|
970
975
|
);
|
|
971
976
|
return `${v}:${f};__CE_COLOR_MIX_SPLIT__${v}:${a};`;
|
|
972
977
|
}
|
|
@@ -975,7 +980,7 @@ function se(e) {
|
|
|
975
980
|
}
|
|
976
981
|
const s = /#([0-9a-f]{6}|[0-9a-f]{3})/i.exec(c);
|
|
977
982
|
if (s) {
|
|
978
|
-
const u =
|
|
983
|
+
const u = J(s[0]);
|
|
979
984
|
return c.replace(
|
|
980
985
|
/#([0-9a-f]{6}|[0-9a-f]{3})/i,
|
|
981
986
|
`rgb(${u} / ${o})`
|
|
@@ -987,7 +992,7 @@ function se(e) {
|
|
|
987
992
|
function le(e) {
|
|
988
993
|
const r = /^(from|to|via)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
|
|
989
994
|
if (!r) return null;
|
|
990
|
-
const [, o, n, c = "DEFAULT"] = r, s =
|
|
995
|
+
const [, o, n, c = "DEFAULT"] = r, s = xe[n]?.[c];
|
|
991
996
|
if (!s) return null;
|
|
992
997
|
switch (o) {
|
|
993
998
|
case "from":
|
|
@@ -1077,7 +1082,7 @@ function _e(e) {
|
|
|
1077
1082
|
}
|
|
1078
1083
|
return null;
|
|
1079
1084
|
}
|
|
1080
|
-
function
|
|
1085
|
+
function be(e) {
|
|
1081
1086
|
return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
|
|
1082
1087
|
}
|
|
1083
1088
|
function ze(e) {
|
|
@@ -1089,9 +1094,9 @@ function ze(e) {
|
|
|
1089
1094
|
}
|
|
1090
1095
|
return o;
|
|
1091
1096
|
}
|
|
1092
|
-
const
|
|
1097
|
+
const G = /* @__PURE__ */ new Map(), Re = 16, he = 1e3;
|
|
1093
1098
|
function Le(e) {
|
|
1094
|
-
const r = Date.now(), o =
|
|
1099
|
+
const r = Date.now(), o = G.get(e);
|
|
1095
1100
|
if (o && r - o.timestamp < Re)
|
|
1096
1101
|
return o.css;
|
|
1097
1102
|
const n = ze(e);
|
|
@@ -1099,7 +1104,7 @@ function Le(e) {
|
|
|
1099
1104
|
const c = new Set(n), s = [[], [], [], []], u = {}, m = (f, p = !1) => {
|
|
1100
1105
|
const g = p ? `dark|${f}` : f;
|
|
1101
1106
|
if (g in u) return u[g];
|
|
1102
|
-
const b =
|
|
1107
|
+
const b = $(f, p);
|
|
1103
1108
|
return u[g] = b, b;
|
|
1104
1109
|
}, t = (f) => {
|
|
1105
1110
|
const p = f.some((k) => ne.includes(k)), g = f.some(
|
|
@@ -1127,12 +1132,12 @@ function Le(e) {
|
|
|
1127
1132
|
even: ":nth-child(even)",
|
|
1128
1133
|
"focus-within": ":focus-within",
|
|
1129
1134
|
"focus-visible": ":focus-visible"
|
|
1130
|
-
},
|
|
1135
|
+
}, $ = (f, p = !1) => {
|
|
1131
1136
|
const g = a(f);
|
|
1132
1137
|
let b = "", k = !1;
|
|
1133
1138
|
for (const i of g) {
|
|
1134
|
-
let
|
|
1135
|
-
if (
|
|
1139
|
+
let y = i;
|
|
1140
|
+
if (y.startsWith("!") && (k = !0, y = y.slice(1)), re[y] || ae(y) || ce(y) || de(y) || se(y) || le(y) || Z(y)) {
|
|
1136
1141
|
b = i;
|
|
1137
1142
|
break;
|
|
1138
1143
|
}
|
|
@@ -1143,7 +1148,7 @@ function Le(e) {
|
|
|
1143
1148
|
const T = g.indexOf(b);
|
|
1144
1149
|
let h = T >= 0 ? g.slice(0, T) : [];
|
|
1145
1150
|
p && (h = h.filter((i) => i !== "dark"));
|
|
1146
|
-
const R = `.${
|
|
1151
|
+
const R = `.${be(f)}`, _ = k ? O.replace(/;/g, " !important;") : O, w = "__SUBJECT__";
|
|
1147
1152
|
let l = w;
|
|
1148
1153
|
const P = [];
|
|
1149
1154
|
for (const i of h)
|
|
@@ -1152,27 +1157,27 @@ function Le(e) {
|
|
|
1152
1157
|
`.peer:${i.slice(5)}~${w}`
|
|
1153
1158
|
), P.push(i));
|
|
1154
1159
|
h = h.filter((i) => !P.includes(i));
|
|
1155
|
-
const W = [],
|
|
1160
|
+
const W = [], V = [];
|
|
1156
1161
|
let S = null;
|
|
1157
1162
|
for (const i of h) {
|
|
1158
1163
|
if (i === "dark" || ne.includes(i) || i.startsWith("@") && (ie.includes(i.slice(1)) || i.match(/^@\[.+\]$/)))
|
|
1159
1164
|
continue;
|
|
1160
|
-
const
|
|
1161
|
-
if (
|
|
1162
|
-
S =
|
|
1165
|
+
const y = _e(i);
|
|
1166
|
+
if (y) {
|
|
1167
|
+
S = y;
|
|
1163
1168
|
continue;
|
|
1164
1169
|
}
|
|
1165
1170
|
const F = d[i];
|
|
1166
1171
|
if (F) {
|
|
1167
|
-
S ?
|
|
1172
|
+
S ? V.push(F) : W.push(F);
|
|
1168
1173
|
continue;
|
|
1169
1174
|
}
|
|
1170
|
-
const E =
|
|
1175
|
+
const E = Ce[i];
|
|
1171
1176
|
typeof E == "function" && (l = E(l, _).split("{")[0]);
|
|
1172
1177
|
}
|
|
1173
|
-
const D = W.join(""), L =
|
|
1174
|
-
function Q(i,
|
|
1175
|
-
if (
|
|
1178
|
+
const D = W.join(""), L = V.join("");
|
|
1179
|
+
function Q(i, y) {
|
|
1180
|
+
if (!y) return i;
|
|
1176
1181
|
let F = 0, E = 0;
|
|
1177
1182
|
if (i.length && (i[0] === ">" || i[0] === "+" || i[0] === "~" || i[0] === " ")) {
|
|
1178
1183
|
let j = 1;
|
|
@@ -1180,30 +1185,30 @@ function Le(e) {
|
|
|
1180
1185
|
for (; j < i.length; j++) {
|
|
1181
1186
|
const z = i[j];
|
|
1182
1187
|
if (z === "[" ? F++ : z === "]" && F > 0 ? F-- : z === "(" ? E++ : z === ")" && E > 0 && E--, F === 0 && E === 0 && (i[j] === ">" || i[j] === "+" || i[j] === "~" || i[j] === " "))
|
|
1183
|
-
return i.slice(0, j) +
|
|
1188
|
+
return i.slice(0, j) + y + i.slice(j);
|
|
1184
1189
|
}
|
|
1185
|
-
return i +
|
|
1190
|
+
return i + y;
|
|
1186
1191
|
}
|
|
1187
1192
|
for (let j = 0; j < i.length; j++) {
|
|
1188
1193
|
const z = i[j];
|
|
1189
1194
|
if (z === "[" ? F++ : z === "]" && F > 0 ? F-- : z === "(" ? E++ : z === ")" && E > 0 && E--, F === 0 && E === 0 && (z === ">" || z === "+" || z === "~" || z === " "))
|
|
1190
|
-
return i.slice(0, j) +
|
|
1195
|
+
return i.slice(0, j) + y + i.slice(j);
|
|
1191
1196
|
}
|
|
1192
|
-
return i +
|
|
1197
|
+
return i + y;
|
|
1193
1198
|
}
|
|
1194
1199
|
if (S)
|
|
1195
1200
|
if (S.includes("&")) {
|
|
1196
|
-
const i = S.indexOf("&"),
|
|
1201
|
+
const i = S.indexOf("&"), y = S.slice(0, i), F = S.slice(i + 1), E = w + D;
|
|
1197
1202
|
if (W.length === 0)
|
|
1198
1203
|
l = l.replace(
|
|
1199
1204
|
w,
|
|
1200
|
-
|
|
1205
|
+
y + E + L + F
|
|
1201
1206
|
);
|
|
1202
1207
|
else {
|
|
1203
1208
|
const j = Q(F, L);
|
|
1204
1209
|
l = l.replace(
|
|
1205
1210
|
w,
|
|
1206
|
-
|
|
1211
|
+
y + E + j
|
|
1207
1212
|
);
|
|
1208
1213
|
}
|
|
1209
1214
|
} else
|
|
@@ -1217,24 +1222,24 @@ function Le(e) {
|
|
|
1217
1222
|
w + D + L
|
|
1218
1223
|
);
|
|
1219
1224
|
l = l.replace(new RegExp(w, "g"), R);
|
|
1220
|
-
const fe = "__CE_COLOR_MIX_SPLIT__",
|
|
1225
|
+
const fe = "__CE_COLOR_MIX_SPLIT__", ve = _.includes(fe) ? _.split(fe).map((i) => `${l}{${i}}`) : [`${l}{${_}}`], Y = h.filter(
|
|
1221
1226
|
(i) => ne.includes(i)
|
|
1222
1227
|
), ee = h.filter(
|
|
1223
1228
|
(i) => i.startsWith("@") && (ie.includes(i.slice(1)) || i.match(/^@\[.+\]$/))
|
|
1224
|
-
),
|
|
1225
|
-
let N = "",
|
|
1226
|
-
if (ue &&
|
|
1227
|
-
if (
|
|
1228
|
-
const i =
|
|
1229
|
+
), q = Y.length ? Y[Y.length - 1] : null, H = ee.length ? ee[ee.length - 1] : null, ue = h.includes("dark");
|
|
1230
|
+
let N = "", U = "";
|
|
1231
|
+
if (ue && q ? N = `@media (prefers-color-scheme: dark) and ${oe[q]}` : ue ? N = "@media (prefers-color-scheme: dark)" : q && (N = `@media ${oe[q]}`), H)
|
|
1232
|
+
if (H.startsWith("@[") && H.endsWith("]")) {
|
|
1233
|
+
const i = H.slice(2, -1);
|
|
1229
1234
|
if (!/^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|cm|mm|in|pt|pc)$/.test(i))
|
|
1230
1235
|
return null;
|
|
1231
|
-
|
|
1236
|
+
U = `@container (min-width:${i})`;
|
|
1232
1237
|
} else {
|
|
1233
|
-
const i =
|
|
1234
|
-
|
|
1238
|
+
const i = H.slice(1);
|
|
1239
|
+
U = `@container ${me[i] || `(min-width:${i})`}`;
|
|
1235
1240
|
}
|
|
1236
|
-
const
|
|
1237
|
-
return
|
|
1241
|
+
const we = (i) => N && U ? `${N}${U}{${i}}` : N ? `${N}{${i}}` : U ? `${U}{${i}}` : i;
|
|
1242
|
+
return ve.map(we).join("");
|
|
1238
1243
|
};
|
|
1239
1244
|
for (const f of c) {
|
|
1240
1245
|
const p = a(f), g = p.find(
|
|
@@ -1247,11 +1252,11 @@ function Le(e) {
|
|
|
1247
1252
|
const v = /^(from|via|to)-[a-z]+-?\d{2,3}?$/;
|
|
1248
1253
|
for (const f of c)
|
|
1249
1254
|
if (v.test(f)) {
|
|
1250
|
-
if (s.flat().join("").includes(`.${
|
|
1255
|
+
if (s.flat().join("").includes(`.${be(f)}`)) continue;
|
|
1251
1256
|
const g = m(f);
|
|
1252
1257
|
g && s[0].push(g);
|
|
1253
1258
|
}
|
|
1254
|
-
const
|
|
1259
|
+
const C = (f) => f.sort((p, g) => {
|
|
1255
1260
|
const b = (R) => {
|
|
1256
1261
|
const _ = {
|
|
1257
1262
|
sm: 640,
|
|
@@ -1289,7 +1294,7 @@ function Le(e) {
|
|
|
1289
1294
|
// 80rem
|
|
1290
1295
|
};
|
|
1291
1296
|
for (const [w, l] of Object.entries(_))
|
|
1292
|
-
if (R.includes(`@container ${
|
|
1297
|
+
if (R.includes(`@container ${me[w]}`)) return l;
|
|
1293
1298
|
if (R.includes("@container (min-width:")) {
|
|
1294
1299
|
const w = /@container \(min-width:(\d+(?:\.\d+)?)(px|rem|em)/.exec(R);
|
|
1295
1300
|
if (w) {
|
|
@@ -1301,14 +1306,14 @@ function Le(e) {
|
|
|
1301
1306
|
}, x = b(p), O = b(g), T = k(p), h = k(g);
|
|
1302
1307
|
return x >= 0 && O >= 0 && x !== O ? x - O : T >= 0 && h >= 0 && T !== h ? T - h : 0;
|
|
1303
1308
|
});
|
|
1304
|
-
s[2] =
|
|
1305
|
-
const
|
|
1306
|
-
return
|
|
1309
|
+
s[2] = C(s[2]), s[3] = C(s[3]);
|
|
1310
|
+
const A = s.flat().join("");
|
|
1311
|
+
return G.size >= he && Array.from(G.keys()).slice(
|
|
1307
1312
|
0,
|
|
1308
|
-
Math.floor(
|
|
1309
|
-
).forEach((p) =>
|
|
1313
|
+
Math.floor(he / 2)
|
|
1314
|
+
).forEach((p) => G.delete(p)), G.set(e, { css: A, timestamp: r }), A;
|
|
1310
1315
|
}
|
|
1311
|
-
const
|
|
1316
|
+
const X = {
|
|
1312
1317
|
/** Simple fade in/out */
|
|
1313
1318
|
fade: {
|
|
1314
1319
|
enterFrom: "opacity-0",
|
|
@@ -1411,10 +1416,10 @@ function Ne(e, r) {
|
|
|
1411
1416
|
name: t,
|
|
1412
1417
|
enterFrom: a,
|
|
1413
1418
|
enterActive: d,
|
|
1414
|
-
enterTo:
|
|
1419
|
+
enterTo: $,
|
|
1415
1420
|
leaveFrom: v,
|
|
1416
|
-
leaveActive:
|
|
1417
|
-
leaveTo:
|
|
1421
|
+
leaveActive: C,
|
|
1422
|
+
leaveTo: A,
|
|
1418
1423
|
onBeforeEnter: f,
|
|
1419
1424
|
onEnter: p,
|
|
1420
1425
|
onAfterEnter: g,
|
|
@@ -1425,15 +1430,15 @@ function Ne(e, r) {
|
|
|
1425
1430
|
onLeaveCancelled: T
|
|
1426
1431
|
} = e;
|
|
1427
1432
|
let h;
|
|
1428
|
-
o &&
|
|
1433
|
+
o && X[o] ? (h = { ...X[o] }, a && (h.enterFrom = a), d && (h.enterActive = d), $ && (h.enterTo = $), v && (h.leaveFrom = v), C && (h.leaveActive = C), A && (h.leaveTo = A)) : h = {
|
|
1429
1434
|
enterFrom: a,
|
|
1430
1435
|
enterActive: d,
|
|
1431
|
-
enterTo:
|
|
1436
|
+
enterTo: $,
|
|
1432
1437
|
leaveFrom: v,
|
|
1433
|
-
leaveActive:
|
|
1434
|
-
leaveTo:
|
|
1438
|
+
leaveActive: C,
|
|
1439
|
+
leaveTo: A
|
|
1435
1440
|
};
|
|
1436
|
-
const R = t || (o ? `transition-${o}` : "transition"), _ =
|
|
1441
|
+
const R = t || (o ? `transition-${o}` : "transition"), _ = ye(n ? r : [], R);
|
|
1437
1442
|
return _._transition = {
|
|
1438
1443
|
name: R,
|
|
1439
1444
|
classes: h,
|
|
@@ -1465,10 +1470,10 @@ function Be(e, r) {
|
|
|
1465
1470
|
appear: t = !1,
|
|
1466
1471
|
css: a = !0,
|
|
1467
1472
|
name: d,
|
|
1468
|
-
class:
|
|
1473
|
+
class: $,
|
|
1469
1474
|
style: v,
|
|
1470
|
-
enterFrom:
|
|
1471
|
-
enterActive:
|
|
1475
|
+
enterFrom: C,
|
|
1476
|
+
enterActive: A,
|
|
1472
1477
|
enterTo: f,
|
|
1473
1478
|
leaveFrom: p,
|
|
1474
1479
|
leaveActive: g,
|
|
@@ -1483,9 +1488,9 @@ function Be(e, r) {
|
|
|
1483
1488
|
onLeaveCancelled: w
|
|
1484
1489
|
} = e;
|
|
1485
1490
|
let l;
|
|
1486
|
-
c &&
|
|
1487
|
-
enterFrom:
|
|
1488
|
-
enterActive:
|
|
1491
|
+
c && X[c] ? (l = { ...X[c] }, C && (l.enterFrom = C), A && (l.enterActive = A), f && (l.enterTo = f), p && (l.leaveFrom = p), g && (l.leaveActive = g), b && (l.leaveTo = b)) : l = {
|
|
1492
|
+
enterFrom: C,
|
|
1493
|
+
enterActive: A,
|
|
1489
1494
|
enterTo: f,
|
|
1490
1495
|
leaveFrom: p,
|
|
1491
1496
|
leaveActive: g,
|
|
@@ -1511,7 +1516,7 @@ function Be(e, r) {
|
|
|
1511
1516
|
W.push(L);
|
|
1512
1517
|
} else
|
|
1513
1518
|
W.push(S);
|
|
1514
|
-
const
|
|
1519
|
+
const V = (() => {
|
|
1515
1520
|
if (v)
|
|
1516
1521
|
return typeof v == "string" ? v : Object.entries(v).map(([S, D]) => `${S}: ${D}`).join("; ");
|
|
1517
1522
|
})();
|
|
@@ -1521,8 +1526,8 @@ function Be(e, r) {
|
|
|
1521
1526
|
key: P,
|
|
1522
1527
|
props: {
|
|
1523
1528
|
attrs: {
|
|
1524
|
-
|
|
1525
|
-
...
|
|
1529
|
+
...$ ? { class: $ } : {},
|
|
1530
|
+
...V ? { style: V } : {}
|
|
1526
1531
|
},
|
|
1527
1532
|
_transitionGroup: {
|
|
1528
1533
|
name: P,
|
|
@@ -1549,32 +1554,53 @@ function Be(e, r) {
|
|
|
1549
1554
|
function Ue(e) {
|
|
1550
1555
|
return { ...e };
|
|
1551
1556
|
}
|
|
1552
|
-
let
|
|
1557
|
+
let B = null;
|
|
1553
1558
|
function Me() {
|
|
1554
|
-
if (!
|
|
1559
|
+
if (!B) {
|
|
1560
|
+
if (typeof CSSStyleSheet > "u")
|
|
1561
|
+
return B = {
|
|
1562
|
+
cssRules: [],
|
|
1563
|
+
replaceSync: () => {
|
|
1564
|
+
},
|
|
1565
|
+
toString: () => ""
|
|
1566
|
+
}, B;
|
|
1555
1567
|
const e = [];
|
|
1556
|
-
Object.values(
|
|
1568
|
+
Object.values(X).forEach((n) => {
|
|
1557
1569
|
n.enterFrom && e.push(n.enterFrom), n.enterActive && e.push(n.enterActive), n.enterTo && e.push(n.enterTo), n.leaveFrom && e.push(n.leaveFrom), n.leaveActive && e.push(n.leaveActive), n.leaveTo && e.push(n.leaveTo);
|
|
1558
1570
|
});
|
|
1559
1571
|
const r = `<div class="${e.join(" ")}"></div>`, o = Le(r);
|
|
1560
|
-
|
|
1572
|
+
try {
|
|
1573
|
+
B = new CSSStyleSheet(), B.replaceSync(o);
|
|
1574
|
+
} catch {
|
|
1575
|
+
B = {
|
|
1576
|
+
cssRules: [],
|
|
1577
|
+
replaceSync: () => {
|
|
1578
|
+
},
|
|
1579
|
+
toString: () => o || ""
|
|
1580
|
+
};
|
|
1581
|
+
}
|
|
1561
1582
|
}
|
|
1562
|
-
return
|
|
1583
|
+
return B;
|
|
1563
1584
|
}
|
|
1564
1585
|
function Pe() {
|
|
1565
|
-
|
|
1586
|
+
if (!(typeof window > "u" || typeof CSSStyleSheet > "u"))
|
|
1587
|
+
try {
|
|
1588
|
+
Me();
|
|
1589
|
+
} catch {
|
|
1590
|
+
}
|
|
1566
1591
|
}
|
|
1567
1592
|
Pe();
|
|
1568
1593
|
export {
|
|
1569
1594
|
Ne as T,
|
|
1570
1595
|
Me as a,
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1596
|
+
pe as b,
|
|
1597
|
+
ke as c,
|
|
1598
|
+
Be as d,
|
|
1599
|
+
Ue as e,
|
|
1574
1600
|
Ie as g,
|
|
1575
1601
|
Le as j,
|
|
1576
|
-
|
|
1602
|
+
ge as m,
|
|
1577
1603
|
De as s,
|
|
1578
|
-
|
|
1604
|
+
X as t
|
|
1579
1605
|
};
|
|
1580
|
-
//# sourceMappingURL=transitions-
|
|
1606
|
+
//# sourceMappingURL=transitions-m6FraTTL.js.map
|