@tethys/cdk 14.0.12 → 14.0.13

package/dom/abstract-element-renderer.d.ts

@@ -0,0 +1,12 @@
+import { RendererStyleFlags2 } from '@angular/core';
+export declare abstract class AbstractElementRenderer {
+    private renderer;
+    protected abstract element: Element;
+    private classNames;
+    private get safeElement();
+    updateClass(classNames: string[]): this;
+    updateClassByMap(classMap: Record<string, boolean>): void;
+    addClass(className: string): this;
+    removeClass(className: string): this;
+    setStyle(style: string, value: any, flags?: RendererStyleFlags2): this;
+}

package/dom/element-renderer.d.ts

@@ -0,0 +1,7 @@
+import { AbstractElementRenderer } from './abstract-element-renderer';
+export declare class ElementRenderer extends AbstractElementRenderer {
+    protected element: Element;
+    setElement(element: Element): void;
+    constructor(element: Element);
+}
+export declare function useElementRenderer(element?: Element): ElementRenderer;

package/dom/host-renderer.d.ts

@@ -0,0 +1,9 @@
+import { AbstractElementRenderer } from './abstract-element-renderer';
+import * as i0 from "@angular/core";
+export declare class HostRenderer extends AbstractElementRenderer {
+    private elementRef;
+    protected get element(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HostRenderer, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HostRenderer>;
+}
+export declare function useHostRenderer(): HostRenderer;

package/dom/index.d.ts

@@ -0,0 +1,3 @@
+export * from './abstract-element-renderer';
+export * from './element-renderer';
+export * from './host-renderer';

package/esm2020/dom/abstract-element-renderer.mjs

@@ -0,0 +1,55 @@
+import { Renderer2, inject } from '@angular/core';
+export class AbstractElementRenderer {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.classNames = [];
+    }
+    get safeElement() {
+        if (!this.element) {
+            throw new Error(`Element is null, should call setElement method for ElementRenderer before update dom.`);
+        }
+        return this.element;
+    }
+    updateClass(classNames) {
+        if (this.classNames) {
+            this.classNames.forEach(className => {
+                if (classNames.indexOf(className) < 0) {
+                    this.removeClass(className);
+                }
+            });
+        }
+        const newClasses = [];
+        classNames.forEach(className => {
+            if (className) {
+                newClasses.push(className);
+                if (this.classNames.indexOf(className) < 0) {
+                    this.addClass(className);
+                }
+            }
+        });
+        this.classNames = newClasses;
+        return this;
+    }
+    updateClassByMap(classMap) {
+        const newClasses = [];
+        for (const key in classMap) {
+            if (classMap.hasOwnProperty(key) && classMap[key]) {
+                newClasses.push(key);
+            }
+        }
+        this.updateClass(newClasses);
+    }
+    addClass(className) {
+        this.renderer.addClass(this.safeElement, className);
+        return this;
+    }
+    removeClass(className) {
+        this.renderer.removeClass(this.safeElement, className);
+        return this;
+    }
+    setStyle(style, value, flags) {
+        this.renderer.setStyle(this.safeElement, style, value, flags);
+        return this;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtZWxlbWVudC1yZW5kZXJlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2Nkay9kb20vYWJzdHJhY3QtZWxlbWVudC1yZW5kZXJlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBbUMsTUFBTSxlQUFlLENBQUM7QUFFbkYsTUFBTSxPQUFnQix1QkFBdUI7SUFBN0M7UUFDWSxhQUFRLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBSTdCLGVBQVUsR0FBYSxFQUFFLENBQUM7SUFzRHRDLENBQUM7SUFwREcsSUFBWSxXQUFXO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2YsTUFBTSxJQUFJLEtBQUssQ0FBQyx1RkFBdUYsQ0FBQyxDQUFDO1NBQzVHO1FBQ0QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXLENBQUMsVUFBb0I7UUFDNUIsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO2dCQUNoQyxJQUFJLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO29CQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDO2lCQUMvQjtZQUNMLENBQUMsQ0FBQyxDQUFDO1NBQ047UUFDRCxNQUFNLFVBQVUsR0FBYSxFQUFFLENBQUM7UUFDaEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUMzQixJQUFJLFNBQVMsRUFBRTtnQkFDWCxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUMzQixJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQztpQkFDNUI7YUFDSjtRQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7UUFDN0IsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlDO1FBQzlDLE1BQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUN0QixLQUFLLE1BQU0sR0FBRyxJQUFJLFFBQVEsRUFBRTtZQUN4QixJQUFJLFFBQVEsQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLElBQUksUUFBUSxDQUFDLEdBQUcsQ0FBQyxFQUFFO2dCQUMvQyxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQ3hCO1NBQ0o7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRLENBQUMsU0FBaUI7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUNwRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRUQsV0FBVyxDQUFDLFNBQWlCO1FBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDdkQsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFhLEVBQUUsS0FBVSxFQUFFLEtBQTJCO1FBQzNELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztRQUM5RCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZW5kZXJlcjIsIGluamVjdCwgRWxlbWVudFJlZiwgUmVuZGVyZXJTdHlsZUZsYWdzMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQWJzdHJhY3RFbGVtZW50UmVuZGVyZXIge1xuICAgIHByaXZhdGUgcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcblxuICAgIHByb3RlY3RlZCBhYnN0cmFjdCBlbGVtZW50OiBFbGVtZW50O1xuXG4gICAgcHJpdmF0ZSBjbGFzc05hbWVzOiBzdHJpbmdbXSA9IFtdO1xuXG4gICAgcHJpdmF0ZSBnZXQgc2FmZUVsZW1lbnQoKSB7XG4gICAgICAgIGlmICghdGhpcy5lbGVtZW50KSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYEVsZW1lbnQgaXMgbnVsbCwgc2hvdWxkIGNhbGwgc2V0RWxlbWVudCBtZXRob2QgZm9yIEVsZW1lbnRSZW5kZXJlciBiZWZvcmUgdXBkYXRlIGRvbS5gKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50O1xuICAgIH1cblxuICAgIHVwZGF0ZUNsYXNzKGNsYXNzTmFtZXM6IHN0cmluZ1tdKSB7XG4gICAgICAgIGlmICh0aGlzLmNsYXNzTmFtZXMpIHtcbiAgICAgICAgICAgIHRoaXMuY2xhc3NOYW1lcy5mb3JFYWNoKGNsYXNzTmFtZSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGNsYXNzTmFtZXMuaW5kZXhPZihjbGFzc05hbWUpIDwgMCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnJlbW92ZUNsYXNzKGNsYXNzTmFtZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgbmV3Q2xhc3Nlczogc3RyaW5nW10gPSBbXTtcbiAgICAgICAgY2xhc3NOYW1lcy5mb3JFYWNoKGNsYXNzTmFtZSA9PiB7XG4gICAgICAgICAgICBpZiAoY2xhc3NOYW1lKSB7XG4gICAgICAgICAgICAgICAgbmV3Q2xhc3Nlcy5wdXNoKGNsYXNzTmFtZSk7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMuY2xhc3NOYW1lcy5pbmRleE9mKGNsYXNzTmFtZSkgPCAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuYWRkQ2xhc3MoY2xhc3NOYW1lKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmNsYXNzTmFtZXMgPSBuZXdDbGFzc2VzO1xuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG5cbiAgICB1cGRhdGVDbGFzc0J5TWFwKGNsYXNzTWFwOiBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPikge1xuICAgICAgICBjb25zdCBuZXdDbGFzc2VzID0gW107XG4gICAgICAgIGZvciAoY29uc3Qga2V5IGluIGNsYXNzTWFwKSB7XG4gICAgICAgICAgICBpZiAoY2xhc3NNYXAuaGFzT3duUHJvcGVydHkoa2V5KSAmJiBjbGFzc01hcFtrZXldKSB7XG4gICAgICAgICAgICAgICAgbmV3Q2xhc3Nlcy5wdXNoKGtleSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy51cGRhdGVDbGFzcyhuZXdDbGFzc2VzKTtcbiAgICB9XG5cbiAgICBhZGRDbGFzcyhjbGFzc05hbWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuc2FmZUVsZW1lbnQsIGNsYXNzTmFtZSk7XG4gICAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cblxuICAgIHJlbW92ZUNsYXNzKGNsYXNzTmFtZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5zYWZlRWxlbWVudCwgY2xhc3NOYW1lKTtcbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuXG4gICAgc2V0U3R5bGUoc3R5bGU6IHN0cmluZywgdmFsdWU6IGFueSwgZmxhZ3M/OiBSZW5kZXJlclN0eWxlRmxhZ3MyKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5zYWZlRWxlbWVudCwgc3R5bGUsIHZhbHVlLCBmbGFncyk7XG4gICAgICAgIHJldHVybiB0aGlzO1xuICAgIH1cbn1cbiJdfQ==

package/esm2020/dom/element-renderer.mjs

@@ -0,0 +1,14 @@
+import { AbstractElementRenderer } from './abstract-element-renderer';
+export class ElementRenderer extends AbstractElementRenderer {
+    constructor(element) {
+        super();
+        this.element = element;
+    }
+    setElement(element) {
+        this.element = element;
+    }
+}
+export function useElementRenderer(element) {
+    return new ElementRenderer(element);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1yZW5kZXJlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2Nkay9kb20vZWxlbWVudC1yZW5kZXJlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUV0RSxNQUFNLE9BQU8sZUFBZ0IsU0FBUSx1QkFBdUI7SUFPeEQsWUFBWSxPQUFnQjtRQUN4QixLQUFLLEVBQUUsQ0FBQztRQUNSLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQzNCLENBQUM7SUFQRCxVQUFVLENBQUMsT0FBZ0I7UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDM0IsQ0FBQztDQU1KO0FBRUQsTUFBTSxVQUFVLGtCQUFrQixDQUFDLE9BQWlCO0lBQ2hELE9BQU8sSUFBSSxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDeEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0RWxlbWVudFJlbmRlcmVyIH0gZnJvbSAnLi9hYnN0cmFjdC1lbGVtZW50LXJlbmRlcmVyJztcblxuZXhwb3J0IGNsYXNzIEVsZW1lbnRSZW5kZXJlciBleHRlbmRzIEFic3RyYWN0RWxlbWVudFJlbmRlcmVyIHtcbiAgICBwcm90ZWN0ZWQgZWxlbWVudDogRWxlbWVudDtcblxuICAgIHNldEVsZW1lbnQoZWxlbWVudDogRWxlbWVudCkge1xuICAgICAgICB0aGlzLmVsZW1lbnQgPSBlbGVtZW50O1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKGVsZW1lbnQ6IEVsZW1lbnQpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy5lbGVtZW50ID0gZWxlbWVudDtcbiAgICB9XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VFbGVtZW50UmVuZGVyZXIoZWxlbWVudD86IEVsZW1lbnQpOiBFbGVtZW50UmVuZGVyZXIge1xuICAgIHJldHVybiBuZXcgRWxlbWVudFJlbmRlcmVyKGVsZW1lbnQpO1xufVxuIl19

package/esm2020/dom/host-renderer.mjs

@@ -0,0 +1,21 @@
+import { Injectable, inject, ElementRef } from '@angular/core';
+import { AbstractElementRenderer } from './abstract-element-renderer';
+import * as i0 from "@angular/core";
+export class HostRenderer extends AbstractElementRenderer {
+    constructor() {
+        super(...arguments);
+        this.elementRef = inject(ElementRef);
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+}
+HostRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+HostRenderer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer, decorators: [{
+            type: Injectable
+        }] });
+export function useHostRenderer() {
+    return new HostRenderer();
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9zdC1yZW5kZXJlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2Nkay9kb20vaG9zdC1yZW5kZXJlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBR3RFLE1BQU0sT0FBTyxZQUFhLFNBQVEsdUJBQXVCO0lBRHpEOztRQUVZLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7S0FLM0M7SUFIRyxJQUFjLE9BQU87UUFDakIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN6QyxDQUFDOzt5R0FMUSxZQUFZOzZHQUFaLFlBQVk7MkZBQVosWUFBWTtrQkFEeEIsVUFBVTs7QUFTWCxNQUFNLFVBQVUsZUFBZTtJQUMzQixPQUFPLElBQUksWUFBWSxFQUFFLENBQUM7QUFDOUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIGluamVjdCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RFbGVtZW50UmVuZGVyZXIgfSBmcm9tICcuL2Fic3RyYWN0LWVsZW1lbnQtcmVuZGVyZXInO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgSG9zdFJlbmRlcmVyIGV4dGVuZHMgQWJzdHJhY3RFbGVtZW50UmVuZGVyZXIge1xuICAgIHByaXZhdGUgZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICAgIHByb3RlY3RlZCBnZXQgZWxlbWVudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIH1cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUhvc3RSZW5kZXJlcigpIHtcbiAgICByZXR1cm4gbmV3IEhvc3RSZW5kZXJlcigpO1xufVxuIl19

package/esm2020/dom/index.mjs

@@ -0,0 +1,4 @@
+export * from './abstract-element-renderer';
+export * from './element-renderer';
+export * from './host-renderer';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jZGsvZG9tL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hYnN0cmFjdC1lbGVtZW50LXJlbmRlcmVyJztcbmV4cG9ydCAqIGZyb20gJy4vZWxlbWVudC1yZW5kZXJlcic7XG5leHBvcnQgKiBmcm9tICcuL2hvc3QtcmVuZGVyZXInO1xuIl19

package/esm2020/dom/tethys-cdk-dom.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV0aHlzLWNkay1kb20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jZGsvZG9tL3RldGh5cy1jZGstZG9tLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/fesm2015/tethys-cdk-dom.mjs

@@ -0,0 +1,94 @@
+import * as i0 from '@angular/core';
+import { inject, Renderer2, ElementRef, Injectable } from '@angular/core';
+
+class AbstractElementRenderer {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.classNames = [];
+    }
+    get safeElement() {
+        if (!this.element) {
+            throw new Error(`Element is null, should call setElement method for ElementRenderer before update dom.`);
+        }
+        return this.element;
+    }
+    updateClass(classNames) {
+        if (this.classNames) {
+            this.classNames.forEach(className => {
+                if (classNames.indexOf(className) < 0) {
+                    this.removeClass(className);
+                }
+            });
+        }
+        const newClasses = [];
+        classNames.forEach(className => {
+            if (className) {
+                newClasses.push(className);
+                if (this.classNames.indexOf(className) < 0) {
+                    this.addClass(className);
+                }
+            }
+        });
+        this.classNames = newClasses;
+        return this;
+    }
+    updateClassByMap(classMap) {
+        const newClasses = [];
+        for (const key in classMap) {
+            if (classMap.hasOwnProperty(key) && classMap[key]) {
+                newClasses.push(key);
+            }
+        }
+        this.updateClass(newClasses);
+    }
+    addClass(className) {
+        this.renderer.addClass(this.safeElement, className);
+        return this;
+    }
+    removeClass(className) {
+        this.renderer.removeClass(this.safeElement, className);
+        return this;
+    }
+    setStyle(style, value, flags) {
+        this.renderer.setStyle(this.safeElement, style, value, flags);
+        return this;
+    }
+}
+
+class ElementRenderer extends AbstractElementRenderer {
+    constructor(element) {
+        super();
+        this.element = element;
+    }
+    setElement(element) {
+        this.element = element;
+    }
+}
+function useElementRenderer(element) {
+    return new ElementRenderer(element);
+}
+
+class HostRenderer extends AbstractElementRenderer {
+    constructor() {
+        super(...arguments);
+        this.elementRef = inject(ElementRef);
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+}
+HostRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+HostRenderer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer, decorators: [{
+            type: Injectable
+        }] });
+function useHostRenderer() {
+    return new HostRenderer();
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractElementRenderer, ElementRenderer, HostRenderer, useElementRenderer, useHostRenderer };
+//# sourceMappingURL=tethys-cdk-dom.mjs.map

package/fesm2015/tethys-cdk-dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tethys-cdk-dom.mjs","sources":["../../../cdk/dom/abstract-element-renderer.ts","../../../cdk/dom/element-renderer.ts","../../../cdk/dom/host-renderer.ts","../../../cdk/dom/tethys-cdk-dom.ts"],"sourcesContent":["import { Renderer2, inject, ElementRef, RendererStyleFlags2 } from '@angular/core';\n\nexport abstract class AbstractElementRenderer {\n    private renderer = inject(Renderer2);\n\n    protected abstract element: Element;\n\n    private classNames: string[] = [];\n\n    private get safeElement() {\n        if (!this.element) {\n            throw new Error(`Element is null, should call setElement method for ElementRenderer before update dom.`);\n        }\n        return this.element;\n    }\n\n    updateClass(classNames: string[]) {\n        if (this.classNames) {\n            this.classNames.forEach(className => {\n                if (classNames.indexOf(className) < 0) {\n                    this.removeClass(className);\n                }\n            });\n        }\n        const newClasses: string[] = [];\n        classNames.forEach(className => {\n            if (className) {\n                newClasses.push(className);\n                if (this.classNames.indexOf(className) < 0) {\n                    this.addClass(className);\n                }\n            }\n        });\n        this.classNames = newClasses;\n        return this;\n    }\n\n    updateClassByMap(classMap: Record<string, boolean>) {\n        const newClasses = [];\n        for (const key in classMap) {\n            if (classMap.hasOwnProperty(key) && classMap[key]) {\n                newClasses.push(key);\n            }\n        }\n        this.updateClass(newClasses);\n    }\n\n    addClass(className: string) {\n        this.renderer.addClass(this.safeElement, className);\n        return this;\n    }\n\n    removeClass(className: string) {\n        this.renderer.removeClass(this.safeElement, className);\n        return this;\n    }\n\n    setStyle(style: string, value: any, flags?: RendererStyleFlags2) {\n        this.renderer.setStyle(this.safeElement, style, value, flags);\n        return this;\n    }\n}\n","import { AbstractElementRenderer } from './abstract-element-renderer';\n\nexport class ElementRenderer extends AbstractElementRenderer {\n    protected element: Element;\n\n    setElement(element: Element) {\n        this.element = element;\n    }\n\n    constructor(element: Element) {\n        super();\n        this.element = element;\n    }\n}\n\nexport function useElementRenderer(element?: Element): ElementRenderer {\n    return new ElementRenderer(element);\n}\n","import { Injectable, inject, ElementRef } from '@angular/core';\nimport { AbstractElementRenderer } from './abstract-element-renderer';\n\n@Injectable()\nexport class HostRenderer extends AbstractElementRenderer {\n    private elementRef = inject(ElementRef);\n\n    protected get element() {\n        return this.elementRef.nativeElement;\n    }\n}\n\nexport function useHostRenderer() {\n    return new HostRenderer();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/tethys-cdk-dom.mjs

@@ -0,0 +1,94 @@
+import * as i0 from '@angular/core';
+import { inject, Renderer2, ElementRef, Injectable } from '@angular/core';
+
+class AbstractElementRenderer {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.classNames = [];
+    }
+    get safeElement() {
+        if (!this.element) {
+            throw new Error(`Element is null, should call setElement method for ElementRenderer before update dom.`);
+        }
+        return this.element;
+    }
+    updateClass(classNames) {
+        if (this.classNames) {
+            this.classNames.forEach(className => {
+                if (classNames.indexOf(className) < 0) {
+                    this.removeClass(className);
+                }
+            });
+        }
+        const newClasses = [];
+        classNames.forEach(className => {
+            if (className) {
+                newClasses.push(className);
+                if (this.classNames.indexOf(className) < 0) {
+                    this.addClass(className);
+                }
+            }
+        });
+        this.classNames = newClasses;
+        return this;
+    }
+    updateClassByMap(classMap) {
+        const newClasses = [];
+        for (const key in classMap) {
+            if (classMap.hasOwnProperty(key) && classMap[key]) {
+                newClasses.push(key);
+            }
+        }
+        this.updateClass(newClasses);
+    }
+    addClass(className) {
+        this.renderer.addClass(this.safeElement, className);
+        return this;
+    }
+    removeClass(className) {
+        this.renderer.removeClass(this.safeElement, className);
+        return this;
+    }
+    setStyle(style, value, flags) {
+        this.renderer.setStyle(this.safeElement, style, value, flags);
+        return this;
+    }
+}
+
+class ElementRenderer extends AbstractElementRenderer {
+    constructor(element) {
+        super();
+        this.element = element;
+    }
+    setElement(element) {
+        this.element = element;
+    }
+}
+function useElementRenderer(element) {
+    return new ElementRenderer(element);
+}
+
+class HostRenderer extends AbstractElementRenderer {
+    constructor() {
+        super(...arguments);
+        this.elementRef = inject(ElementRef);
+    }
+    get element() {
+        return this.elementRef.nativeElement;
+    }
+}
+HostRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+HostRenderer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HostRenderer, decorators: [{
+            type: Injectable
+        }] });
+function useHostRenderer() {
+    return new HostRenderer();
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractElementRenderer, ElementRenderer, HostRenderer, useElementRenderer, useHostRenderer };
+//# sourceMappingURL=tethys-cdk-dom.mjs.map

