@tenoxui/moxie 0.6.7 → 0.6.8
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/index.cjs.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +140 -137
- package/dist/index.iife.js +1 -1
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var w=Object.defineProperty;var x=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var W=(m,t,s)=>t in m?w(m,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):m[t]=s,P=(m,t)=>{for(var s in t||(t={}))j.call(t,s)&&W(m,s,t[s]);if(x)for(var s of x(t))V.call(t,s)&&W(m,s,t[s]);return m};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class R{constructor({property:t={},values:s={},classes:e={},prefixChars:n=[]}={}){this.property=P({moxie:({key:i,secondValue:l})=>l?null:i},t),this.values=s,this.classes=e,this.prefixChars=n.map(this.escapeRegex)}toKebabCase(t){if(/^(webkit|moz|ms|o)[A-Z]/.test(t)){const s=t.match(/^(webkit|moz|ms|o)/);if(s){const e=s[0];return`-${e}${t.slice(e.length).replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}`}}return t.replace(/[A-Z]/g,s=>`-${s.toLowerCase()}`)}escapeCSSSelector(t){return t.replace(/^(\d)/,"\\3$1 ").replace(/([#{}.:;?%&,@+*~'"!^$[\]()=>|/])/g,"\\$1")}escapeRegex(t){return t.replace(/[.*+?^${}()|[\]\\/\\-]/g,"\\$&")}getAllClassNames(t){if(!t)return[];const s=new Set;return Object.entries(t).forEach(([e,n])=>{n&&typeof n=="object"&&Object.keys(n).forEach(i=>{s.add(i)})}),Array.from(s)}getTypePrefixes(t=[]){const s=this.classes,e=Object.keys(this.property);if(!s)return[...e,...t].sort((l,c)=>c.length-l.length);const i=[...this.getAllClassNames(s)];return[...e,...i,...t].sort((l,c)=>c.length-l.length)}regexp(t){const s=this.getTypePrefixes(t).map(this.escapeRegex).join("|"),e="\\[[^\\]]+\\]",n="\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)",i="\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}",l=`[${["a-zA-Z0-9_\\-",...this.prefixChars].join("")}]`,c=l+"+|"+l+"+(?:-(?:"+e+"|"+n+"|"+i+"))|"+l+"+(?:-(?:"+e+"|"+n+"|"+i+"))?(?:\\/[a-zA-Z0-9_\\-]+)|"+e+"|"+n+"|"+i,r=`(${s}|\\[[^\\]]+\\])`,h="(?:-)",u="(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+e+"|"+i+"|"+n+"|(?:\\$[^\\s\\/]+))",a="([a-zA-Z%]*)",$="(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+e+"|"+i+"|"+n+"|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";return{prefix:c,type:r,separator:h,value:u,unit:a,secondValuePattern:$,all:"^(?:("+c+"):)?"+r+h+u+a+$+"$"}}parse(t,s){const e=this.regexp(s),n=t.match(new RegExp(e.all));if(n){const[,l,c,r,h,u,a]=n;return[l,c,r,h||"",u,a]}const i=t.match(new RegExp(`^(?:(${e.prefix}):)?${e.type}$`));return i?[i[1],i[2],"","",void 0,void 0]:null}constructRaw(t,s,e,n,i,l){return`${t?`${t}:`:""}${s}${e?"-":""}${e}${n}${i?`/${i}${l}`:""}`}processValue(t,s,e){if(!t)return"";const n=i=>i.replace(/\{([^}]+)\}/g,(l,c)=>{const r=this.values,h=r!==null?typeof r[e]=="object"?r[e][c]:r[c]:void 0;return typeof h=="string"?h:l});if(typeof this.values=="object"&&this.values!==null&&(this.values[e]&&typeof this.values[e]=="object"&&this.values[e][t]||this.values[t]))return typeof this.values[e]=="object"&&this.values[e]!==null?this.values[e][t]:this.values[t];if(t.startsWith("$"))return`var(--${t.slice(1)})`;if(t.startsWith("[")&&t.endsWith("]")||t.startsWith("(")&&t.endsWith(")")){const i=t.slice(1,-1).replace(/\\\_/g,"m0x13c55").replace(/\_/g," ").replace(/m0x13c55/g,"_");return i.includes("{")?n(i):i.startsWith("--")?`var(${i})`:i}return t+(s||"")}processShorthand(t="",s="",e="",n,i="",l="",c){const r=this.property[t];if(typeof r=="object"&&!Array.isArray(r)&&!("property"in r))return null;const h=/^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;let u=null,a=s||"";const $=a.match(h);if($&&(u=$[1].trim(),a=$[2].trim()),(typeof r=="string"&&!r.includes(":")||Array.isArray(r))&&(!s||s.includes(u+":")||i))return null;let p;s.includes(u+":")?p=s.startsWith("(")?`(${a})`:`[${a}]`:p=s;const f=this.processValue(p,e,t),y=this.processValue(i,l,t);if(t.startsWith("[")&&t.endsWith("]")){if(!s||i)return null;const o=t.slice(1,-1).split(",").map(A=>A.trim().startsWith("--")?String(A.trim()):this.toKebabCase(String(A.trim())));return{className:this.constructRaw(n,t,s,e),cssRules:o.length===1?o[0]:o,value:f,prefix:n}}if(r){if(typeof r=="object"&&"property"in r){const A=r.group&&this.values[r.group][f]?this.values[r.group][f]:e?s:f,d=typeof r.property=="function"?r.property({value:s.startsWith("[")?f:A,unit:s.startsWith("[")?"":e,secondValue:s.startsWith("[")?"":l?i:y,secondUnit:s.startsWith("[")?"":l,key:u,raw:c}):r.property,g=r.value||"{0}";let C;if(typeof g=="function")C=g({value:A,unit:e,secondValue:l?i:y,secondUnit:l,key:u,raw:c});else if(typeof g=="string"){const b=r.group||t,S=this.processValue(p,e,b);this.values[b]&&typeof this.values[b]=="object"&&this.values[b][p]?C=this.values[b][p]:g.includes("{")?C=this.parseValuePattern(b,g,S,"",y,""):typeof g=="string"&&!g.includes("{")?C=g:C=f}else if(Array.isArray(g)){if(!g.includes(s+e)||i)return null;C=s+e}else C=null;return(typeof r.property=="string"||Array.isArray(r.property))&&typeof g=="string"&&(s.includes(u+":")||!g.includes("{1")&&i)||(typeof r.property=="string"||Array.isArray(r.property))&&g===null||typeof r.property=="string"&&r.property.includes(":")&&s||(typeof r.property=="string"||Array.isArray(r.property))&&typeof r.value=="string"&&!r.value.includes("{")&&s?null:{className:this.constructRaw(n,t,s,e,i,l),cssRules:d?Array.isArray(d)?d:typeof d=="string"&&(d.includes(":")||d.includes("value:"))?d.includes("value:")?d.slice(6):this.toKebabCase(String(d)):this.toKebabCase(String(d)):null,value:g===null||d===null||d.includes(":")||d.includes("value:")?null:s.startsWith("[")?f:C,prefix:n}}const o=typeof r=="function"?r({value:s.startsWith("[")?f:e?s:f,unit:s.startsWith("[")?"":e,secondValue:s.startsWith("[")?"":l?i:y,secondUnit:s.startsWith("[")?"":l,key:u,raw:c}):r;return{className:this.constructRaw(n,t,s,e,i,l),cssRules:o?Array.isArray(r)?o:typeof o=="string"&&(o.includes(":")||o.startsWith("value:"))?o.startsWith("value:")?o.slice(6):this.toKebabCase(String(o)):this.toKebabCase(String(o)):null,value:typeof o=="string"&&o.includes(":")?null:f,prefix:n}}return null}parseValuePattern(t,s,e,n,i,l){if(!s.includes("{0}")&&!s.includes("{1")&&!s.includes("||"))return s;const[c,r]=s.split("||").map(a=>a.trim()),h=this.processValue(e,n,t),u=this.processValue(i,l,t);if(s.includes("{0}")&&s.includes("{1")||s.includes("{1")){let a=c;if(e&&(a=a.replace(/\{0\}/g,h)),s.includes("{1")){s.includes("{1}")&&(i?a=i.startsWith("[")?u:a.replace(/\{1\}/g,u):a=r||c);const $=/\{1([^}]*)\}/g;let p;for(;(p=$.exec(a))!==null;){const f=p[0],y=p[1].trim();let o=u;!o&&y.includes("|")?o=y.split("|")[1].trim():o||(o=""),a=e.startsWith("[")?h:a.replace(f,o)}}return e?a:r||c}else return e?e.startsWith("[")?h:c.replace(/\{0\}/g,h):r||c}getParentClass(t){return Object.keys(this.classes).filter(s=>Object.prototype.hasOwnProperty.call(this.classes[s],t))}processCustomClass(t,s="",e="",n="",i="",l=""){if(!t)return null;const c=this.getParentClass(t),r=s&&t.endsWith(`-${s}${e}`);if(c.length>0){const h=c.map(u=>{const a=this.classes[u];if(!a||s&&!r&&a[t]&&!a[t].includes("{0}")&&!a[t].includes("|"))return null;const $=this.parseValuePattern(t,a[t]||"",s,e,i,l);return`${this.toKebabCase(String(u))}: ${$}`}).filter(Boolean).join("; ");return{className:r?t:this.constructRaw(n,t,s,e,i,l),cssRules:h,value:null,prefix:n}}return null}process(t){try{const s=Array.isArray(t)?t:t.split(/\s+/),e=[];for(const n of s)try{if(!n)continue;const i=this.parse(n);if(!i)continue;const[l,c,r,h,u,a]=i;if(!c)continue;const $=this.getParentClass(`${c}-${r}`).length>0?`${c}-${r}`:c;try{const p=this.processCustomClass($,r,h,l,u,a);if(p){const{className:f,cssRules:y,prefix:o}=p;if(!y||y==="null")continue;e.push({className:this.escapeCSSSelector(f),cssRules:y,value:null,prefix:o,raw:[...i,this.constructRaw(o,c,r,h,u,a)]});continue}}catch(p){console.warn(`Error processing custom class "${n}":`,p)}try{const p=this.processShorthand(c,r,h,l,u,a,i);if(p){const{className:f,cssRules:y,value:o,prefix:A}=p;if(!y||y==="null")continue;e.push({className:this.escapeCSSSelector(f),cssRules:y,value:o,prefix:A,raw:[...i,this.constructRaw(l,c,r,h,u,a)]})}}catch(p){console.warn(`Error processing shorthand "${n}":`,p)}}catch(i){console.warn(`Failed to process class \`${n}\`:`,i)}return e}catch(s){return console.error("Critical error in process method:",s),[]}}}exports.TenoxUI=R;exports.default=R;
|
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export declare class TenoxUI {
|
|
|
7
7
|
constructor({ property, values, classes, prefixChars }?: Config);
|
|
8
8
|
toKebabCase(str: string): string;
|
|
9
9
|
escapeCSSSelector(str: string): string;
|
|
10
|
+
private escapeRegex;
|
|
10
11
|
private getAllClassNames;
|
|
11
12
|
private getTypePrefixes;
|
|
12
13
|
regexp(safelist?: string[]): {
|
package/dist/index.es.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
1
|
+
var w = Object.defineProperty;
|
|
2
|
+
var x = Object.getOwnPropertySymbols;
|
|
3
|
+
var S = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var W = (m, t, s) => t in m ? w(m, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : m[t] = s, P = (m, t) => {
|
|
5
5
|
for (var s in t || (t = {}))
|
|
6
|
-
|
|
7
|
-
if (
|
|
8
|
-
for (var s of
|
|
9
|
-
j.call(t, s) &&
|
|
10
|
-
return
|
|
6
|
+
S.call(t, s) && W(m, s, t[s]);
|
|
7
|
+
if (x)
|
|
8
|
+
for (var s of x(t))
|
|
9
|
+
j.call(t, s) && W(m, s, t[s]);
|
|
10
|
+
return m;
|
|
11
11
|
};
|
|
12
12
|
class Z {
|
|
13
|
-
constructor({ property: t = {}, values: s = {}, classes:
|
|
13
|
+
constructor({ property: t = {}, values: s = {}, classes: e = {}, prefixChars: n = [] } = {}) {
|
|
14
14
|
this.property = P({
|
|
15
15
|
// use moxie-* utility to access all properties and variables
|
|
16
16
|
// e.g. `moxie-(color:red)` => `color: red`, `moxie-(--my-var:20px_1rem)` => `--my-var: 20px 1rem`
|
|
17
|
-
moxie: ({ key:
|
|
18
|
-
}, t), this.values = s, this.classes =
|
|
17
|
+
moxie: ({ key: i, secondValue: l }) => l ? null : i
|
|
18
|
+
}, t), this.values = s, this.classes = e, this.prefixChars = n.map(this.escapeRegex);
|
|
19
19
|
}
|
|
20
20
|
toKebabCase(t) {
|
|
21
21
|
if (/^(webkit|moz|ms|o)[A-Z]/.test(t)) {
|
|
22
22
|
const s = t.match(/^(webkit|moz|ms|o)/);
|
|
23
23
|
if (s) {
|
|
24
|
-
const
|
|
25
|
-
return `-${
|
|
24
|
+
const e = s[0];
|
|
25
|
+
return `-${e}${t.slice(e.length).replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`)}`;
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
return t.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`);
|
|
@@ -30,104 +30,107 @@ class Z {
|
|
|
30
30
|
escapeCSSSelector(t) {
|
|
31
31
|
return t.replace(/^(\d)/, "\\3$1 ").replace(/([#{}.:;?%&,@+*~'"!^$[\]()=>|/])/g, "\\$1");
|
|
32
32
|
}
|
|
33
|
+
escapeRegex(t) {
|
|
34
|
+
return t.replace(/[.*+?^${}()|[\]\\/\\-]/g, "\\$&");
|
|
35
|
+
}
|
|
33
36
|
getAllClassNames(t) {
|
|
34
37
|
if (!t) return [];
|
|
35
38
|
const s = /* @__PURE__ */ new Set();
|
|
36
|
-
return Object.entries(t).forEach(([
|
|
37
|
-
|
|
38
|
-
s.add(
|
|
39
|
+
return Object.entries(t).forEach(([e, n]) => {
|
|
40
|
+
n && typeof n == "object" && Object.keys(n).forEach((i) => {
|
|
41
|
+
s.add(i);
|
|
39
42
|
});
|
|
40
43
|
}), Array.from(s);
|
|
41
44
|
}
|
|
42
45
|
getTypePrefixes(t = []) {
|
|
43
|
-
const s = this.
|
|
44
|
-
if (!
|
|
45
|
-
return [...
|
|
46
|
-
const
|
|
47
|
-
return [...
|
|
46
|
+
const s = this.classes, e = Object.keys(this.property);
|
|
47
|
+
if (!s)
|
|
48
|
+
return [...e, ...t].sort((l, c) => c.length - l.length);
|
|
49
|
+
const i = [...this.getAllClassNames(s)];
|
|
50
|
+
return [...e, ...i, ...t].sort((l, c) => c.length - l.length);
|
|
48
51
|
}
|
|
49
52
|
regexp(t) {
|
|
50
|
-
const s = this.getTypePrefixes(t).join("|"),
|
|
53
|
+
const s = this.getTypePrefixes(t).map(this.escapeRegex).join("|"), e = "\\[[^\\]]+\\]", n = "\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)", i = "\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}", l = `[${["a-zA-Z0-9_\\-", ...this.prefixChars].join("")}]`, c = (
|
|
51
54
|
// Simple prefix (hover, md, focus, etc.)
|
|
52
55
|
l + "+|" + // value-like prefix (nth-(4), max-[445px], etc.)
|
|
53
|
-
l + "+(?:-(?:" +
|
|
54
|
-
l + "+(?:-(?:" +
|
|
55
|
-
|
|
56
|
-
),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
l + "+(?:-(?:" + e + "|" + n + "|" + i + "))|" + // added support for custom secondValue for prefix
|
|
57
|
+
l + "+(?:-(?:" + e + "|" + n + "|" + i + "))?(?:\\/[a-zA-Z0-9_\\-]+)|" + // Direct bracket, parenthesis, or brace content
|
|
58
|
+
e + "|" + n + "|" + i
|
|
59
|
+
), r = `(${s}|\\[[^\\]]+\\])`, h = "(?:-)", u = "(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|" + // Hex colors
|
|
60
|
+
e + "|" + // Bracket content
|
|
61
|
+
i + "|" + // Curly brace content
|
|
62
|
+
n + "|(?:\\$[^\\s\\/]+))", a = "([a-zA-Z%]*)", $ = "(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|" + e + "|" + i + "|" + n + "|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";
|
|
60
63
|
return {
|
|
61
64
|
prefix: c,
|
|
62
|
-
type:
|
|
65
|
+
type: r,
|
|
63
66
|
separator: h,
|
|
64
67
|
value: u,
|
|
65
|
-
unit:
|
|
68
|
+
unit: a,
|
|
66
69
|
secondValuePattern: $,
|
|
67
|
-
all: "^(?:(" + c + "):)?" +
|
|
70
|
+
all: "^(?:(" + c + "):)?" + r + h + u + a + $ + "$"
|
|
68
71
|
};
|
|
69
72
|
}
|
|
70
73
|
parse(t, s) {
|
|
71
|
-
const
|
|
72
|
-
if (
|
|
73
|
-
const [, l, c,
|
|
74
|
-
return [l, c,
|
|
74
|
+
const e = this.regexp(s), n = t.match(new RegExp(e.all));
|
|
75
|
+
if (n) {
|
|
76
|
+
const [, l, c, r, h, u, a] = n;
|
|
77
|
+
return [l, c, r, h || "", u, a];
|
|
75
78
|
}
|
|
76
|
-
const
|
|
77
|
-
return
|
|
79
|
+
const i = t.match(new RegExp(`^(?:(${e.prefix}):)?${e.type}$`));
|
|
80
|
+
return i ? [i[1], i[2], "", "", void 0, void 0] : null;
|
|
78
81
|
}
|
|
79
|
-
constructRaw(t, s,
|
|
80
|
-
return `${t ? `${t}:` : ""}${s}${
|
|
82
|
+
constructRaw(t, s, e, n, i, l) {
|
|
83
|
+
return `${t ? `${t}:` : ""}${s}${e ? "-" : ""}${e}${n}${i ? `/${i}${l}` : ""}`;
|
|
81
84
|
}
|
|
82
85
|
// unique value parser
|
|
83
|
-
processValue(t, s,
|
|
86
|
+
processValue(t, s, e) {
|
|
84
87
|
if (!t) return "";
|
|
85
|
-
const
|
|
86
|
-
const
|
|
88
|
+
const n = (i) => i.replace(/\{([^}]+)\}/g, (l, c) => {
|
|
89
|
+
const r = this.values, h = r !== null ? typeof r[e] == "object" ? r[e][c] : r[c] : void 0;
|
|
87
90
|
return typeof h == "string" ? h : l;
|
|
88
91
|
});
|
|
89
|
-
if (typeof this.values == "object" && this.values !== null && (this.values[
|
|
90
|
-
return typeof this.values[
|
|
92
|
+
if (typeof this.values == "object" && this.values !== null && (this.values[e] && typeof this.values[e] == "object" && this.values[e][t] || this.values[t]))
|
|
93
|
+
return typeof this.values[e] == "object" && this.values[e] !== null ? this.values[e][t] : this.values[t];
|
|
91
94
|
if (t.startsWith("$"))
|
|
92
95
|
return `var(--${t.slice(1)})`;
|
|
93
96
|
if (t.startsWith("[") && t.endsWith("]") || t.startsWith("(") && t.endsWith(")")) {
|
|
94
|
-
const
|
|
95
|
-
return
|
|
97
|
+
const i = t.slice(1, -1).replace(/\\\_/g, "m0x13c55").replace(/\_/g, " ").replace(/m0x13c55/g, "_");
|
|
98
|
+
return i.includes("{") ? n(i) : i.startsWith("--") ? `var(${i})` : i;
|
|
96
99
|
}
|
|
97
100
|
return t + (s || "");
|
|
98
101
|
}
|
|
99
|
-
processShorthand(t = "", s = "",
|
|
100
|
-
const
|
|
101
|
-
if (typeof
|
|
102
|
+
processShorthand(t = "", s = "", e = "", n, i = "", l = "", c) {
|
|
103
|
+
const r = this.property[t];
|
|
104
|
+
if (typeof r == "object" && !Array.isArray(r) && !("property" in r))
|
|
102
105
|
return null;
|
|
103
106
|
const h = /^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;
|
|
104
|
-
let u = null,
|
|
105
|
-
const $ =
|
|
106
|
-
if ($ && (u = $[1].trim(),
|
|
107
|
+
let u = null, a = s || "";
|
|
108
|
+
const $ = a.match(h);
|
|
109
|
+
if ($ && (u = $[1].trim(), a = $[2].trim()), (typeof r == "string" && !r.includes(":") || Array.isArray(r)) && (!s || s.includes(u + ":") || i))
|
|
107
110
|
return null;
|
|
108
111
|
let p;
|
|
109
|
-
s.includes(u + ":") ? p = s.startsWith("(") ? `(${
|
|
110
|
-
const f = this.processValue(p,
|
|
112
|
+
s.includes(u + ":") ? p = s.startsWith("(") ? `(${a})` : `[${a}]` : p = s;
|
|
113
|
+
const f = this.processValue(p, e, t), y = this.processValue(i, l, t);
|
|
111
114
|
if (t.startsWith("[") && t.endsWith("]")) {
|
|
112
|
-
if (!s ||
|
|
113
|
-
const
|
|
114
|
-
(
|
|
115
|
+
if (!s || i) return null;
|
|
116
|
+
const o = t.slice(1, -1).split(",").map(
|
|
117
|
+
(A) => A.trim().startsWith("--") ? String(A.trim()) : this.toKebabCase(String(A.trim()))
|
|
115
118
|
);
|
|
116
119
|
return {
|
|
117
|
-
className: this.constructRaw(
|
|
118
|
-
cssRules:
|
|
120
|
+
className: this.constructRaw(n, t, s, e),
|
|
121
|
+
cssRules: o.length === 1 ? o[0] : o,
|
|
119
122
|
value: f,
|
|
120
|
-
prefix:
|
|
123
|
+
prefix: n
|
|
121
124
|
};
|
|
122
125
|
}
|
|
123
|
-
if (
|
|
124
|
-
if (typeof
|
|
125
|
-
const
|
|
126
|
+
if (r) {
|
|
127
|
+
if (typeof r == "object" && "property" in r) {
|
|
128
|
+
const A = r.group && this.values[r.group][f] ? this.values[r.group][f] : e ? s : f, d = (
|
|
126
129
|
// handle `properties.property` function
|
|
127
|
-
typeof
|
|
128
|
-
value: s.startsWith("[") ? f :
|
|
129
|
-
unit: s.startsWith("[") ? "" :
|
|
130
|
-
secondValue: s.startsWith("[") ? "" : l ?
|
|
130
|
+
typeof r.property == "function" ? r.property({
|
|
131
|
+
value: s.startsWith("[") ? f : A,
|
|
132
|
+
unit: s.startsWith("[") ? "" : e,
|
|
133
|
+
secondValue: s.startsWith("[") ? "" : l ? i : y,
|
|
131
134
|
secondUnit: s.startsWith("[") ? "" : l,
|
|
132
135
|
key: u,
|
|
133
136
|
raw: c
|
|
@@ -136,38 +139,38 @@ class Z {
|
|
|
136
139
|
// e.g. { property: { p: { property: 'padding', value: '{0} {1}' } }
|
|
137
140
|
// the `p` is the type or the shorthand for `padding` property -
|
|
138
141
|
// and has support for second value
|
|
139
|
-
|
|
142
|
+
r.property
|
|
140
143
|
)
|
|
141
|
-
), g =
|
|
144
|
+
), g = r.value || "{0}";
|
|
142
145
|
let C;
|
|
143
146
|
if (typeof g == "function")
|
|
144
147
|
C = g({
|
|
145
|
-
value:
|
|
146
|
-
unit:
|
|
147
|
-
secondValue: l ?
|
|
148
|
+
value: A,
|
|
149
|
+
unit: e,
|
|
150
|
+
secondValue: l ? i : y,
|
|
148
151
|
secondUnit: l,
|
|
149
152
|
key: u,
|
|
150
153
|
raw: c
|
|
151
154
|
});
|
|
152
155
|
else if (typeof g == "string") {
|
|
153
|
-
const b =
|
|
156
|
+
const b = r.group || t, R = this.processValue(p, e, b);
|
|
154
157
|
this.values[b] && typeof this.values[b] == "object" && this.values[b][p] ? C = this.values[b][p] : g.includes("{") ? C = this.parseValuePattern(
|
|
155
158
|
b,
|
|
156
159
|
g,
|
|
157
|
-
|
|
160
|
+
R,
|
|
158
161
|
"",
|
|
159
162
|
y,
|
|
160
163
|
""
|
|
161
164
|
) : typeof g == "string" && !g.includes("{") ? C = g : C = f;
|
|
162
165
|
} else if (Array.isArray(g)) {
|
|
163
|
-
if (!g.includes(s +
|
|
164
|
-
C = s +
|
|
166
|
+
if (!g.includes(s + e) || i) return null;
|
|
167
|
+
C = s + e;
|
|
165
168
|
} else C = null;
|
|
166
|
-
return (typeof
|
|
169
|
+
return (typeof r.property == "string" || Array.isArray(r.property)) && typeof g == "string" && (s.includes(u + ":") || !g.includes("{1") && i) || // check if the property is string or array of properties
|
|
167
170
|
// but the value is null
|
|
168
|
-
(typeof
|
|
169
|
-
typeof
|
|
170
|
-
className: this.constructRaw(
|
|
171
|
+
(typeof r.property == "string" || Array.isArray(r.property)) && g === null || // check if the type is a direct rules but has `value` defined
|
|
172
|
+
typeof r.property == "string" && r.property.includes(":") && s || (typeof r.property == "string" || Array.isArray(r.property)) && typeof r.value == "string" && !r.value.includes("{") && s ? null : {
|
|
173
|
+
className: this.constructRaw(n, t, s, e, i, l),
|
|
171
174
|
cssRules: (
|
|
172
175
|
// if not property, or when `properties.property` as function return null
|
|
173
176
|
d ? Array.isArray(d) ? d : (
|
|
@@ -179,55 +182,55 @@ class Z {
|
|
|
179
182
|
) : null
|
|
180
183
|
),
|
|
181
184
|
value: g === null || d === null || d.includes(":") || d.includes("value:") ? null : s.startsWith("[") ? f : C,
|
|
182
|
-
prefix:
|
|
185
|
+
prefix: n
|
|
183
186
|
};
|
|
184
187
|
}
|
|
185
|
-
const
|
|
188
|
+
const o = (
|
|
186
189
|
// handle `properties` as function
|
|
187
190
|
// e.g. m: ({ value, unit }) => `margin: ${value}${unit || 'px'}`
|
|
188
191
|
// m-4 => margin: 4px
|
|
189
192
|
// m-4rem => margin: 4rem
|
|
190
|
-
typeof
|
|
191
|
-
value: s.startsWith("[") ? f :
|
|
192
|
-
unit: s.startsWith("[") ? "" :
|
|
193
|
-
secondValue: s.startsWith("[") ? "" : l ?
|
|
193
|
+
typeof r == "function" ? r({
|
|
194
|
+
value: s.startsWith("[") ? f : e ? s : f,
|
|
195
|
+
unit: s.startsWith("[") ? "" : e,
|
|
196
|
+
secondValue: s.startsWith("[") ? "" : l ? i : y,
|
|
194
197
|
secondUnit: s.startsWith("[") ? "" : l,
|
|
195
198
|
key: u,
|
|
196
199
|
raw: c
|
|
197
200
|
}) : (
|
|
198
201
|
// e.g. { property: { bg: 'background' } }
|
|
199
202
|
// the `bg` is the type or the shorthand for `background` property
|
|
200
|
-
|
|
203
|
+
r
|
|
201
204
|
)
|
|
202
205
|
);
|
|
203
206
|
return {
|
|
204
|
-
className: this.constructRaw(
|
|
205
|
-
cssRules:
|
|
206
|
-
value: typeof
|
|
207
|
-
prefix:
|
|
207
|
+
className: this.constructRaw(n, t, s, e, i, l),
|
|
208
|
+
cssRules: o ? Array.isArray(r) ? o : typeof o == "string" && (o.includes(":") || o.startsWith("value:")) ? o.startsWith("value:") ? o.slice(6) : this.toKebabCase(String(o)) : this.toKebabCase(String(o)) : null,
|
|
209
|
+
value: typeof o == "string" && o.includes(":") ? null : f,
|
|
210
|
+
prefix: n
|
|
208
211
|
};
|
|
209
212
|
}
|
|
210
213
|
return null;
|
|
211
214
|
}
|
|
212
|
-
parseValuePattern(t, s,
|
|
215
|
+
parseValuePattern(t, s, e, n, i, l) {
|
|
213
216
|
if (!s.includes("{0}") && !s.includes("{1") && !s.includes("||"))
|
|
214
217
|
return s;
|
|
215
|
-
const [c,
|
|
218
|
+
const [c, r] = s.split("||").map((a) => a.trim()), h = this.processValue(e, n, t), u = this.processValue(i, l, t);
|
|
216
219
|
if (s.includes("{0}") && s.includes("{1") || s.includes("{1")) {
|
|
217
|
-
let
|
|
218
|
-
if (
|
|
219
|
-
s.includes("{1}") && (
|
|
220
|
+
let a = c;
|
|
221
|
+
if (e && (a = a.replace(/\{0\}/g, h)), s.includes("{1")) {
|
|
222
|
+
s.includes("{1}") && (i ? a = i.startsWith("[") ? u : a.replace(/\{1\}/g, u) : a = r || c);
|
|
220
223
|
const $ = /\{1([^}]*)\}/g;
|
|
221
224
|
let p;
|
|
222
|
-
for (; (p = $.exec(
|
|
225
|
+
for (; (p = $.exec(a)) !== null; ) {
|
|
223
226
|
const f = p[0], y = p[1].trim();
|
|
224
|
-
let
|
|
225
|
-
!
|
|
227
|
+
let o = u;
|
|
228
|
+
!o && y.includes("|") ? o = y.split("|")[1].trim() : o || (o = ""), a = e.startsWith("[") ? h : a.replace(f, o);
|
|
226
229
|
}
|
|
227
230
|
}
|
|
228
|
-
return
|
|
231
|
+
return e ? a : r || c;
|
|
229
232
|
} else
|
|
230
|
-
return
|
|
233
|
+
return e ? e.startsWith("[") ? h : c.replace(/\{0\}/g, h) : r || c;
|
|
231
234
|
}
|
|
232
235
|
getParentClass(t) {
|
|
233
236
|
return Object.keys(this.classes).filter(
|
|
@@ -237,96 +240,96 @@ class Z {
|
|
|
237
240
|
)
|
|
238
241
|
);
|
|
239
242
|
}
|
|
240
|
-
processCustomClass(t, s = "",
|
|
243
|
+
processCustomClass(t, s = "", e = "", n = "", i = "", l = "") {
|
|
241
244
|
if (!t) return null;
|
|
242
|
-
const c = this.getParentClass(t),
|
|
245
|
+
const c = this.getParentClass(t), r = s && t.endsWith(`-${s}${e}`);
|
|
243
246
|
if (c.length > 0) {
|
|
244
247
|
const h = c.map((u) => {
|
|
245
|
-
const
|
|
246
|
-
if (!
|
|
248
|
+
const a = this.classes[u];
|
|
249
|
+
if (!a || s && !r && a[t] && !a[t].includes("{0}") && !a[t].includes("|"))
|
|
247
250
|
return null;
|
|
248
251
|
const $ = this.parseValuePattern(
|
|
249
252
|
t,
|
|
250
|
-
|
|
253
|
+
a[t] || "",
|
|
251
254
|
s,
|
|
252
|
-
|
|
253
|
-
|
|
255
|
+
e,
|
|
256
|
+
i,
|
|
254
257
|
l
|
|
255
258
|
);
|
|
256
259
|
return `${this.toKebabCase(String(u))}: ${$}`;
|
|
257
260
|
}).filter(Boolean).join("; ");
|
|
258
261
|
return {
|
|
259
|
-
className:
|
|
262
|
+
className: r ? t : this.constructRaw(n, t, s, e, i, l),
|
|
260
263
|
cssRules: h,
|
|
261
264
|
value: null,
|
|
262
|
-
prefix:
|
|
265
|
+
prefix: n
|
|
263
266
|
};
|
|
264
267
|
}
|
|
265
268
|
return null;
|
|
266
269
|
}
|
|
267
270
|
process(t) {
|
|
268
271
|
try {
|
|
269
|
-
const s = Array.isArray(t) ? t : t.split(/\s+/),
|
|
270
|
-
for (const
|
|
272
|
+
const s = Array.isArray(t) ? t : t.split(/\s+/), e = [];
|
|
273
|
+
for (const n of s)
|
|
271
274
|
try {
|
|
272
|
-
if (!i) continue;
|
|
273
|
-
const n = this.parse(i);
|
|
274
275
|
if (!n) continue;
|
|
275
|
-
const
|
|
276
|
+
const i = this.parse(n);
|
|
277
|
+
if (!i) continue;
|
|
278
|
+
const [l, c, r, h, u, a] = i;
|
|
276
279
|
if (!c) continue;
|
|
277
|
-
const $ = this.getParentClass(`${c}-${
|
|
280
|
+
const $ = this.getParentClass(`${c}-${r}`).length > 0 ? `${c}-${r}` : c;
|
|
278
281
|
try {
|
|
279
282
|
const p = this.processCustomClass(
|
|
280
283
|
$,
|
|
281
|
-
|
|
284
|
+
r,
|
|
282
285
|
h,
|
|
283
286
|
l,
|
|
284
287
|
u,
|
|
285
|
-
|
|
288
|
+
a
|
|
286
289
|
);
|
|
287
290
|
if (p) {
|
|
288
|
-
const { className: f, cssRules: y, prefix:
|
|
291
|
+
const { className: f, cssRules: y, prefix: o } = p;
|
|
289
292
|
if (!y || y === "null") continue;
|
|
290
|
-
|
|
293
|
+
e.push({
|
|
291
294
|
className: this.escapeCSSSelector(f),
|
|
292
295
|
cssRules: y,
|
|
293
296
|
value: null,
|
|
294
|
-
prefix:
|
|
295
|
-
raw: [...
|
|
297
|
+
prefix: o,
|
|
298
|
+
raw: [...i, this.constructRaw(o, c, r, h, u, a)]
|
|
296
299
|
});
|
|
297
300
|
continue;
|
|
298
301
|
}
|
|
299
302
|
} catch (p) {
|
|
300
|
-
console.warn(`Error processing custom class "${
|
|
303
|
+
console.warn(`Error processing custom class "${n}":`, p);
|
|
301
304
|
}
|
|
302
305
|
try {
|
|
303
306
|
const p = this.processShorthand(
|
|
304
307
|
c,
|
|
305
|
-
|
|
308
|
+
r,
|
|
306
309
|
h,
|
|
307
310
|
l,
|
|
308
311
|
u,
|
|
309
|
-
|
|
310
|
-
|
|
312
|
+
a,
|
|
313
|
+
i
|
|
311
314
|
);
|
|
312
315
|
if (p) {
|
|
313
|
-
const { className: f, cssRules: y, value:
|
|
316
|
+
const { className: f, cssRules: y, value: o, prefix: A } = p;
|
|
314
317
|
if (!y || y === "null") continue;
|
|
315
|
-
|
|
318
|
+
e.push({
|
|
316
319
|
className: this.escapeCSSSelector(f),
|
|
317
320
|
cssRules: y,
|
|
318
|
-
value:
|
|
319
|
-
prefix:
|
|
320
|
-
raw: [...
|
|
321
|
+
value: o,
|
|
322
|
+
prefix: A,
|
|
323
|
+
raw: [...i, this.constructRaw(l, c, r, h, u, a)]
|
|
321
324
|
});
|
|
322
325
|
}
|
|
323
326
|
} catch (p) {
|
|
324
|
-
console.warn(`Error processing shorthand "${
|
|
327
|
+
console.warn(`Error processing shorthand "${n}":`, p);
|
|
325
328
|
}
|
|
326
|
-
} catch (
|
|
327
|
-
console.warn(`Failed to process class \`${
|
|
329
|
+
} catch (i) {
|
|
330
|
+
console.warn(`Failed to process class \`${n}\`:`, i);
|
|
328
331
|
}
|
|
329
|
-
return
|
|
332
|
+
return e;
|
|
330
333
|
} catch (s) {
|
|
331
334
|
return console.error("Critical error in process method:", s), [];
|
|
332
335
|
}
|
package/dist/index.iife.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __tenoxui_moxie__=function(m){"use strict";var _=Object.defineProperty;var
|
|
1
|
+
var __tenoxui_moxie__=function(m){"use strict";var _=Object.defineProperty;var P=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var R=(m,d,C)=>d in m?_(m,d,{enumerable:!0,configurable:!0,writable:!0,value:C}):m[d]=C,S=(m,d)=>{for(var C in d||(d={}))j.call(d,C)&&R(m,C,d[C]);if(P)for(var C of P(d))V.call(d,C)&&R(m,C,d[C]);return m};class d{constructor({property:t={},values:s={},classes:e={},prefixChars:n=[]}={}){this.property=S({moxie:({key:i,secondValue:l})=>l?null:i},t),this.values=s,this.classes=e,this.prefixChars=n.map(this.escapeRegex)}toKebabCase(t){if(/^(webkit|moz|ms|o)[A-Z]/.test(t)){const s=t.match(/^(webkit|moz|ms|o)/);if(s){const e=s[0];return`-${e}${t.slice(e.length).replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}`}}return t.replace(/[A-Z]/g,s=>`-${s.toLowerCase()}`)}escapeCSSSelector(t){return t.replace(/^(\d)/,"\\3$1 ").replace(/([#{}.:;?%&,@+*~'"!^$[\]()=>|/])/g,"\\$1")}escapeRegex(t){return t.replace(/[.*+?^${}()|[\]\\/\\-]/g,"\\$&")}getAllClassNames(t){if(!t)return[];const s=new Set;return Object.entries(t).forEach(([e,n])=>{n&&typeof n=="object"&&Object.keys(n).forEach(i=>{s.add(i)})}),Array.from(s)}getTypePrefixes(t=[]){const s=this.classes,e=Object.keys(this.property);if(!s)return[...e,...t].sort((l,c)=>c.length-l.length);const i=[...this.getAllClassNames(s)];return[...e,...i,...t].sort((l,c)=>c.length-l.length)}regexp(t){const s=this.getTypePrefixes(t).map(this.escapeRegex).join("|"),e="\\[[^\\]]+\\]",n="\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)",i="\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}",l=`[${["a-zA-Z0-9_\\-",...this.prefixChars].join("")}]`,c=l+"+|"+l+"+(?:-(?:"+e+"|"+n+"|"+i+"))|"+l+"+(?:-(?:"+e+"|"+n+"|"+i+"))?(?:\\/[a-zA-Z0-9_\\-]+)|"+e+"|"+n+"|"+i,r=`(${s}|\\[[^\\]]+\\])`,h="(?:-)",u="(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+e+"|"+i+"|"+n+"|(?:\\$[^\\s\\/]+))",a="([a-zA-Z%]*)",A="(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+e+"|"+i+"|"+n+"|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";return{prefix:c,type:r,separator:h,value:u,unit:a,secondValuePattern:A,all:"^(?:("+c+"):)?"+r+h+u+a+A+"$"}}parse(t,s){const e=this.regexp(s),n=t.match(new RegExp(e.all));if(n){const[,l,c,r,h,u,a]=n;return[l,c,r,h||"",u,a]}const i=t.match(new RegExp(`^(?:(${e.prefix}):)?${e.type}$`));return i?[i[1],i[2],"","",void 0,void 0]:null}constructRaw(t,s,e,n,i,l){return`${t?`${t}:`:""}${s}${e?"-":""}${e}${n}${i?`/${i}${l}`:""}`}processValue(t,s,e){if(!t)return"";const n=i=>i.replace(/\{([^}]+)\}/g,(l,c)=>{const r=this.values,h=r!==null?typeof r[e]=="object"?r[e][c]:r[c]:void 0;return typeof h=="string"?h:l});if(typeof this.values=="object"&&this.values!==null&&(this.values[e]&&typeof this.values[e]=="object"&&this.values[e][t]||this.values[t]))return typeof this.values[e]=="object"&&this.values[e]!==null?this.values[e][t]:this.values[t];if(t.startsWith("$"))return`var(--${t.slice(1)})`;if(t.startsWith("[")&&t.endsWith("]")||t.startsWith("(")&&t.endsWith(")")){const i=t.slice(1,-1).replace(/\\\_/g,"m0x13c55").replace(/\_/g," ").replace(/m0x13c55/g,"_");return i.includes("{")?n(i):i.startsWith("--")?`var(${i})`:i}return t+(s||"")}processShorthand(t="",s="",e="",n,i="",l="",c){const r=this.property[t];if(typeof r=="object"&&!Array.isArray(r)&&!("property"in r))return null;const h=/^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;let u=null,a=s||"";const A=a.match(h);if(A&&(u=A[1].trim(),a=A[2].trim()),(typeof r=="string"&&!r.includes(":")||Array.isArray(r))&&(!s||s.includes(u+":")||i))return null;let p;s.includes(u+":")?p=s.startsWith("(")?`(${a})`:`[${a}]`:p=s;const f=this.processValue(p,e,t),y=this.processValue(i,l,t);if(t.startsWith("[")&&t.endsWith("]")){if(!s||i)return null;const o=t.slice(1,-1).split(",").map(b=>b.trim().startsWith("--")?String(b.trim()):this.toKebabCase(String(b.trim())));return{className:this.constructRaw(n,t,s,e),cssRules:o.length===1?o[0]:o,value:f,prefix:n}}if(r){if(typeof r=="object"&&"property"in r){const b=r.group&&this.values[r.group][f]?this.values[r.group][f]:e?s:f,$=typeof r.property=="function"?r.property({value:s.startsWith("[")?f:b,unit:s.startsWith("[")?"":e,secondValue:s.startsWith("[")?"":l?i:y,secondUnit:s.startsWith("[")?"":l,key:u,raw:c}):r.property,g=r.value||"{0}";let x;if(typeof g=="function")x=g({value:b,unit:e,secondValue:l?i:y,secondUnit:l,key:u,raw:c});else if(typeof g=="string"){const W=r.group||t,w=this.processValue(p,e,W);this.values[W]&&typeof this.values[W]=="object"&&this.values[W][p]?x=this.values[W][p]:g.includes("{")?x=this.parseValuePattern(W,g,w,"",y,""):typeof g=="string"&&!g.includes("{")?x=g:x=f}else if(Array.isArray(g)){if(!g.includes(s+e)||i)return null;x=s+e}else x=null;return(typeof r.property=="string"||Array.isArray(r.property))&&typeof g=="string"&&(s.includes(u+":")||!g.includes("{1")&&i)||(typeof r.property=="string"||Array.isArray(r.property))&&g===null||typeof r.property=="string"&&r.property.includes(":")&&s||(typeof r.property=="string"||Array.isArray(r.property))&&typeof r.value=="string"&&!r.value.includes("{")&&s?null:{className:this.constructRaw(n,t,s,e,i,l),cssRules:$?Array.isArray($)?$:typeof $=="string"&&($.includes(":")||$.includes("value:"))?$.includes("value:")?$.slice(6):this.toKebabCase(String($)):this.toKebabCase(String($)):null,value:g===null||$===null||$.includes(":")||$.includes("value:")?null:s.startsWith("[")?f:x,prefix:n}}const o=typeof r=="function"?r({value:s.startsWith("[")?f:e?s:f,unit:s.startsWith("[")?"":e,secondValue:s.startsWith("[")?"":l?i:y,secondUnit:s.startsWith("[")?"":l,key:u,raw:c}):r;return{className:this.constructRaw(n,t,s,e,i,l),cssRules:o?Array.isArray(r)?o:typeof o=="string"&&(o.includes(":")||o.startsWith("value:"))?o.startsWith("value:")?o.slice(6):this.toKebabCase(String(o)):this.toKebabCase(String(o)):null,value:typeof o=="string"&&o.includes(":")?null:f,prefix:n}}return null}parseValuePattern(t,s,e,n,i,l){if(!s.includes("{0}")&&!s.includes("{1")&&!s.includes("||"))return s;const[c,r]=s.split("||").map(a=>a.trim()),h=this.processValue(e,n,t),u=this.processValue(i,l,t);if(s.includes("{0}")&&s.includes("{1")||s.includes("{1")){let a=c;if(e&&(a=a.replace(/\{0\}/g,h)),s.includes("{1")){s.includes("{1}")&&(i?a=i.startsWith("[")?u:a.replace(/\{1\}/g,u):a=r||c);const A=/\{1([^}]*)\}/g;let p;for(;(p=A.exec(a))!==null;){const f=p[0],y=p[1].trim();let o=u;!o&&y.includes("|")?o=y.split("|")[1].trim():o||(o=""),a=e.startsWith("[")?h:a.replace(f,o)}}return e?a:r||c}else return e?e.startsWith("[")?h:c.replace(/\{0\}/g,h):r||c}getParentClass(t){return Object.keys(this.classes).filter(s=>Object.prototype.hasOwnProperty.call(this.classes[s],t))}processCustomClass(t,s="",e="",n="",i="",l=""){if(!t)return null;const c=this.getParentClass(t),r=s&&t.endsWith(`-${s}${e}`);if(c.length>0){const h=c.map(u=>{const a=this.classes[u];if(!a||s&&!r&&a[t]&&!a[t].includes("{0}")&&!a[t].includes("|"))return null;const A=this.parseValuePattern(t,a[t]||"",s,e,i,l);return`${this.toKebabCase(String(u))}: ${A}`}).filter(Boolean).join("; ");return{className:r?t:this.constructRaw(n,t,s,e,i,l),cssRules:h,value:null,prefix:n}}return null}process(t){try{const s=Array.isArray(t)?t:t.split(/\s+/),e=[];for(const n of s)try{if(!n)continue;const i=this.parse(n);if(!i)continue;const[l,c,r,h,u,a]=i;if(!c)continue;const A=this.getParentClass(`${c}-${r}`).length>0?`${c}-${r}`:c;try{const p=this.processCustomClass(A,r,h,l,u,a);if(p){const{className:f,cssRules:y,prefix:o}=p;if(!y||y==="null")continue;e.push({className:this.escapeCSSSelector(f),cssRules:y,value:null,prefix:o,raw:[...i,this.constructRaw(o,c,r,h,u,a)]});continue}}catch(p){console.warn(`Error processing custom class "${n}":`,p)}try{const p=this.processShorthand(c,r,h,l,u,a,i);if(p){const{className:f,cssRules:y,value:o,prefix:b}=p;if(!y||y==="null")continue;e.push({className:this.escapeCSSSelector(f),cssRules:y,value:o,prefix:b,raw:[...i,this.constructRaw(l,c,r,h,u,a)]})}}catch(p){console.warn(`Error processing shorthand "${n}":`,p)}}catch(i){console.warn(`Failed to process class \`${n}\`:`,i)}return e}catch(s){return console.error("Critical error in process method:",s),[]}}}return m.TenoxUI=d,m.default=d,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),m}({});
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(d,f){typeof exports=="object"&&typeof module!="undefined"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(d=typeof globalThis!="undefined"?globalThis:d||self,f(d.__tenoxui_moxie__={}))})(this,function(d){"use strict";var _=Object.defineProperty;var P=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var
|
|
1
|
+
(function(d,f){typeof exports=="object"&&typeof module!="undefined"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(d=typeof globalThis!="undefined"?globalThis:d||self,f(d.__tenoxui_moxie__={}))})(this,function(d){"use strict";var _=Object.defineProperty;var P=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var R=(d,f,C)=>f in d?_(d,f,{enumerable:!0,configurable:!0,writable:!0,value:C}):d[f]=C,S=(d,f)=>{for(var C in f||(f={}))j.call(f,C)&&R(d,C,f[C]);if(P)for(var C of P(f))V.call(f,C)&&R(d,C,f[C]);return d};class f{constructor({property:t={},values:e={},classes:s={},prefixChars:n=[]}={}){this.property=S({moxie:({key:i,secondValue:l})=>l?null:i},t),this.values=e,this.classes=s,this.prefixChars=n.map(this.escapeRegex)}toKebabCase(t){if(/^(webkit|moz|ms|o)[A-Z]/.test(t)){const e=t.match(/^(webkit|moz|ms|o)/);if(e){const s=e[0];return`-${s}${t.slice(s.length).replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}`}}return t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}escapeCSSSelector(t){return t.replace(/^(\d)/,"\\3$1 ").replace(/([#{}.:;?%&,@+*~'"!^$[\]()=>|/])/g,"\\$1")}escapeRegex(t){return t.replace(/[.*+?^${}()|[\]\\/\\-]/g,"\\$&")}getAllClassNames(t){if(!t)return[];const e=new Set;return Object.entries(t).forEach(([s,n])=>{n&&typeof n=="object"&&Object.keys(n).forEach(i=>{e.add(i)})}),Array.from(e)}getTypePrefixes(t=[]){const e=this.classes,s=Object.keys(this.property);if(!e)return[...s,...t].sort((l,o)=>o.length-l.length);const i=[...this.getAllClassNames(e)];return[...s,...i,...t].sort((l,o)=>o.length-l.length)}regexp(t){const e=this.getTypePrefixes(t).map(this.escapeRegex).join("|"),s="\\[[^\\]]+\\]",n="\\([^()]*(?:\\([^()]*\\)[^()]*)*\\)",i="\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\}",l=`[${["a-zA-Z0-9_\\-",...this.prefixChars].join("")}]`,o=l+"+|"+l+"+(?:-(?:"+s+"|"+n+"|"+i+"))|"+l+"+(?:-(?:"+s+"|"+n+"|"+i+"))?(?:\\/[a-zA-Z0-9_\\-]+)|"+s+"|"+n+"|"+i,r=`(${e}|\\[[^\\]]+\\])`,h="(?:-)",u="(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+s+"|"+i+"|"+n+"|(?:\\$[^\\s\\/]+))",c="([a-zA-Z%]*)",A="(?:\\/(-?(?:\\d+(?:\\.\\d+)?)|(?:[a-zA-Z0-9_]+(?:-[a-zA-Z0-9_]+)*(?:-[a-zA-Z0-9_]+)*)|(?:#[0-9a-fA-F]+)|"+s+"|"+i+"|"+n+"|(?:\\$[^\\s\\/]+))([a-zA-Z%]*))?";return{prefix:o,type:r,separator:h,value:u,unit:c,secondValuePattern:A,all:"^(?:("+o+"):)?"+r+h+u+c+A+"$"}}parse(t,e){const s=this.regexp(e),n=t.match(new RegExp(s.all));if(n){const[,l,o,r,h,u,c]=n;return[l,o,r,h||"",u,c]}const i=t.match(new RegExp(`^(?:(${s.prefix}):)?${s.type}$`));return i?[i[1],i[2],"","",void 0,void 0]:null}constructRaw(t,e,s,n,i,l){return`${t?`${t}:`:""}${e}${s?"-":""}${s}${n}${i?`/${i}${l}`:""}`}processValue(t,e,s){if(!t)return"";const n=i=>i.replace(/\{([^}]+)\}/g,(l,o)=>{const r=this.values,h=r!==null?typeof r[s]=="object"?r[s][o]:r[o]:void 0;return typeof h=="string"?h:l});if(typeof this.values=="object"&&this.values!==null&&(this.values[s]&&typeof this.values[s]=="object"&&this.values[s][t]||this.values[t]))return typeof this.values[s]=="object"&&this.values[s]!==null?this.values[s][t]:this.values[t];if(t.startsWith("$"))return`var(--${t.slice(1)})`;if(t.startsWith("[")&&t.endsWith("]")||t.startsWith("(")&&t.endsWith(")")){const i=t.slice(1,-1).replace(/\\\_/g,"m0x13c55").replace(/\_/g," ").replace(/m0x13c55/g,"_");return i.includes("{")?n(i):i.startsWith("--")?`var(${i})`:i}return t+(e||"")}processShorthand(t="",e="",s="",n,i="",l="",o){const r=this.property[t];if(typeof r=="object"&&!Array.isArray(r)&&!("property"in r))return null;const h=/^(?:\(|\[)([^:]+):(.+)(?:\)|\])$/;let u=null,c=e||"";const A=c.match(h);if(A&&(u=A[1].trim(),c=A[2].trim()),(typeof r=="string"&&!r.includes(":")||Array.isArray(r))&&(!e||e.includes(u+":")||i))return null;let p;e.includes(u+":")?p=e.startsWith("(")?`(${c})`:`[${c}]`:p=e;const y=this.processValue(p,s,t),g=this.processValue(i,l,t);if(t.startsWith("[")&&t.endsWith("]")){if(!e||i)return null;const a=t.slice(1,-1).split(",").map(b=>b.trim().startsWith("--")?String(b.trim()):this.toKebabCase(String(b.trim())));return{className:this.constructRaw(n,t,e,s),cssRules:a.length===1?a[0]:a,value:y,prefix:n}}if(r){if(typeof r=="object"&&"property"in r){const b=r.group&&this.values[r.group][y]?this.values[r.group][y]:s?e:y,m=typeof r.property=="function"?r.property({value:e.startsWith("[")?y:b,unit:e.startsWith("[")?"":s,secondValue:e.startsWith("[")?"":l?i:g,secondUnit:e.startsWith("[")?"":l,key:u,raw:o}):r.property,$=r.value||"{0}";let x;if(typeof $=="function")x=$({value:b,unit:s,secondValue:l?i:g,secondUnit:l,key:u,raw:o});else if(typeof $=="string"){const W=r.group||t,w=this.processValue(p,s,W);this.values[W]&&typeof this.values[W]=="object"&&this.values[W][p]?x=this.values[W][p]:$.includes("{")?x=this.parseValuePattern(W,$,w,"",g,""):typeof $=="string"&&!$.includes("{")?x=$:x=y}else if(Array.isArray($)){if(!$.includes(e+s)||i)return null;x=e+s}else x=null;return(typeof r.property=="string"||Array.isArray(r.property))&&typeof $=="string"&&(e.includes(u+":")||!$.includes("{1")&&i)||(typeof r.property=="string"||Array.isArray(r.property))&&$===null||typeof r.property=="string"&&r.property.includes(":")&&e||(typeof r.property=="string"||Array.isArray(r.property))&&typeof r.value=="string"&&!r.value.includes("{")&&e?null:{className:this.constructRaw(n,t,e,s,i,l),cssRules:m?Array.isArray(m)?m:typeof m=="string"&&(m.includes(":")||m.includes("value:"))?m.includes("value:")?m.slice(6):this.toKebabCase(String(m)):this.toKebabCase(String(m)):null,value:$===null||m===null||m.includes(":")||m.includes("value:")?null:e.startsWith("[")?y:x,prefix:n}}const a=typeof r=="function"?r({value:e.startsWith("[")?y:s?e:y,unit:e.startsWith("[")?"":s,secondValue:e.startsWith("[")?"":l?i:g,secondUnit:e.startsWith("[")?"":l,key:u,raw:o}):r;return{className:this.constructRaw(n,t,e,s,i,l),cssRules:a?Array.isArray(r)?a:typeof a=="string"&&(a.includes(":")||a.startsWith("value:"))?a.startsWith("value:")?a.slice(6):this.toKebabCase(String(a)):this.toKebabCase(String(a)):null,value:typeof a=="string"&&a.includes(":")?null:y,prefix:n}}return null}parseValuePattern(t,e,s,n,i,l){if(!e.includes("{0}")&&!e.includes("{1")&&!e.includes("||"))return e;const[o,r]=e.split("||").map(c=>c.trim()),h=this.processValue(s,n,t),u=this.processValue(i,l,t);if(e.includes("{0}")&&e.includes("{1")||e.includes("{1")){let c=o;if(s&&(c=c.replace(/\{0\}/g,h)),e.includes("{1")){e.includes("{1}")&&(i?c=i.startsWith("[")?u:c.replace(/\{1\}/g,u):c=r||o);const A=/\{1([^}]*)\}/g;let p;for(;(p=A.exec(c))!==null;){const y=p[0],g=p[1].trim();let a=u;!a&&g.includes("|")?a=g.split("|")[1].trim():a||(a=""),c=s.startsWith("[")?h:c.replace(y,a)}}return s?c:r||o}else return s?s.startsWith("[")?h:o.replace(/\{0\}/g,h):r||o}getParentClass(t){return Object.keys(this.classes).filter(e=>Object.prototype.hasOwnProperty.call(this.classes[e],t))}processCustomClass(t,e="",s="",n="",i="",l=""){if(!t)return null;const o=this.getParentClass(t),r=e&&t.endsWith(`-${e}${s}`);if(o.length>0){const h=o.map(u=>{const c=this.classes[u];if(!c||e&&!r&&c[t]&&!c[t].includes("{0}")&&!c[t].includes("|"))return null;const A=this.parseValuePattern(t,c[t]||"",e,s,i,l);return`${this.toKebabCase(String(u))}: ${A}`}).filter(Boolean).join("; ");return{className:r?t:this.constructRaw(n,t,e,s,i,l),cssRules:h,value:null,prefix:n}}return null}process(t){try{const e=Array.isArray(t)?t:t.split(/\s+/),s=[];for(const n of e)try{if(!n)continue;const i=this.parse(n);if(!i)continue;const[l,o,r,h,u,c]=i;if(!o)continue;const A=this.getParentClass(`${o}-${r}`).length>0?`${o}-${r}`:o;try{const p=this.processCustomClass(A,r,h,l,u,c);if(p){const{className:y,cssRules:g,prefix:a}=p;if(!g||g==="null")continue;s.push({className:this.escapeCSSSelector(y),cssRules:g,value:null,prefix:a,raw:[...i,this.constructRaw(a,o,r,h,u,c)]});continue}}catch(p){console.warn(`Error processing custom class "${n}":`,p)}try{const p=this.processShorthand(o,r,h,l,u,c,i);if(p){const{className:y,cssRules:g,value:a,prefix:b}=p;if(!g||g==="null")continue;s.push({className:this.escapeCSSSelector(y),cssRules:g,value:a,prefix:b,raw:[...i,this.constructRaw(l,o,r,h,u,c)]})}}catch(p){console.warn(`Error processing shorthand "${n}":`,p)}}catch(i){console.warn(`Failed to process class \`${n}\`:`,i)}return s}catch(e){return console.error("Critical error in process method:",e),[]}}}d.TenoxUI=f,d.default=f,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|