@master/css 2.0.0-rc.61 → 2.0.0-rc.63

package/dist/rule-node.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-class Rule {
-    name;
-    nodes;
-    constructor(name, nodes = []){
-        this.name = name;
-        this.nodes = nodes;
-    }
-    get key() {
-        return this.name;
-    }
-    get text() {
-        return this.nodes.map(({ text })=>text).join('');
-    }
-}
-
-exports.Rule = Rule;

package/dist/rule-node.d.ts

@@ -1,14 +0,0 @@
-export declare class Rule {
-    readonly name: string;
-    nodes: RuleNode[];
-    constructor(name: string, nodes?: RuleNode[]);
-    get key(): string;
-    get text(): string;
-}
-export interface RuleNode {
-    text: string;
-    selectorText?: string;
-    native?: CSSRule;
-    suffixSelectors?: string[];
-    prefixSelectors?: string[];
-}

package/dist/rule-node.mjs

@@ -1,16 +0,0 @@
-class Rule {
-    name;
-    nodes;
-    constructor(name, nodes = []){
-        this.name = name;
-        this.nodes = nodes;
-    }
-    get key() {
-        return this.name;
-    }
-    get text() {
-        return this.nodes.map(({ text })=>text).join('');
-    }
-}
-
-export { Rule };

package/dist/utils/are-rule-at-equal.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-function areRuleAtEqual(a, b) {
-    const compare = (aList, bList)=>{
-        const aResolved = (aList ?? []).map(a.resolveAtComponent);
-        const bResolved = (bList ?? []).map(b.resolveAtComponent);
-        return aResolved.length === bResolved.length && aResolved.every((val)=>bResolved.includes(val)) && bResolved.every((val)=>aResolved.includes(val));
-    };
-    return compare(a.mediaAtComponents, b.mediaAtComponents) && compare(a.supportsAtComponents, b.supportsAtComponents) && compare(a.containerAtComponents, b.containerAtComponents) && compare(a.layerAtComponents, b.layerAtComponents);
-}
-
-module.exports = areRuleAtEqual;

package/dist/utils/are-rule-at-equal.d.ts

@@ -1,2 +0,0 @@
-import type { SyntaxRule } from '../syntax-rule';
-export default function areRuleAtEqual(a: SyntaxRule, b: SyntaxRule): boolean;

package/dist/utils/are-rule-at-equal.mjs

@@ -1,10 +0,0 @@
-function areRuleAtEqual(a, b) {
-    const compare = (aList, bList)=>{
-        const aResolved = (aList ?? []).map(a.resolveAtComponent);
-        const bResolved = (bList ?? []).map(b.resolveAtComponent);
-        return aResolved.length === bResolved.length && aResolved.every((val)=>bResolved.includes(val)) && bResolved.every((val)=>aResolved.includes(val));
-    };
-    return compare(a.mediaAtComponents, b.mediaAtComponents) && compare(a.supportsAtComponents, b.supportsAtComponents) && compare(a.containerAtComponents, b.containerAtComponents) && compare(a.layerAtComponents, b.layerAtComponents);
-}
-
-export { areRuleAtEqual as default };

package/dist/utils/are-rule-modes-equal.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-function areRuleModesEqual(aSyntaxRule, bSyntaxRule) {
-    return aSyntaxRule.mode === bSyntaxRule.mode;
-}
-
-module.exports = areRuleModesEqual;

package/dist/utils/are-rule-modes-equal.d.ts

@@ -1,2 +0,0 @@
-import type { SyntaxRule } from '../syntax-rule';
-export default function areRuleModesEqual(aSyntaxRule: SyntaxRule, bSyntaxRule: SyntaxRule): boolean;

package/dist/utils/are-rule-modes-equal.mjs

@@ -1,5 +0,0 @@
-function areRuleModesEqual(aSyntaxRule, bSyntaxRule) {
-    return aSyntaxRule.mode === bSyntaxRule.mode;
-}
-
-export { areRuleModesEqual as default };

