effcss 1.3.6 → 2.0.0

package/dist/types/src/utils.d.ts

@@ -1,197 +0,0 @@
-import { IStyleConfig, IStyleDispatcher, IStyleProvider, TGetBEMResolver, TKeyGenerator, TStyleSheetConfig } from './types';
-/**
- * Prefix which will be used for autogenerated
- * - variable names;
- * - keyframes names;
- * - stylesheet keys.
- */
-export declare const PREFIX = "eff";
-/**
- * Id for special script element,
- * which contains initial style config
- */
-export declare const SETTINGS_ID = "effcss";
-/**
- * Name of the custom style provider element
- */
-export declare const COMPONENT_NAME = "style-provider";
-/**
- * Create settings script element
- * @param settings - settings object
- * @param params - params for settings element
- * @see {@link IStyleConfig}
- */
-export declare const createSettingsElement: (settings: IStyleConfig, params?: {
-    /**
-     * Settings element id
-     * @defaultValue
-     * @see {@link SETTINGS_ID}
-     */
-    id: string;
-}) => Node;
-/**
- * Create settings HTML string
- * @param settings - settings object
- * @param params - params for settings element
- * @see {@link IStyleConfig}
- */
-export declare const createSettingsHTML: (settings: IStyleConfig, params?: {
-    /**
-     * Settings element id
-     * @defaultValue
-     * @see {@link SETTINGS_ID}
-     */
-    id: string;
-}) => string;
-/**
- * Get style provider component
- * @param root - style provider scope
- * @description
- * Use this function to get the first provider element found in the document
- * @see {@link IStyleProvider}
- */
-export declare const getProvider: (root?: Document, name?: string) => IStyleProvider;
-/**
- * Compile stylesheet
- * @param key - stylesheet key
- * @param config - stylesheet config
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const compileStyleSheet: (key: string, config: TStyleSheetConfig, provider?: IStyleProvider) => boolean | undefined;
-/**
- * Use stylesheet
- * @param config - stylesheet config
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const useStyleSheet: (config: TStyleSheetConfig, provider?: IStyleProvider) => (e?: string) => (m?: string | object) => Record<string, string>;
-/**
- * Expand stylesheet
- * @param key - stylesheet key
- * @param config - stylesheet config
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const expandStyleSheet: (key: string, config: string[], provider?: IStyleProvider) => number | undefined;
-/**
- * Process styles
- * @param styles - stylesheet dictionary
- * @param ext - extra rules config
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const processStyles: (styles?: Record<string, TStyleSheetConfig>, ext?: Record<string, string[]>, provider?: IStyleProvider) => void;
-/**
- * Resolve stylesheet
- * @param key stylesheet key
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const resolveStyleSheet: (key: string, provider?: IStyleProvider) => (e?: string) => (m?: string | object) => Record<string, string>;
-/**
- * Get stylesheet from provider
- * @param key - stylesheet key
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const getStyleSheet: (key: string, provider?: IStyleProvider) => CSSStyleSheet | undefined;
-/**
- * Add stylesheet to provider
- * @param key - stylesheet key
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const addStyleSheet: (key: string, stylesheet: CSSStyleSheet, provider?: IStyleProvider) => true | void;
-/**
- * Remove stylesheet from provider
- * @param key - stylesheet key
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const removeStyleSheet: (key: string, provider?: IStyleProvider) => true | void;
-/**
- * Stringify stylesheet
- * @param key - stylesheet key
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const stringifyStyleSheet: (key: string, provider?: IStyleProvider) => string;
-/**
- * Get all stylesheets
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const stringifyAllStyles: (provider?: IStyleProvider) => string;
-/**
- * Get rules count for stylesheet
- * @param key - stylesheet key
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const getRulesCount: (key: string, provider?: IStyleProvider) => number;
-/**
- * Get total rules count
- * @param provider - style provider
- * @see {@link IStyleProvider}
- */
-export declare const getTotalRulesCount: (provider?: IStyleProvider) => number;
-/**
- * Generate stylesheet key
- * @param configs - current stylesheet configs
- */
-export declare const generateStyleSheetKey: TKeyGenerator;
-/**
- * BEM resolver
- * @param params - BEM resolver params
- */
-export declare const getBEMResolver: TGetBEMResolver;
-/**
- * Basic class for manipulating stylesheets
- */
-export declare class StyleDispatcher implements IStyleDispatcher {
-    /**
-     * Dispatcher root element
-     * @description
-     * Scope where style provider will be searched for
-     */
-    root: Document;
-    /**
-     * Style provider
-     */
-    provider: IStyleProvider;
-    construstor(root?: Document): void;
-    /**
-     * Use stylesheet
-     * @param config - stylesheet config
-     * @see {@link useStyleSheet}
-     */
-    use: (config: TStyleSheetConfig) => (e?: string) => (m?: string | object) => Record<string, string>;
-    /**
-     * Compile stylesheet
-     * @param key - stylesheet key
-     * @param config - stylesheet config
-     * @see {@link compileStyleSheet}
-     */
-    compile: (key: string, config: TStyleSheetConfig) => boolean | undefined;
-    /**
-     * Expand stylesheet
-     * @param key - stylesheet key
-     * @param config - stylesheet config
-     * @see {@link expandStyleSheet}
-     */
-    expand: (key: string, config: string[]) => number | undefined;
-    /**
-     * Process styles
-     * @param styles - stylesheet dictionary
-     * @param ext - stylesheet extra rules
-     * @see {@link processStyles}
-     */
-    process: (styles?: Record<string, TStyleSheetConfig>, ext?: Record<string, string[]>) => void;
-    /**
-     * Resolve stylesheet
-     * @param key - stylesheet key
-     * @see {@link resolveStyleSheet}
-     */
-    resolve: (key: string) => (e?: string) => (m?: string | object) => Record<string, string>;
-}

