flinker-dom 1.0.6 → 1.0.8

package/dist/esm/core.js

@@ -178,9 +178,9 @@ export const buildClassName = (props, pc, tag = '') => {
     }
     return 'className' in props && props.className ? props.className + ' ' + getClassName(tag) : getClassName(tag);
 };
-export const buildRule = (props, parentSelector, childSelector) => {
+export const buildRule = (props, parentSelector, childSelector, pc = 'none') => {
     const { reset, operator, addRule } = ruleBuilder;
-    reset('none', 'low');
+    reset(pc, 'low');
     for (const k of [...Object.keys(props)].sort(sortKeys)) {
         if (operator[k]) {
             operator[k](props[k]);

package/dist/esm/processor.js

@@ -75,11 +75,16 @@ export class StyleSheetProcessor {
     constructor(styleSheet) {
         this.hash = new Map();
         this.list = Array.of();
-        this.list.push(new NoPseudoClass(styleSheet));
-        this.list.push(new HoverPseudoClass(styleSheet));
-        this.list.push(new FocusPseudoClass(styleSheet));
-        this.list.push(new PlaceholderPseudoClass(styleSheet));
-        this.list.forEach(c => this.hash.set(c.type, c));
+        ['none', 'hover', 'focus', 'placeholder', 'active', 'visited', 'link'].forEach(t => {
+            switch (t) {
+                case ('hover'):
+                    this.hash.set('hover', new HoverPseudoClass(styleSheet));
+                    break;
+                default:
+                    this.hash.set(t, new PseudoClass(t, styleSheet));
+                    break;
+            }
+        });
     }
     setValue(to, key, value, priority, appendToClassName = true) {
         const pseudoClass = this.hash.get(to);
@@ -108,7 +113,10 @@ export class PseudoClass {
         this.hashSum = '';
     }
     insertRule(className, tag) {
-        throw new Error('Abstract method PseudoClass:insertRule should be overwritten');
+        if (this.style) {
+            const rule = tag + '.' + className + (this.type === 'none' ? '' : ':' + this.type) + '{' + this.style + '}';
+            this.styleSheet.insertRule(rule);
+        }
     }
     setValue(key, value, priority, appendToClassName = true) {
         if (value === undefined)
@@ -129,17 +137,6 @@ export class PseudoClass {
         this.style = '';
     }
 }
-class NoPseudoClass extends PseudoClass {
-    constructor(styleSheet) {
-        super('none', styleSheet);
-    }
-    insertRule(className, tag) {
-        if (this.style) {
-            const rule = tag + '.' + className + '{' + this.style + '}';
-            this.styleSheet.insertRule(rule);
-        }
-    }
-}
 class HoverPseudoClass extends PseudoClass {
     constructor(styleSheet) {
         super('hover', styleSheet);
@@ -152,24 +149,3 @@ class HoverPseudoClass extends PseudoClass {
         }
     }
 }
-class FocusPseudoClass extends PseudoClass {
-    constructor(styleSheet) {
-        super('focus', styleSheet);
-    }
-    insertRule(className, tag) {
-        if (this.style) {
-            const rule = tag + '.' + className + ':focus{' + this.style + '}';
-            this.styleSheet.insertRule(rule);
-        }
-    }
-}
-class PlaceholderPseudoClass extends PseudoClass {
-    constructor(styleSheet) {
-        super('placeholder', styleSheet);
-    }
-    insertRule(className, tag) {
-        if (this.style) {
-            this.styleSheet.insertRule(tag + '.' + className + '::placeholder{' + this.style + '}');
-        }
-    }
-}

package/dist/types/core.d.ts

@@ -1,7 +1,7 @@
 import { PseudoClassType } from './processor';
 export type RulePriority = 'high' | 'low';
 export declare const buildClassName: (props: any, pc: PseudoClassType, tag?: string) => string;
-export declare const buildRule: (props: any, parentSelector: string, childSelector: string) => void;
+export declare const buildRule: (props: any, parentSelector: string, childSelector: string, pc?: PseudoClassType) => void;
 export type BorderStyle = 'solid' | 'dotted' | 'dashed' | 'double' | 'none' | 'hidden';
 export type PointerEventsStyle = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'inherit' | 'initial' | 'unset';
 export type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | 'inherit';

package/dist/types/processor.d.ts

@@ -8,7 +8,7 @@ export declare class StyleSheetProcessor {
     insertRule(className: string, tag: string): void;
     clearValues(): void;
 }
-export type PseudoClassType = 'none' | 'hover' | 'focus' | 'placeholder';
+export type PseudoClassType = 'none' | 'hover' | 'focus' | 'placeholder' | 'active' | 'visited' | 'link';
 export declare class PseudoClass {
     readonly type: PseudoClassType;
     readonly styleSheet: CSSStyleSheet;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "flinker-dom",
   "description": "Free TypeScript library for writing frontend apps",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Dittner/FlinkerDOM.git"