package/dist/utils/are-rule-selectors-equal.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-function areRuleSelectorsEqual(aSyntaxRule, bSyntaxRule) {
-    // suffix
-    const aVendorSuffixSelectorKeys = aSyntaxRule.vendorSuffixSelectors ? Object.keys(aSyntaxRule.vendorSuffixSelectors) : [];
-    const bVendorSuffixSelectorKeys = bSyntaxRule.vendorSuffixSelectors ? Object.keys(bSyntaxRule.vendorSuffixSelectors) : [];
-    if (aVendorSuffixSelectorKeys.length !== bVendorSuffixSelectorKeys.length) return false;
-    const isSameVendorSuffixSelectors = aVendorSuffixSelectorKeys.every((eachAKey)=>{
-        if (!Object.prototype.hasOwnProperty.call(bSyntaxRule.vendorSuffixSelectors, eachAKey)) return false;
-        const aValues = aSyntaxRule.vendorSuffixSelectors[eachAKey];
-        const bValues = bSyntaxRule.vendorSuffixSelectors[eachAKey];
-        return aValues.length === bValues.length && aValues.every((eachAValue)=>bValues.includes(eachAValue));
-    });
-    if (!isSameVendorSuffixSelectors) return false;
-    // prefix
-    const aVendorPrefixSelectorKeys = aSyntaxRule.vendorPrefixSelectors ? Object.keys(aSyntaxRule.vendorPrefixSelectors) : [];
-    const bVendorPrefixSelectorKeys = bSyntaxRule.vendorPrefixSelectors ? Object.keys(bSyntaxRule.vendorPrefixSelectors) : [];
-    if (aVendorPrefixSelectorKeys.length !== bVendorPrefixSelectorKeys.length) return false;
-    const isSameVendorPrefixSelectors = aVendorPrefixSelectorKeys.every((eachAKey)=>{
-        if (!Object.prototype.hasOwnProperty.call(bSyntaxRule.vendorPrefixSelectors, eachAKey)) return false;
-        const aValues = aSyntaxRule.vendorPrefixSelectors?.[eachAKey] || [];
-        const bValues = bSyntaxRule.vendorPrefixSelectors?.[eachAKey] || [];
-        return aValues.length === bValues.length && aValues.every((eachAValue)=>bValues.includes(eachAValue));
-    });
-    if (!isSameVendorPrefixSelectors) return false;
-    return true;
-}
-
-module.exports = areRuleSelectorsEqual;

package/dist/utils/are-rule-selectors-equal.d.ts

@@ -1,2 +0,0 @@
-import type { SyntaxRule } from '../syntax-rule';
-export default function areRuleSelectorsEqual(aSyntaxRule: SyntaxRule, bSyntaxRule: SyntaxRule): boolean;

package/dist/utils/are-rule-selectors-equal.mjs

@@ -1,27 +0,0 @@
-function areRuleSelectorsEqual(aSyntaxRule, bSyntaxRule) {
-    // suffix
-    const aVendorSuffixSelectorKeys = aSyntaxRule.vendorSuffixSelectors ? Object.keys(aSyntaxRule.vendorSuffixSelectors) : [];
-    const bVendorSuffixSelectorKeys = bSyntaxRule.vendorSuffixSelectors ? Object.keys(bSyntaxRule.vendorSuffixSelectors) : [];
-    if (aVendorSuffixSelectorKeys.length !== bVendorSuffixSelectorKeys.length) return false;
-    const isSameVendorSuffixSelectors = aVendorSuffixSelectorKeys.every((eachAKey)=>{
-        if (!Object.prototype.hasOwnProperty.call(bSyntaxRule.vendorSuffixSelectors, eachAKey)) return false;
-        const aValues = aSyntaxRule.vendorSuffixSelectors[eachAKey];
-        const bValues = bSyntaxRule.vendorSuffixSelectors[eachAKey];
-        return aValues.length === bValues.length && aValues.every((eachAValue)=>bValues.includes(eachAValue));
-    });
-    if (!isSameVendorSuffixSelectors) return false;
-    // prefix
-    const aVendorPrefixSelectorKeys = aSyntaxRule.vendorPrefixSelectors ? Object.keys(aSyntaxRule.vendorPrefixSelectors) : [];
-    const bVendorPrefixSelectorKeys = bSyntaxRule.vendorPrefixSelectors ? Object.keys(bSyntaxRule.vendorPrefixSelectors) : [];
-    if (aVendorPrefixSelectorKeys.length !== bVendorPrefixSelectorKeys.length) return false;
-    const isSameVendorPrefixSelectors = aVendorPrefixSelectorKeys.every((eachAKey)=>{
-        if (!Object.prototype.hasOwnProperty.call(bSyntaxRule.vendorPrefixSelectors, eachAKey)) return false;
-        const aValues = aSyntaxRule.vendorPrefixSelectors?.[eachAKey] || [];
-        const bValues = bSyntaxRule.vendorPrefixSelectors?.[eachAKey] || [];
-        return aValues.length === bValues.length && aValues.every((eachAValue)=>bValues.includes(eachAValue));
-    });
-    if (!isSameVendorPrefixSelectors) return false;
-    return true;
-}
-
-export { areRuleSelectorsEqual as default };