package/dist/utils.js

@@ -1 +0,0 @@
-const e=e=>"object"==typeof e,t="eff",r="effcss",i="style-provider",o=(e,t)=>{const i=JSON.stringify(e),o=(null==t?void 0:t.id)||r,n=document.createElement("script");return n.id=o,n.type="application/json",n.innerHTML=i,n},n=(e,t)=>{const i=JSON.stringify(e);return`<script id="${(null==t?void 0:t.id)||r}" type="application/json">${i}<\/script>`},s=(e=document,t=i)=>{var r;return null===(r=e.getElementsByTagName(t))||void 0===r?void 0:r[0]},l=(e,t,r=s())=>r.compileStyleSheet(e,t),d=(e,t=s())=>t.useStyleSheet(e),v=(e,t,r=s())=>r.expandStyleSheet(e,t),u=(e,t,r=s())=>r.processStyles(e,t),a=(e,t=s())=>t.resolveStyleSheet(e),c=(e,t=s())=>{var r;return null===(r=null==t?void 0:t.manager)||void 0===r?void 0:r.get(e)},p=(e,t,r=s())=>{var i;return null===(i=null==r?void 0:r.manager)||void 0===i?void 0:i.add(e,t)},m=(e,t=s())=>{var r;return null===(r=null==t?void 0:t.manager)||void 0===r?void 0:r.remove(e)},h=(e,t=s())=>{var r;return[...(null===(r=c(e,t))||void 0===r?void 0:r.cssRules)||[]].map((e=>e.cssText)).join("")},g=(e=s())=>{var t;return Object.keys((null===(t=null==e?void 0:e.manager)||void 0===t?void 0:t.getAll())||{}).map((t=>h(t,e))).join("")},y=(e,t=s())=>{var r;return function e(t){return t?t.length+[...t].reduce(((t,r)=>t+e(null==r?void 0:r.cssRules)),0):0}(null===(r=c(e,t))||void 0===r?void 0:r.cssRules)},j=(e=s())=>{var t;return Object.keys((null===(t=null==e?void 0:e.manager)||void 0===t?void 0:t.getAll())||{}).reduce(((t,r)=>t+y(r,e)),0)},S=e=>e.size.toString(36),f=t=>{const r=e=>Object.entries(e).reduce(((e,[t,r])=>(void 0!==r&&e.push(t+(r?"-"+r:"")),e)),[]).join(" "),i=(e,t)=>Object.defineProperties({[e]:t},{k:{value:e},v:{value:t}});return"c"===t.mode?{selector:({b:e,e:t,m:r,mv:i,s:o})=>`.${e}${(t?"__"+t:"")+(r?"_"+r:"")+(r&&i?"_"+i:"")+(o?":"+o:"")}`,attr:t=>o=>n=>{let s=n||"";e(s)&&(s=r(s));const l=t+(o?"__"+o:"");return s=l+(s?" "+(null==s?void 0:s.split(" ").map((e=>l+"_"+e.split("-").join("_"))).join(" ")):""),i("class",s)}}:{selector:({b:e,e:t,m:r,mv:i,s:o})=>`[data-${e}${t?"-"+t:""}${r||o?'~="'+(r||"")+(i?"-"+i:"")+(o?":"+o:"")+'"':""}]`,attr:t=>o=>n=>{const s=`data-${t}${o?"-"+o:""}`;let l=n||"";return e(l)&&(l=r(l)),i(s,l)}}};class ${constructor(){this.root=document,this.use=e=>d(e,this.provider),this.compile=(e,t)=>l(e,t,this.provider),this.expand=(e,t)=>v(e,t,this.provider),this.process=(e,t)=>u(e,t,this.provider),this.resolve=e=>a(e,this.provider)}construstor(e){e&&(this.root=e),this.provider=s(this.root)}}export{i as COMPONENT_NAME,t as PREFIX,r as SETTINGS_ID,$ as StyleDispatcher,p as addStyleSheet,l as compileStyleSheet,o as createSettingsElement,n as createSettingsHTML,v as expandStyleSheet,S as generateStyleSheetKey,f as getBEMResolver,s as getProvider,y as getRulesCount,c as getStyleSheet,j as getTotalRulesCount,u as processStyles,m as removeStyleSheet,a as resolveStyleSheet,g as stringifyAllStyles,h as stringifyStyleSheet,d as useStyleSheet};