package/fesm2020/tethys-cdk-dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tethys-cdk-dom.mjs","sources":["../../../cdk/dom/abstract-element-renderer.ts","../../../cdk/dom/element-renderer.ts","../../../cdk/dom/host-renderer.ts","../../../cdk/dom/tethys-cdk-dom.ts"],"sourcesContent":["import { Renderer2, inject, ElementRef, RendererStyleFlags2 } from '@angular/core';\n\nexport abstract class AbstractElementRenderer {\n    private renderer = inject(Renderer2);\n\n    protected abstract element: Element;\n\n    private classNames: string[] = [];\n\n    private get safeElement() {\n        if (!this.element) {\n            throw new Error(`Element is null, should call setElement method for ElementRenderer before update dom.`);\n        }\n        return this.element;\n    }\n\n    updateClass(classNames: string[]) {\n        if (this.classNames) {\n            this.classNames.forEach(className => {\n                if (classNames.indexOf(className) < 0) {\n                    this.removeClass(className);\n                }\n            });\n        }\n        const newClasses: string[] = [];\n        classNames.forEach(className => {\n            if (className) {\n                newClasses.push(className);\n                if (this.classNames.indexOf(className) < 0) {\n                    this.addClass(className);\n                }\n            }\n        });\n        this.classNames = newClasses;\n        return this;\n    }\n\n    updateClassByMap(classMap: Record<string, boolean>) {\n        const newClasses = [];\n        for (const key in classMap) {\n            if (classMap.hasOwnProperty(key) && classMap[key]) {\n                newClasses.push(key);\n            }\n        }\n        this.updateClass(newClasses);\n    }\n\n    addClass(className: string) {\n        this.renderer.addClass(this.safeElement, className);\n        return this;\n    }\n\n    removeClass(className: string) {\n        this.renderer.removeClass(this.safeElement, className);\n        return this;\n    }\n\n    setStyle(style: string, value: any, flags?: RendererStyleFlags2) {\n        this.renderer.setStyle(this.safeElement, style, value, flags);\n        return this;\n    }\n}\n","import { AbstractElementRenderer } from './abstract-element-renderer';\n\nexport class ElementRenderer extends AbstractElementRenderer {\n    protected element: Element;\n\n    setElement(element: Element) {\n        this.element = element;\n    }\n\n    constructor(element: Element) {\n        super();\n        this.element = element;\n    }\n}\n\nexport function useElementRenderer(element?: Element): ElementRenderer {\n    return new ElementRenderer(element);\n}\n","import { Injectable, inject, ElementRef } from '@angular/core';\nimport { AbstractElementRenderer } from './abstract-element-renderer';\n\n@Injectable()\nexport class HostRenderer extends AbstractElementRenderer {\n    private elementRef = inject(ElementRef);\n\n    protected get element() {\n        return this.elementRef.nativeElement;\n    }\n}\n\nexport function useHostRenderer() {\n    return new HostRenderer();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tethys/cdk",
-  "version": "14.0.12",
+  "version": "14.0.13",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
@@ -27,6 +27,14 @@
       "node": "./fesm2015/tethys-cdk.mjs",
       "default": "./fesm2020/tethys-cdk.mjs"
     },
+    "./dom": {
+      "types": "./dom/index.d.ts",
+      "esm2020": "./esm2020/dom/tethys-cdk-dom.mjs",
+      "es2020": "./fesm2020/tethys-cdk-dom.mjs",
+      "es2015": "./fesm2015/tethys-cdk-dom.mjs",
+      "node": "./fesm2015/tethys-cdk-dom.mjs",
+      "default": "./fesm2020/tethys-cdk-dom.mjs"
+    },
     "./immutable": {
       "types": "./immutable/index.d.ts",
       "esm2020": "./esm2020/immutable/tethys-cdk-immutable.mjs",