package/dist/utils/are-rule-states-equal.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var areRuleSelectorsEqual = require('./are-rule-selectors-equal.cjs');
-var areRuleModesEqual = require('./are-rule-modes-equal.cjs');
-var areRuleAtEqual = require('./are-rule-at-equal.cjs');
-
-function areRuleStatesEqual(aSyntaxRule, bSyntaxRule) {
-    return areRuleSelectorsEqual(aSyntaxRule, bSyntaxRule) && areRuleModesEqual(aSyntaxRule, bSyntaxRule) && areRuleAtEqual(aSyntaxRule, bSyntaxRule);
-}
-
-module.exports = areRuleStatesEqual;

package/dist/utils/are-rule-states-equal.d.ts

@@ -1,2 +0,0 @@
-import type { SyntaxRule } from '../syntax-rule';
-export default function areRuleStatesEqual(aSyntaxRule: SyntaxRule, bSyntaxRule: SyntaxRule): boolean;

package/dist/utils/are-rule-states-equal.mjs

@@ -1,9 +0,0 @@
-import areRuleSelectorsEqual from './are-rule-selectors-equal.mjs';
-import areRuleModesEqual from './are-rule-modes-equal.mjs';
-import areRuleAtEqual from './are-rule-at-equal.mjs';
-
-function areRuleStatesEqual(aSyntaxRule, bSyntaxRule) {
-    return areRuleSelectorsEqual(aSyntaxRule, bSyntaxRule) && areRuleModesEqual(aSyntaxRule, bSyntaxRule) && areRuleAtEqual(aSyntaxRule, bSyntaxRule);
-}
-
-export { areRuleStatesEqual as default };

package/dist/utils/are-rules-duplicated.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-function areRulesDuplicated(aSyntaxRule, bSyntaxRule) {
-    const aKeys = Object.keys(aSyntaxRule.declarations || {});
-    const bKeys = Object.keys(bSyntaxRule.declarations || {});
-    if (aKeys.length !== bKeys.length) {
-        return false;
-    }
-    for (const key of aKeys){
-        if (!Object.prototype.hasOwnProperty.call(bSyntaxRule.declarations, key)) {
-            return false;
-        }
-    }
-    return true;
-}
-
-module.exports = areRulesDuplicated;

package/dist/utils/are-rules-duplicated.d.ts

@@ -1,2 +0,0 @@
-import { SyntaxRule } from '../syntax-rule';
-export default function areRulesDuplicated(aSyntaxRule: SyntaxRule, bSyntaxRule: SyntaxRule): boolean;

package/dist/utils/are-rules-duplicated.mjs

@@ -1,15 +0,0 @@
-function areRulesDuplicated(aSyntaxRule, bSyntaxRule) {
-    const aKeys = Object.keys(aSyntaxRule.declarations || {});
-    const bKeys = Object.keys(bSyntaxRule.declarations || {});
-    if (aKeys.length !== bKeys.length) {
-        return false;
-    }
-    for (const key of aKeys){
-        if (!Object.prototype.hasOwnProperty.call(bSyntaxRule.declarations, key)) {
-            return false;
-        }
-    }
-    return true;
-}
-
-export { areRulesDuplicated as default };

package/dist/utils/reorder-for-readable-classes.cjs

@@ -1,62 +0,0 @@
-'use strict';
-
-var syntaxRuleType = require('../syntax-rule-type.cjs');
-var core = require('../core.cjs');
-
-/**
- * Sorts classes in a consistent order
- * @param classes
- * @param options
- * @returns consistent classes
- */ function reorderForReadableClasses(classes, css = new core()) {
-    css.add(...classes);
-    const orderedClasses = css.generalLayer.rules// 只保留樣式語法相關的 rules, 排除 keyframes 與 variables 在外
-    .filter((eachRule)=>eachRule.type).sort((a, b)=>{
-        if (a.type === syntaxRuleType.Utility && b.type !== syntaxRuleType.Utility) {
-            // 如果 a 是 SyntaxRuleType.Utility 而 b 不是，则 a 应该排在 b 前面
-            return -1;
-        } else if (a.type !== syntaxRuleType.Utility && b.type === syntaxRuleType.Utility) {
-            // 如果 b 是 SyntaxRuleType.Utility 而 a 不是，则 b 应该排在 a 前面
-            return 1;
-        } else if (a.id !== b.id) {
-            return a.name.localeCompare(b.name);
-        } else {
-            // 檢查 vendorSuffixSelectors 是否存在
-            const aHasVendorSuffix = a.vendorSuffixSelectors?.['']?.[0];
-            const bHasVendorSuffix = b.vendorSuffixSelectors?.['']?.[0];
-            if (a.priority === -1 && b.priority === -1) {
-                // 如果 a 和 b 都有 vendorSuffixSelectors 或 media.token，則按照以下規則排序
-                if (aHasVendorSuffix && bHasVendorSuffix) {
-                    return aHasVendorSuffix.localeCompare(bHasVendorSuffix);
-                }
-                // 檢查 media.token 是否存在
-                const aAtToke = a.atToken;
-                const bAtToken = b.atToken;
-                // 如果 a 和 b 都有 media.token 且不包含內建已處理過排序的，則按照以下規則排序
-                if (aAtToke && bAtToken && a.mediaAtComponents && !a.mediaAtComponents.find(({ name })=>name === 'min-width' || name === 'max-width') && b.mediaAtComponents && !b.mediaAtComponents.find(({ name })=>name === 'min-width' || name === 'max-width')) {
-                    return aAtToke.localeCompare(bAtToken);
-                }
-                if (aHasVendorSuffix && !bHasVendorSuffix) {
-                    return 1;
-                } else if (!aHasVendorSuffix && bHasVendorSuffix) {
-                    return -1;
-                }
-                if (aAtToke && !bAtToken) {
-                    return 1;
-                } else if (!aAtToke && bAtToken) {
-                    return -1;
-                }
-            }
-            // 如果 a 和 b 的 id 相同，則按照以下規則排序
-            if (a.id === b.id && a.stateToken === b.stateToken) {
-                return a.name.localeCompare(b.name);
-            }
-            // 再按照 rule.order 本身來升序排列
-            return a.order - b.order;
-        }
-    }).map((eachRule)=>eachRule.name);
-    css.remove(...classes);
-    return orderedClasses;
-}
-
-module.exports = reorderForReadableClasses;

