@tbela99/css-parser 0.5.3 → 0.5.4

package/dist/index-umd-web.js

@@ -7201,11 +7201,17 @@
                     const rule = ast.chi[i];
                     if (!rule.sel.includes('&')) {
                         const selRule = splitRule(rule.sel);
-                        selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(ast.sel) : arr.unshift(ast.sel, ' '));
-                        rule.sel = selRule.reduce((acc, curr) => {
-                            acc.push(curr.join(''));
-                            return acc;
-                        }, []).join(',');
+                        if (selRule.length > 1) {
+                            const r = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
+                            rule.sel = splitRule(ast.sel).reduce((a, b) => a.concat([b.join('') + r]), []).join(',');
+                        }
+                        else {
+                            selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(ast.sel) : arr.unshift(ast.sel, ' '));
+                            rule.sel = selRule.reduce((acc, curr) => {
+                                acc.push(curr.join(''));
+                                return acc;
+                            }, []).join(',');
+                        }
                     }
                     else {
                         rule.sel = replaceCompound(rule.sel, ast.sel);

package/dist/index.cjs

@@ -7199,11 +7199,17 @@ function expandRule(node) {
                 const rule = ast.chi[i];
                 if (!rule.sel.includes('&')) {
                     const selRule = splitRule(rule.sel);
-                    selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(ast.sel) : arr.unshift(ast.sel, ' '));
-                    rule.sel = selRule.reduce((acc, curr) => {
-                        acc.push(curr.join(''));
-                        return acc;
-                    }, []).join(',');
+                    if (selRule.length > 1) {
+                        const r = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
+                        rule.sel = splitRule(ast.sel).reduce((a, b) => a.concat([b.join('') + r]), []).join(',');
+                    }
+                    else {
+                        selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(ast.sel) : arr.unshift(ast.sel, ' '));
+                        rule.sel = selRule.reduce((acc, curr) => {
+                            acc.push(curr.join(''));
+                            return acc;
+                        }, []).join(',');
+                    }
                 }
                 else {
                     rule.sel = replaceCompound(rule.sel, ast.sel);

package/dist/lib/ast/expand.js

@@ -58,11 +58,17 @@ function expandRule(node) {
                 const rule = ast.chi[i];
                 if (!rule.sel.includes('&')) {
                     const selRule = splitRule(rule.sel);
-                    selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(ast.sel) : arr.unshift(ast.sel, ' '));
-                    rule.sel = selRule.reduce((acc, curr) => {
-                        acc.push(curr.join(''));
-                        return acc;
-                    }, []).join(',');
+                    if (selRule.length > 1) {
+                        const r = ':is(' + selRule.map(a => a.join('')).join(',') + ')';
+                        rule.sel = splitRule(ast.sel).reduce((a, b) => a.concat([b.join('') + r]), []).join(',');
+                    }
+                    else {
+                        selRule.forEach(arr => combinators.includes(arr[0].charAt(0)) ? arr.unshift(ast.sel) : arr.unshift(ast.sel, ' '));
+                        rule.sel = selRule.reduce((acc, curr) => {
+                            acc.push(curr.join(''));
+                            return acc;
+                        }, []).join(',');
+                    }
                 }
                 else {
                     rule.sel = replaceCompound(rule.sel, ast.sel);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "exports": {
     ".": "./dist/node/index.js",
     "./umd": "./dist/index-umd-web.js",

package/syntax.md

@@ -1,62 +0,0 @@
-
-- postfix (+|?|*)
-
-- Expression
-- Statement
-- Literals
-- Unary Expression
-- Binary Expressions
-- Parentheses
-
-Grammar
-
-```text
-expression     → literal
-                | unary
-                | binary
-                | grouping ;
-
-literal        → NUMBER | STRING | "true" | "false" | "nil" ;
-grouping       → "(" expression ")" ;
-unary          → ( "-" | "!" ) expression ;
-binary         → expression operator expression ;
-operator       → "==" | "!=" | "<" | "<=" | ">" | ">=" | "+"  | "-"  | "*" | "/" ;
-```
-
-Syntax tree
-
-```text
-// https://developer.mozilla.org/en-US/docs/Web/CSS/Value_definition_syntax#question_mark
-
-syntax: "keyword | <'property'> | <function>"
-syntax: "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards"
-syntax: "none | [ [<dashed-ident> || <try-tactic>] | inset-area( <'inset-area'> ) ]#"
-syntax: "snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )"
-syntax: "[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#"
-syntax: "<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?
-syntax: "[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]"
-syntax: "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar"
-syntax: "false | true"
-```
-
-||: at least one option must appear in any order each component appears at most once. example border property <'border-width'> || <'border-style'> || <'border-color'>
-
-|: exclusive options. at least one must be present
-
-&&: tokens appear in any order
-
-juxtaposition: space separated and exact order
-
-*: postfix. the entity appears 0 or many times
-
-+: postfix. apppears at least once.
-
-{a,b}: postfix. appears at least A, at most B.
-
-#: postfix, repeated one or more times, separated by comma ','
-
-!: postfix. the group is required and must produce at least one value.
-
-
-| -> []
-| -> []