package/dist/utils/reorder-for-readable-classes.mjs

@@ -1,60 +0,0 @@
-import SyntaxRuleType from '../syntax-rule-type.mjs';
-import MasterCSS from '../core.mjs';
-
-/**
- * Sorts classes in a consistent order
- * @param classes
- * @param options
- * @returns consistent classes
- */ function reorderForReadableClasses(classes, css = new MasterCSS()) {
-    css.add(...classes);
-    const orderedClasses = css.generalLayer.rules// 只保留樣式語法相關的 rules, 排除 keyframes 與 variables 在外
-    .filter((eachRule)=>eachRule.type).sort((a, b)=>{
-        if (a.type === SyntaxRuleType.Utility && b.type !== SyntaxRuleType.Utility) {
-            // 如果 a 是 SyntaxRuleType.Utility 而 b 不是，则 a 应该排在 b 前面
-            return -1;
-        } else if (a.type !== SyntaxRuleType.Utility && b.type === SyntaxRuleType.Utility) {
-            // 如果 b 是 SyntaxRuleType.Utility 而 a 不是，则 b 应该排在 a 前面
-            return 1;
-        } else if (a.id !== b.id) {
-            return a.name.localeCompare(b.name);
-        } else {
-            // 檢查 vendorSuffixSelectors 是否存在
-            const aHasVendorSuffix = a.vendorSuffixSelectors?.['']?.[0];
-            const bHasVendorSuffix = b.vendorSuffixSelectors?.['']?.[0];
-            if (a.priority === -1 && b.priority === -1) {
-                // 如果 a 和 b 都有 vendorSuffixSelectors 或 media.token，則按照以下規則排序
-                if (aHasVendorSuffix && bHasVendorSuffix) {
-                    return aHasVendorSuffix.localeCompare(bHasVendorSuffix);
-                }
-                // 檢查 media.token 是否存在
-                const aAtToke = a.atToken;
-                const bAtToken = b.atToken;
-                // 如果 a 和 b 都有 media.token 且不包含內建已處理過排序的，則按照以下規則排序
-                if (aAtToke && bAtToken && a.mediaAtComponents && !a.mediaAtComponents.find(({ name })=>name === 'min-width' || name === 'max-width') && b.mediaAtComponents && !b.mediaAtComponents.find(({ name })=>name === 'min-width' || name === 'max-width')) {
-                    return aAtToke.localeCompare(bAtToken);
-                }
-                if (aHasVendorSuffix && !bHasVendorSuffix) {
-                    return 1;
-                } else if (!aHasVendorSuffix && bHasVendorSuffix) {
-                    return -1;
-                }
-                if (aAtToke && !bAtToken) {
-                    return 1;
-                } else if (!aAtToke && bAtToken) {
-                    return -1;
-                }
-            }
-            // 如果 a 和 b 的 id 相同，則按照以下規則排序
-            if (a.id === b.id && a.stateToken === b.stateToken) {
-                return a.name.localeCompare(b.name);
-            }
-            // 再按照 rule.order 本身來升序排列
-            return a.order - b.order;
-        }
-    }).map((eachRule)=>eachRule.name);
-    css.remove(...classes);
-    return orderedClasses;
-}
-
-export { reorderForReadableClasses as default };