From a8c2eaa2fd110aca7495a4a56716da8fe6713940 Mon Sep 17 00:00:00 2001 From: Stanislav Ulegin Date: Wed, 25 Mar 2026 14:01:45 +0300 Subject: [PATCH] release(tach-typography): v0.2.0 --- packages/tach-typography/README.md | 33 +- .../dist/angular/angular/index.d.ts | 81 +++ .../dist/angular/angular/index.d.ts.map | 1 + .../dist/angular/angular/index.js | 545 ++++++++++++++++++ .../dist/angular/angular/index.js.map | 1 + .../dist/angular/angular/public-api.d.ts | 2 + .../dist/angular/angular/public-api.d.ts.map | 1 + .../dist/angular/angular/public-api.js | 2 + .../dist/angular/angular/public-api.js.map | 1 + .../dist/angular/core/classnames.d.ts | 4 + .../dist/angular/core/classnames.d.ts.map | 1 + .../dist/angular/core/classnames.js | 11 + .../dist/angular/core/classnames.js.map | 1 + .../dist/angular/core/ellipsis.d.ts | 5 + .../dist/angular/core/ellipsis.d.ts.map | 1 + .../dist/angular/core/ellipsis.js | 14 + .../dist/angular/core/ellipsis.js.map | 1 + .../dist/angular/core/index.d.ts | 4 + .../dist/angular/core/index.d.ts.map | 1 + .../dist/angular/core/index.js | 4 + .../dist/angular/core/index.js.map | 1 + .../dist/angular/core/types.d.ts | 19 + .../dist/angular/core/types.d.ts.map | 1 + .../dist/angular/core/types.js | 39 ++ .../dist/angular/core/types.js.map | 1 + .../tach-typography/dist/angular/index.cjs | 204 ------- .../dist/angular/index.cjs.map | 1 - .../tach-typography/dist/angular/index.d.cts | 31 - .../tach-typography/dist/angular/index.d.ts | 32 +- .../tach-typography/dist/angular/index.js | 201 +------ .../tach-typography/dist/angular/index.js.map | 1 - packages/tach-typography/package.json | 13 +- .../scripts/fix-angular-entry.mjs | 12 + packages/tach-typography/src/angular/index.ts | 319 +++++++++- .../tach-typography/src/angular/public-api.ts | 1 + .../tach-typography/tsconfig.angular.json | 20 + packages/tach-typography/tsup.config.ts | 1 - yarn.lock | 209 ++++++- 38 files changed, 1319 insertions(+), 501 deletions(-) create mode 100644 packages/tach-typography/dist/angular/angular/index.d.ts create mode 100644 packages/tach-typography/dist/angular/angular/index.d.ts.map create mode 100644 packages/tach-typography/dist/angular/angular/index.js create mode 100644 packages/tach-typography/dist/angular/angular/index.js.map create mode 100644 packages/tach-typography/dist/angular/angular/public-api.d.ts create mode 100644 packages/tach-typography/dist/angular/angular/public-api.d.ts.map create mode 100644 packages/tach-typography/dist/angular/angular/public-api.js create mode 100644 packages/tach-typography/dist/angular/angular/public-api.js.map create mode 100644 packages/tach-typography/dist/angular/core/classnames.d.ts create mode 100644 packages/tach-typography/dist/angular/core/classnames.d.ts.map create mode 100644 packages/tach-typography/dist/angular/core/classnames.js create mode 100644 packages/tach-typography/dist/angular/core/classnames.js.map create mode 100644 packages/tach-typography/dist/angular/core/ellipsis.d.ts create mode 100644 packages/tach-typography/dist/angular/core/ellipsis.d.ts.map create mode 100644 packages/tach-typography/dist/angular/core/ellipsis.js create mode 100644 packages/tach-typography/dist/angular/core/ellipsis.js.map create mode 100644 packages/tach-typography/dist/angular/core/index.d.ts create mode 100644 packages/tach-typography/dist/angular/core/index.d.ts.map create mode 100644 packages/tach-typography/dist/angular/core/index.js create mode 100644 packages/tach-typography/dist/angular/core/index.js.map create mode 100644 packages/tach-typography/dist/angular/core/types.d.ts create mode 100644 packages/tach-typography/dist/angular/core/types.d.ts.map create mode 100644 packages/tach-typography/dist/angular/core/types.js create mode 100644 packages/tach-typography/dist/angular/core/types.js.map delete mode 100644 packages/tach-typography/dist/angular/index.cjs delete mode 100644 packages/tach-typography/dist/angular/index.cjs.map delete mode 100644 packages/tach-typography/dist/angular/index.d.cts delete mode 100644 packages/tach-typography/dist/angular/index.js.map create mode 100644 packages/tach-typography/scripts/fix-angular-entry.mjs create mode 100644 packages/tach-typography/src/angular/public-api.ts create mode 100644 packages/tach-typography/tsconfig.angular.json diff --git a/packages/tach-typography/README.md b/packages/tach-typography/README.md index b75ec94..f46b462 100644 --- a/packages/tach-typography/README.md +++ b/packages/tach-typography/README.md @@ -8,7 +8,7 @@ Typography package with shared tokens and framework adapters: ## Install from Git (SSH tag) ```bash -yarn add "@hublib-web/tach-typography@git+ssh://git@github.com/ORG/REPO.git#workspace=@hublib-web/tach-typography&tag=tach-typography-v0.1.0" +yarn add "@hublib-web/tach-typography@git+ssh://git@github.com/ORG/REPO.git#workspace=@hublib-web/tach-typography&tag=tach-typography-v0.2.0" ``` ## Install inside this monorepo @@ -30,13 +30,13 @@ yarn workspace @hublib-web/tach-typography build ```bash git add packages/tach-typography/package.json packages/tach-typography/dist -git commit -m "release(tach-typography): v0.1.0" +git commit -m "release(tach-typography): v0.2.0" ``` 4. Create and push tag: ```bash -git tag -a tach-typography-v0.1.0 -m "@hublib-web/tach-typography v0.1.0" +git tag -a tach-typography-v0.2.0 -m "@hublib-web/tach-typography v0.2.0" git push origin main --follow-tags ``` @@ -62,22 +62,31 @@ export const Example = () => ( ```ts import { Component } from "@angular/core"; -import { TachTypographyDirective, TachTypographyNzModule } from "@hublib-web/tach-typography/angular"; +import { TachTypographyComponent } from "@hublib-web/tach-typography/angular"; @Component({ selector: "app-example", standalone: true, - imports: [TachTypographyNzModule, TachTypographyDirective], + imports: [TachTypographyComponent], template: ` - Hello from Angular + NG-ZORRO - + + + + Open docs + `, }) export class ExampleComponent {} diff --git a/packages/tach-typography/dist/angular/angular/index.d.ts b/packages/tach-typography/dist/angular/angular/index.d.ts new file mode 100644 index 0000000..551f7b5 --- /dev/null +++ b/packages/tach-typography/dist/angular/angular/index.d.ts @@ -0,0 +1,81 @@ +import { ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from "@angular/core"; +import { NzTypographyComponent } from "ng-zorro-antd/typography"; +import { type EllipsisOptions, type TypographyClassOptions, type TypographyColor, type TypographyRenderOptions, type TypographyVariant, type TypographyWeight } from "../core"; +import * as i0 from "@angular/core"; +import * as i1 from "ng-zorro-antd/typography"; +export type AngularTypographyClassInput = TypographyClassOptions; +export interface AngularTypographyRenderOptions extends TypographyRenderOptions { + preserveStyle?: Record; +} +export type TachTypographyHostTag = "span" | "p" | "a" | "h1" | "h2" | "h3" | "h4"; +type NonFunctionNonEmitterKeys = { + [K in keyof T]-?: T[K] extends (...args: never[]) => unknown ? never : T[K] extends EventEmitter ? never : K; +}[keyof T]; +type NzTypographyInputKey = Extract, `nz${string}`>; +export type TachTypographyNzProps = Partial>; +export type TachTypographyHostProps = Record; +export declare const tachAngularTypographyClassName: (options?: AngularTypographyClassInput) => string; +export declare const tachAngularTypographyClassList: (options?: AngularTypographyClassInput) => string[]; +export declare const tachAngularTypographyStyles: (ellipsis?: EllipsisOptions, preserveStyle?: Record) => Record; +export declare class TachTypographyDirective implements OnChanges { + private readonly elementRef; + private readonly renderer; + tachTypography: TypographyVariant | "" | undefined; + tachTypographyVariant: TypographyVariant; + tachTypographyColor: TypographyColor; + tachTypographyWeight: TypographyWeight; + tachTypographyClickable: boolean; + tachTypographyClassName: string | undefined; + tachTypographyEllipsis: EllipsisOptions | undefined; + private readonly appliedClasses; + private readonly appliedStyleProperties; + constructor(elementRef: ElementRef, renderer: Renderer2); + ngOnChanges(_changes: SimpleChanges): void; + private syncClasses; + private syncEllipsisStyles; + static ɵfac: i0.ɵɵFactoryDeclaration; + static ɵdir: i0.ɵɵDirectiveDeclaration; +} +export declare class TachTypographyNzPropsDirective implements OnChanges { + tachTypographyNzProps: TachTypographyNzProps | null | undefined; + private readonly appliedNzKeys; + private readonly nzTypography; + ngOnChanges(): void; + static ɵfac: i0.ɵɵFactoryDeclaration; + static ɵdir: i0.ɵɵDirectiveDeclaration; +} +export declare class TachTypographyHostPropsDirective implements OnChanges { + private readonly elementRef; + private readonly renderer; + tachTypographyHostProps: TachTypographyHostProps | null | undefined; + private readonly appliedHostProps; + constructor(elementRef: ElementRef, renderer: Renderer2); + ngOnChanges(): void; + private shouldApplyAsAttribute; + private hasPropertyOnElement; + static ɵfac: i0.ɵɵFactoryDeclaration; + static ɵdir: i0.ɵɵDirectiveDeclaration; +} +export declare class TachTypographyComponent { + hostTag: TachTypographyHostTag; + variant: TypographyVariant; + color: TypographyColor; + weight: TypographyWeight; + clickable: boolean; + className: string | undefined; + ellipsis: EllipsisOptions | undefined; + nzProps: TachTypographyNzProps | undefined; + hostProps: TachTypographyHostProps | undefined; + preserveStyle: Record | undefined; + readonly tachClick: EventEmitter; + handleClick(event: MouseEvent): void; + static ɵfac: i0.ɵɵFactoryDeclaration; + static ɵcmp: i0.ɵɵComponentDeclaration; +} +export declare class TachTypographyNzModule { + static ɵfac: i0.ɵɵFactoryDeclaration; + static ɵmod: i0.ɵɵNgModuleDeclaration; + static ɵinj: i0.ɵɵInjectorDeclaration; +} +export {}; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/angular/index.d.ts.map b/packages/tach-typography/dist/angular/angular/index.d.ts.map new file mode 100644 index 0000000..60fd33e --- /dev/null +++ b/packages/tach-typography/dist/angular/angular/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/angular/index.ts"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/angular/index.js b/packages/tach-typography/dist/angular/angular/index.js new file mode 100644 index 0000000..a94cd8c --- /dev/null +++ b/packages/tach-typography/dist/angular/angular/index.js @@ -0,0 +1,545 @@ +import { NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault } from "@angular/common"; +import { ChangeDetectionStrategy, Component, Directive, EventEmitter, inject, Input, NgModule, Output, } from "@angular/core"; +import { NzTypographyComponent, NzTypographyModule } from "ng-zorro-antd/typography"; +import { tachTypographyClassList, tachTypographyClassName, tachTypographyEllipsisStyle, } from "../core"; +import * as i0 from "@angular/core"; +import * as i1 from "ng-zorro-antd/typography"; +const camelToKebab = (value) => value.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`); +const toCssProperty = (styleKey) => { + if (styleKey.startsWith("Webkit")) { + return `-webkit-${camelToKebab(styleKey.slice(6))}`; + } + return camelToKebab(styleKey); +}; +export const tachAngularTypographyClassName = (options = {}) => { + return tachTypographyClassName(options); +}; +export const tachAngularTypographyClassList = (options = {}) => { + return tachTypographyClassList(options); +}; +export const tachAngularTypographyStyles = (ellipsis, preserveStyle = {}) => { + const ellipsisStyle = tachTypographyEllipsisStyle(ellipsis); + if (!ellipsisStyle) { + return preserveStyle; + } + return { + ...ellipsisStyle, + ...preserveStyle, + }; +}; +export class TachTypographyDirective { + elementRef; + renderer; + tachTypography; + tachTypographyVariant = "Body"; + tachTypographyColor = "primary"; + tachTypographyWeight = "normal"; + tachTypographyClickable = false; + tachTypographyClassName; + tachTypographyEllipsis; + appliedClasses = new Set(); + appliedStyleProperties = new Set(); + constructor(elementRef, renderer) { + this.elementRef = elementRef; + this.renderer = renderer; + } + ngOnChanges(_changes) { + this.syncClasses(); + this.syncEllipsisStyles(); + } + syncClasses() { + const nextClassList = tachTypographyClassList({ + variant: this.tachTypography || this.tachTypographyVariant, + color: this.tachTypographyColor, + weight: this.tachTypographyWeight, + clickable: this.tachTypographyClickable, + className: this.tachTypographyClassName, + }); + const nextSet = new Set(nextClassList); + for (const className of this.appliedClasses) { + if (!nextSet.has(className)) { + this.renderer.removeClass(this.elementRef.nativeElement, className); + } + } + for (const className of nextSet) { + this.renderer.addClass(this.elementRef.nativeElement, className); + } + this.appliedClasses.clear(); + for (const className of nextSet) { + this.appliedClasses.add(className); + } + } + syncEllipsisStyles() { + const nextStyles = tachTypographyEllipsisStyle(this.tachTypographyEllipsis) || {}; + const nextStyleKeys = new Set(Object.keys(nextStyles)); + for (const styleKey of this.appliedStyleProperties) { + if (!nextStyleKeys.has(styleKey)) { + this.renderer.removeStyle(this.elementRef.nativeElement, toCssProperty(styleKey)); + } + } + for (const [styleKey, styleValue] of Object.entries(nextStyles)) { + this.renderer.setStyle(this.elementRef.nativeElement, toCssProperty(styleKey), styleValue); + } + this.appliedStyleProperties.clear(); + for (const styleKey of nextStyleKeys) { + this.appliedStyleProperties.add(styleKey); + } + } + static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); + static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: TachTypographyDirective, isStandalone: true, selector: "[tachTypography]", inputs: { tachTypography: "tachTypography", tachTypographyVariant: "tachTypographyVariant", tachTypographyColor: "tachTypographyColor", tachTypographyWeight: "tachTypographyWeight", tachTypographyClickable: "tachTypographyClickable", tachTypographyClassName: "tachTypographyClassName", tachTypographyEllipsis: "tachTypographyEllipsis" }, usesOnChanges: true, ngImport: i0 }); +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyDirective, decorators: [{ + type: Directive, + args: [{ + selector: "[tachTypography]", + standalone: true, + }] + }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { tachTypography: [{ + type: Input + }], tachTypographyVariant: [{ + type: Input + }], tachTypographyColor: [{ + type: Input + }], tachTypographyWeight: [{ + type: Input + }], tachTypographyClickable: [{ + type: Input + }], tachTypographyClassName: [{ + type: Input + }], tachTypographyEllipsis: [{ + type: Input + }] } }); +export class TachTypographyNzPropsDirective { + tachTypographyNzProps; + appliedNzKeys = new Set(); + nzTypography = inject(NzTypographyComponent, { self: true, optional: true }); + ngOnChanges() { + if (!this.nzTypography) { + return; + } + const nzTypography = this.nzTypography; + const nextProps = this.tachTypographyNzProps ?? {}; + const nextKeys = new Set(); + for (const [key, value] of Object.entries(nextProps)) { + if (!key.startsWith("nz")) { + continue; + } + nzTypography[key] = value; + nextKeys.add(key); + } + for (const key of this.appliedNzKeys) { + if (!nextKeys.has(key)) { + nzTypography[key] = undefined; + } + } + this.appliedNzKeys.clear(); + for (const key of nextKeys) { + this.appliedNzKeys.add(key); + } + } + static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyNzPropsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); + static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: TachTypographyNzPropsDirective, isStandalone: true, selector: "[tachTypographyNzProps]", inputs: { tachTypographyNzProps: "tachTypographyNzProps" }, usesOnChanges: true, ngImport: i0 }); +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyNzPropsDirective, decorators: [{ + type: Directive, + args: [{ + selector: "[tachTypographyNzProps]", + standalone: true, + }] + }], propDecorators: { tachTypographyNzProps: [{ + type: Input + }] } }); +export class TachTypographyHostPropsDirective { + elementRef; + renderer; + tachTypographyHostProps; + appliedHostProps = new Map(); + constructor(elementRef, renderer) { + this.elementRef = elementRef; + this.renderer = renderer; + } + ngOnChanges() { + const nextProps = this.tachTypographyHostProps ?? {}; + const nextAppliedProps = new Map(); + for (const [key, value] of Object.entries(nextProps)) { + if (key === "class" || key === "className" || key === "style") { + continue; + } + if (value === undefined || value === null) { + continue; + } + const applyAsAttr = this.shouldApplyAsAttribute(key, value); + if (applyAsAttr) { + if (typeof value === "boolean") { + if (value) { + this.renderer.setAttribute(this.elementRef.nativeElement, key, ""); + } + else { + this.renderer.removeAttribute(this.elementRef.nativeElement, key); + } + } + else { + this.renderer.setAttribute(this.elementRef.nativeElement, key, String(value)); + } + nextAppliedProps.set(key, "attr"); + continue; + } + this.renderer.setProperty(this.elementRef.nativeElement, key, value); + nextAppliedProps.set(key, "prop"); + } + for (const [key, kind] of this.appliedHostProps.entries()) { + if (nextAppliedProps.has(key)) { + continue; + } + if (kind === "attr") { + this.renderer.removeAttribute(this.elementRef.nativeElement, key); + } + else { + this.renderer.setProperty(this.elementRef.nativeElement, key, undefined); + } + } + this.appliedHostProps.clear(); + for (const [key, kind] of nextAppliedProps.entries()) { + this.appliedHostProps.set(key, kind); + } + } + shouldApplyAsAttribute(key, value) { + if (key.startsWith("data-") || key.startsWith("aria-")) { + return true; + } + if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") { + return !this.hasPropertyOnElement(key); + } + return false; + } + hasPropertyOnElement(key) { + return key in this.elementRef.nativeElement; + } + static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyHostPropsDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); + static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: TachTypographyHostPropsDirective, isStandalone: true, selector: "[tachTypographyHostProps]", inputs: { tachTypographyHostProps: "tachTypographyHostProps" }, usesOnChanges: true, ngImport: i0 }); +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyHostPropsDirective, decorators: [{ + type: Directive, + args: [{ + selector: "[tachTypographyHostProps]", + standalone: true, + }] + }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { tachTypographyHostProps: [{ + type: Input + }] } }); +export class TachTypographyComponent { + hostTag = "span"; + variant = "Body"; + color = "primary"; + weight = "normal"; + clickable = false; + className; + ellipsis; + nzProps; + hostProps; + preserveStyle; + tachClick = new EventEmitter(); + handleClick(event) { + this.tachClick.emit(event); + } + static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); + static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: TachTypographyComponent, isStandalone: true, selector: "tach-typography", inputs: { hostTag: ["as", "hostTag"], variant: "variant", color: "color", weight: "weight", clickable: "clickable", className: "className", ellipsis: "ellipsis", nzProps: "nzProps", hostProps: "hostProps", preserveStyle: "preserveStyle" }, outputs: { tachClick: "tachClick" }, ngImport: i0, template: ` + +

+ +

+ + + +

+ +

+

+ +

+

+ +

+

+ +

+ + + + + `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzTypographyModule }, { kind: "component", type: i1.NzTypographyComponent, selector: " nz-typography, [nz-typography], p[nz-paragraph], span[nz-text], h1[nz-title], h2[nz-title], h3[nz-title], h4[nz-title] ", inputs: ["nzCopyable", "nzEditable", "nzDisabled", "nzExpandable", "nzEllipsis", "nzCopyTooltips", "nzCopyIcons", "nzEditTooltip", "nzEditIcon", "nzContent", "nzEllipsisRows", "nzType", "nzCopyText", "nzSuffix"], outputs: ["nzContentChange", "nzCopy", "nzExpandChange", "nzOnEllipsis"], exportAs: ["nzTypography"] }, { kind: "directive", type: TachTypographyDirective, selector: "[tachTypography]", inputs: ["tachTypography", "tachTypographyVariant", "tachTypographyColor", "tachTypographyWeight", "tachTypographyClickable", "tachTypographyClassName", "tachTypographyEllipsis"] }, { kind: "directive", type: TachTypographyNzPropsDirective, selector: "[tachTypographyNzProps]", inputs: ["tachTypographyNzProps"] }, { kind: "directive", type: TachTypographyHostPropsDirective, selector: "[tachTypographyHostProps]", inputs: ["tachTypographyHostProps"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyComponent, decorators: [{ + type: Component, + args: [{ + selector: "tach-typography", + standalone: true, + imports: [ + NzTypographyModule, + TachTypographyDirective, + TachTypographyNzPropsDirective, + TachTypographyHostPropsDirective, + NgSwitch, + NgSwitchCase, + NgSwitchDefault, + NgStyle, + ], + changeDetection: ChangeDetectionStrategy.OnPush, + template: ` + +

+ +

+ + + +

+ +

+

+ +

+

+ +

+

+ +

+ + + + + `, + }] + }], propDecorators: { hostTag: [{ + type: Input, + args: ["as"] + }], variant: [{ + type: Input + }], color: [{ + type: Input + }], weight: [{ + type: Input + }], clickable: [{ + type: Input + }], className: [{ + type: Input + }], ellipsis: [{ + type: Input + }], nzProps: [{ + type: Input + }], hostProps: [{ + type: Input + }], preserveStyle: [{ + type: Input + }], tachClick: [{ + type: Output + }] } }); +export class TachTypographyNzModule { + static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyNzModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); + static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyNzModule, imports: [NzTypographyModule, TachTypographyDirective, TachTypographyNzPropsDirective, TachTypographyHostPropsDirective, TachTypographyComponent], exports: [NzTypographyModule, TachTypographyDirective, TachTypographyNzPropsDirective, TachTypographyHostPropsDirective, TachTypographyComponent] }); + static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyNzModule, imports: [NzTypographyModule, + TachTypographyComponent, NzTypographyModule] }); +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TachTypographyNzModule, decorators: [{ + type: NgModule, + args: [{ + imports: [ + NzTypographyModule, + TachTypographyDirective, + TachTypographyNzPropsDirective, + TachTypographyHostPropsDirective, + TachTypographyComponent, + ], + exports: [ + NzTypographyModule, + TachTypographyDirective, + TachTypographyNzPropsDirective, + TachTypographyHostPropsDirective, + TachTypographyComponent, + ], + }] + }] }); +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/angular/index.js.map b/packages/tach-typography/dist/angular/angular/index.js.map new file mode 100644 index 0000000..cb6b4f8 --- /dev/null +++ b/packages/tach-typography/dist/angular/angular/index.js.map @@ -0,0 +1 @@ +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/angular/index.ts"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/angular/public-api.d.ts b/packages/tach-typography/dist/angular/angular/public-api.d.ts new file mode 100644 index 0000000..8948ea2 --- /dev/null +++ b/packages/tach-typography/dist/angular/angular/public-api.d.ts @@ -0,0 +1,2 @@ +export * from "./index"; +//# sourceMappingURL=public-api.d.ts.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/angular/public-api.d.ts.map b/packages/tach-typography/dist/angular/angular/public-api.d.ts.map new file mode 100644 index 0000000..ab29098 --- /dev/null +++ b/packages/tach-typography/dist/angular/angular/public-api.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/angular/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/angular/public-api.js b/packages/tach-typography/dist/angular/angular/public-api.js new file mode 100644 index 0000000..1416daa --- /dev/null +++ b/packages/tach-typography/dist/angular/angular/public-api.js @@ -0,0 +1,2 @@ +export * from "./index"; +//# sourceMappingURL=public-api.js.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/angular/public-api.js.map b/packages/tach-typography/dist/angular/angular/public-api.js.map new file mode 100644 index 0000000..b9553e5 --- /dev/null +++ b/packages/tach-typography/dist/angular/angular/public-api.js.map @@ -0,0 +1 @@ +{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../src/angular/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/classnames.d.ts b/packages/tach-typography/dist/angular/core/classnames.d.ts new file mode 100644 index 0000000..0432de1 --- /dev/null +++ b/packages/tach-typography/dist/angular/core/classnames.d.ts @@ -0,0 +1,4 @@ +import type { TypographyClassOptions } from "./types"; +export declare const tachTypographyClassName: ({ variant, color, weight, clickable, className, }?: TypographyClassOptions) => string; +export declare const tachTypographyClassList: (options?: TypographyClassOptions) => string[]; +//# sourceMappingURL=classnames.d.ts.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/classnames.d.ts.map b/packages/tach-typography/dist/angular/core/classnames.d.ts.map new file mode 100644 index 0000000..dda22b7 --- /dev/null +++ b/packages/tach-typography/dist/angular/core/classnames.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"classnames.d.ts","sourceRoot":"","sources":["../../../src/core/classnames.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAOtD,eAAO,MAAM,uBAAuB,GAAI,oDAMrC,sBAA2B,KAAG,MAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,UAAS,sBAA2B,KAAG,MAAM,EAIpF,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/classnames.js b/packages/tach-typography/dist/angular/core/classnames.js new file mode 100644 index 0000000..c5e847f --- /dev/null +++ b/packages/tach-typography/dist/angular/core/classnames.js @@ -0,0 +1,11 @@ +const BASE_CLASS = "tach-typography"; +const join = (...parts) => parts.filter(Boolean).join(" "); +export const tachTypographyClassName = ({ variant = "Body", color = "primary", weight = "normal", clickable = false, className, } = {}) => { + return join(BASE_CLASS, `${BASE_CLASS}--${variant}`, `${BASE_CLASS}--color-${color}`, weight === "bold" && `${BASE_CLASS}--bold`, clickable && `${BASE_CLASS}--pointer`, className); +}; +export const tachTypographyClassList = (options = {}) => { + return tachTypographyClassName(options) + .split(" ") + .filter(Boolean); +}; +//# sourceMappingURL=classnames.js.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/classnames.js.map b/packages/tach-typography/dist/angular/core/classnames.js.map new file mode 100644 index 0000000..8d9e9dc --- /dev/null +++ b/packages/tach-typography/dist/angular/core/classnames.js.map @@ -0,0 +1 @@ +{"version":3,"file":"classnames.js","sourceRoot":"","sources":["../../../src/core/classnames.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAErC,MAAM,IAAI,GAAG,CAAC,GAAG,KAA+C,EAAU,EAAE,CAC1E,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,SAAS,EACjB,MAAM,GAAG,QAAQ,EACjB,SAAS,GAAG,KAAK,EACjB,SAAS,MACiB,EAAE,EAAU,EAAE;IACxC,OAAO,IAAI,CACT,UAAU,EACV,GAAG,UAAU,KAAK,OAAO,EAAE,EAC3B,GAAG,UAAU,WAAW,KAAK,EAAE,EAC/B,MAAM,KAAK,MAAM,IAAI,GAAG,UAAU,QAAQ,EAC1C,SAAS,IAAI,GAAG,UAAU,WAAW,EACrC,SAAS,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,UAAkC,EAAE,EAAY,EAAE;IACxF,OAAO,uBAAuB,CAAC,OAAO,CAAC;SACpC,KAAK,CAAC,GAAG,CAAC;SACV,MAAM,CAAC,OAAO,CAAC,CAAC;AACrB,CAAC,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/ellipsis.d.ts b/packages/tach-typography/dist/angular/core/ellipsis.d.ts new file mode 100644 index 0000000..818433d --- /dev/null +++ b/packages/tach-typography/dist/angular/core/ellipsis.d.ts @@ -0,0 +1,5 @@ +import type { EllipsisOptions } from "./types"; +type StyleRecord = Record; +export declare const tachTypographyEllipsisStyle: (ellipsis?: EllipsisOptions) => StyleRecord | undefined; +export {}; +//# sourceMappingURL=ellipsis.d.ts.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/ellipsis.d.ts.map b/packages/tach-typography/dist/angular/core/ellipsis.d.ts.map new file mode 100644 index 0000000..6013b3e --- /dev/null +++ b/packages/tach-typography/dist/angular/core/ellipsis.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"ellipsis.d.ts","sourceRoot":"","sources":["../../../src/core/ellipsis.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,2BAA2B,GACtC,WAAW,eAAe,KACzB,WAAW,GAAG,SAchB,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/ellipsis.js b/packages/tach-typography/dist/angular/core/ellipsis.js new file mode 100644 index 0000000..d7e7fc6 --- /dev/null +++ b/packages/tach-typography/dist/angular/core/ellipsis.js @@ -0,0 +1,14 @@ +export const tachTypographyEllipsisStyle = (ellipsis) => { + if (!ellipsis) { + return undefined; + } + const rows = typeof ellipsis === "object" ? ellipsis.rows ?? 1 : 1; + return { + overflow: "hidden", + textOverflow: "ellipsis", + display: "-webkit-box", + WebkitBoxOrient: "vertical", + WebkitLineClamp: rows, + }; +}; +//# sourceMappingURL=ellipsis.js.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/ellipsis.js.map b/packages/tach-typography/dist/angular/core/ellipsis.js.map new file mode 100644 index 0000000..02b1ef4 --- /dev/null +++ b/packages/tach-typography/dist/angular/core/ellipsis.js.map @@ -0,0 +1 @@ +{"version":3,"file":"ellipsis.js","sourceRoot":"","sources":["../../../src/core/ellipsis.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,QAA0B,EACD,EAAE;IAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,OAAO;QACL,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,OAAO,EAAE,aAAa;QACtB,eAAe,EAAE,UAAU;QAC3B,eAAe,EAAE,IAAI;KACtB,CAAC;AACJ,CAAC,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/index.d.ts b/packages/tach-typography/dist/angular/core/index.d.ts new file mode 100644 index 0000000..06d561f --- /dev/null +++ b/packages/tach-typography/dist/angular/core/index.d.ts @@ -0,0 +1,4 @@ +export * from "./types"; +export * from "./classnames"; +export * from "./ellipsis"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/index.d.ts.map b/packages/tach-typography/dist/angular/core/index.d.ts.map new file mode 100644 index 0000000..e346c0b --- /dev/null +++ b/packages/tach-typography/dist/angular/core/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/index.js b/packages/tach-typography/dist/angular/core/index.js new file mode 100644 index 0000000..e8616ab --- /dev/null +++ b/packages/tach-typography/dist/angular/core/index.js @@ -0,0 +1,4 @@ +export * from "./types"; +export * from "./classnames"; +export * from "./ellipsis"; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/index.js.map b/packages/tach-typography/dist/angular/core/index.js.map new file mode 100644 index 0000000..f56fd47 --- /dev/null +++ b/packages/tach-typography/dist/angular/core/index.js.map @@ -0,0 +1 @@ +{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/types.d.ts b/packages/tach-typography/dist/angular/core/types.d.ts new file mode 100644 index 0000000..8a9f432 --- /dev/null +++ b/packages/tach-typography/dist/angular/core/types.d.ts @@ -0,0 +1,19 @@ +export declare const TYPOGRAPHY_VARIANTS: readonly ["LargeTitle", "Title1", "Title2", "Title3", "Headline", "Body", "Inputs", "Subheadline", "FootnoteUnderline", "Footnote", "Caption", "Caption2", "AccentH1", "AccentH2", "AccentSubttl", "AccentSubttl2", "AccentCaption", "AccentCaption2", "AccentRegularM", "AccentRegularS", "AccentLargeTtl", "AppMediumBody", "AppMediumSubtext", "AppMediumSubtextUnderline"]; +export declare const TYPOGRAPHY_COLORS: readonly ["primary", "secondary", "tertiary", "quaternary", "link", "white", "dark", "alert", "malahit", "attantion"]; +export type TypographyVariant = (typeof TYPOGRAPHY_VARIANTS)[number]; +export type TypographyColor = (typeof TYPOGRAPHY_COLORS)[number]; +export type TypographyWeight = "normal" | "bold"; +export interface TypographyClassOptions { + variant?: TypographyVariant; + color?: TypographyColor; + weight?: TypographyWeight; + clickable?: boolean; + className?: string | undefined; +} +export type EllipsisOptions = boolean | { + rows?: number; +}; +export interface TypographyRenderOptions extends TypographyClassOptions { + ellipsis?: EllipsisOptions; +} +//# sourceMappingURL=types.d.ts.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/types.d.ts.map b/packages/tach-typography/dist/angular/core/types.d.ts.map new file mode 100644 index 0000000..9ba2846 --- /dev/null +++ b/packages/tach-typography/dist/angular/core/types.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/core/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,gXAyBtB,CAAC;AAEX,eAAO,MAAM,iBAAiB,uHAWpB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AACjE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,eAAe,GACvB,OAAO,GACP;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB;IACrE,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/types.js b/packages/tach-typography/dist/angular/core/types.js new file mode 100644 index 0000000..248f47f --- /dev/null +++ b/packages/tach-typography/dist/angular/core/types.js @@ -0,0 +1,39 @@ +export const TYPOGRAPHY_VARIANTS = [ + "LargeTitle", + "Title1", + "Title2", + "Title3", + "Headline", + "Body", + "Inputs", + "Subheadline", + "FootnoteUnderline", + "Footnote", + "Caption", + "Caption2", + "AccentH1", + "AccentH2", + "AccentSubttl", + "AccentSubttl2", + "AccentCaption", + "AccentCaption2", + "AccentRegularM", + "AccentRegularS", + "AccentLargeTtl", + "AppMediumBody", + "AppMediumSubtext", + "AppMediumSubtextUnderline", +]; +export const TYPOGRAPHY_COLORS = [ + "primary", + "secondary", + "tertiary", + "quaternary", + "link", + "white", + "dark", + "alert", + "malahit", + "attantion", +]; +//# sourceMappingURL=types.js.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/core/types.js.map b/packages/tach-typography/dist/angular/core/types.js.map new file mode 100644 index 0000000..cdc44c4 --- /dev/null +++ b/packages/tach-typography/dist/angular/core/types.js.map @@ -0,0 +1 @@ +{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/core/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,YAAY;IACZ,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,MAAM;IACN,QAAQ;IACR,aAAa;IACb,mBAAmB;IACnB,UAAU;IACV,SAAS;IACT,UAAU;IACV,UAAU;IACV,UAAU;IACV,cAAc;IACd,eAAe;IACf,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,2BAA2B;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,SAAS;IACT,WAAW;IACX,UAAU;IACV,YAAY;IACZ,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;IACP,SAAS;IACT,WAAW;CACH,CAAC"} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/index.cjs b/packages/tach-typography/dist/angular/index.cjs deleted file mode 100644 index 8310c86..0000000 --- a/packages/tach-typography/dist/angular/index.cjs +++ /dev/null @@ -1,204 +0,0 @@ -'use strict'; - -var core = require('@angular/core'); -var typography = require('ng-zorro-antd/typography'); - -var __create = Object.create; -var __defProp = Object.defineProperty; -var __getOwnPropDesc = Object.getOwnPropertyDescriptor; -var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name); -var __typeError = (msg) => { - throw TypeError(msg); -}; -var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; -var __name = (target, value) => __defProp(target, "name", { value, configurable: true }); -var __decoratorStart = (base) => [, , , __create(null)]; -var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"]; -var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn; -var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) }); -var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]); -var __runInitializers = (array, flags, self, value) => { - for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value); - return value; -}; -var __decorateElement = (array, flags, name, decorators, target, extra) => { - var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16); - var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5]; - var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []); - var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() { - return __privateGet(this, extra); - }, set [name](x) { - return __privateSet(this, extra, x); - } }, name)); - k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name); - for (var i = decorators.length - 1; i >= 0; i--) { - ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers); - if (k) { - ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x }; - if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name]; - if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y; - } - it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1; - if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it); - else if (typeof it !== "object" || it === null) __typeError("Object expected"); - else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn); - } - return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target; -}; -var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); -var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg); -var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj); -var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)); -var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value); -var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method); - -// src/core/classnames.ts -var BASE_CLASS = "tach-typography"; -var join = (...parts) => parts.filter(Boolean).join(" "); -var tachTypographyClassName = ({ - variant = "Body", - color = "primary", - weight = "normal", - clickable = false, - className -} = {}) => { - return join( - BASE_CLASS, - `${BASE_CLASS}--${variant}`, - `${BASE_CLASS}--color-${color}`, - weight === "bold" && `${BASE_CLASS}--bold`, - clickable && `${BASE_CLASS}--pointer`, - className - ); -}; -var tachTypographyClassList = (options = {}) => { - return tachTypographyClassName(options).split(" ").filter(Boolean); -}; - -// src/core/ellipsis.ts -var tachTypographyEllipsisStyle = (ellipsis) => { - if (!ellipsis) { - return void 0; - } - const rows = typeof ellipsis === "object" ? ellipsis.rows ?? 1 : 1; - return { - overflow: "hidden", - textOverflow: "ellipsis", - display: "-webkit-box", - WebkitBoxOrient: "vertical", - WebkitLineClamp: rows - }; -}; - -// src/angular/index.ts -var camelToKebab = (value) => value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`); -var toCssProperty = (styleKey) => { - if (styleKey.startsWith("Webkit")) { - return `-webkit-${camelToKebab(styleKey.slice(6))}`; - } - return camelToKebab(styleKey); -}; -var tachAngularTypographyClassName = (options = {}) => { - return tachTypographyClassName(options); -}; -var tachAngularTypographyClassList = (options = {}) => { - return tachTypographyClassList(options); -}; -var tachAngularTypographyStyles = (ellipsis, preserveStyle = {}) => { - const ellipsisStyle = tachTypographyEllipsisStyle(ellipsis); - if (!ellipsisStyle) { - return preserveStyle; - } - return { - ...ellipsisStyle, - ...preserveStyle - }; -}; -var _tachTypographyEllipsis_dec, _tachTypographyClassName_dec, _tachTypographyClickable_dec, _tachTypographyWeight_dec, _tachTypographyColor_dec, _tachTypographyVariant_dec, _tachTypography_dec, _TachTypographyDirective_decorators, _init; -_TachTypographyDirective_decorators = [core.Directive({ - selector: "[tachTypography]", - standalone: true -})], _tachTypography_dec = [core.Input()], _tachTypographyVariant_dec = [core.Input()], _tachTypographyColor_dec = [core.Input()], _tachTypographyWeight_dec = [core.Input()], _tachTypographyClickable_dec = [core.Input()], _tachTypographyClassName_dec = [core.Input()], _tachTypographyEllipsis_dec = [core.Input()]; -exports.TachTypographyDirective = class TachTypographyDirective { - constructor(elementRef, renderer) { - this.elementRef = elementRef; - this.renderer = renderer; - __publicField(this, "tachTypography", __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this); - __publicField(this, "tachTypographyVariant", __runInitializers(_init, 12, this, "Body")), __runInitializers(_init, 15, this); - __publicField(this, "tachTypographyColor", __runInitializers(_init, 16, this, "primary")), __runInitializers(_init, 19, this); - __publicField(this, "tachTypographyWeight", __runInitializers(_init, 20, this, "normal")), __runInitializers(_init, 23, this); - __publicField(this, "tachTypographyClickable", __runInitializers(_init, 24, this, false)), __runInitializers(_init, 27, this); - __publicField(this, "tachTypographyClassName", __runInitializers(_init, 28, this)), __runInitializers(_init, 31, this); - __publicField(this, "tachTypographyEllipsis", __runInitializers(_init, 32, this)), __runInitializers(_init, 35, this); - __publicField(this, "appliedClasses", /* @__PURE__ */ new Set()); - __publicField(this, "appliedStyleProperties", /* @__PURE__ */ new Set()); - } - ngOnChanges(_changes) { - this.syncClasses(); - this.syncEllipsisStyles(); - } - syncClasses() { - const nextClassList = tachTypographyClassList({ - variant: this.tachTypography || this.tachTypographyVariant, - color: this.tachTypographyColor, - weight: this.tachTypographyWeight, - clickable: this.tachTypographyClickable, - className: this.tachTypographyClassName - }); - const nextSet = new Set(nextClassList); - for (const className of this.appliedClasses) { - if (!nextSet.has(className)) { - this.renderer.removeClass(this.elementRef.nativeElement, className); - } - } - for (const className of nextSet) { - this.renderer.addClass(this.elementRef.nativeElement, className); - } - this.appliedClasses.clear(); - for (const className of nextSet) { - this.appliedClasses.add(className); - } - } - syncEllipsisStyles() { - const nextStyles = tachTypographyEllipsisStyle(this.tachTypographyEllipsis) || {}; - const nextStyleKeys = new Set(Object.keys(nextStyles)); - for (const styleKey of this.appliedStyleProperties) { - if (!nextStyleKeys.has(styleKey)) { - this.renderer.removeStyle(this.elementRef.nativeElement, toCssProperty(styleKey)); - } - } - for (const [styleKey, styleValue] of Object.entries(nextStyles)) { - this.renderer.setStyle(this.elementRef.nativeElement, toCssProperty(styleKey), styleValue); - } - this.appliedStyleProperties.clear(); - for (const styleKey of nextStyleKeys) { - this.appliedStyleProperties.add(styleKey); - } - } -}; -_init = __decoratorStart(); -__decorateElement(_init, 5, "tachTypography", _tachTypography_dec, exports.TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyVariant", _tachTypographyVariant_dec, exports.TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyColor", _tachTypographyColor_dec, exports.TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyWeight", _tachTypographyWeight_dec, exports.TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyClickable", _tachTypographyClickable_dec, exports.TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyClassName", _tachTypographyClassName_dec, exports.TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyEllipsis", _tachTypographyEllipsis_dec, exports.TachTypographyDirective); -exports.TachTypographyDirective = __decorateElement(_init, 0, "TachTypographyDirective", _TachTypographyDirective_decorators, exports.TachTypographyDirective); -__runInitializers(_init, 1, exports.TachTypographyDirective); -var _TachTypographyNzModule_decorators, _init2; -_TachTypographyNzModule_decorators = [core.NgModule({ - imports: [typography.NzTypographyModule, exports.TachTypographyDirective], - exports: [typography.NzTypographyModule, exports.TachTypographyDirective] -})]; -exports.TachTypographyNzModule = class TachTypographyNzModule { -}; -_init2 = __decoratorStart(); -exports.TachTypographyNzModule = __decorateElement(_init2, 0, "TachTypographyNzModule", _TachTypographyNzModule_decorators, exports.TachTypographyNzModule); -__runInitializers(_init2, 1, exports.TachTypographyNzModule); - -exports.tachAngularTypographyClassList = tachAngularTypographyClassList; -exports.tachAngularTypographyClassName = tachAngularTypographyClassName; -exports.tachAngularTypographyStyles = tachAngularTypographyStyles; -//# sourceMappingURL=index.cjs.map -//# sourceMappingURL=index.cjs.map \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/index.cjs.map b/packages/tach-typography/dist/angular/index.cjs.map deleted file mode 100644 index da96c61..0000000 --- a/packages/tach-typography/dist/angular/index.cjs.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../../src/core/classnames.ts","../../src/core/ellipsis.ts","../../src/angular/index.ts"],"names":["Directive","Input","TachTypographyDirective","_init","NgModule","NzTypographyModule","TachTypographyNzModule"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { TypographyClassOptions } from \"./types\";\n\nconst BASE_CLASS = \"tach-typography\";\n\nconst join = (...parts: Array): string =>\n parts.filter(Boolean).join(\" \");\n\nexport const tachTypographyClassName = ({\n variant = \"Body\",\n color = \"primary\",\n weight = \"normal\",\n clickable = false,\n className,\n}: TypographyClassOptions = {}): string => {\n return join(\n BASE_CLASS,\n `${BASE_CLASS}--${variant}`,\n `${BASE_CLASS}--color-${color}`,\n weight === \"bold\" && `${BASE_CLASS}--bold`,\n clickable && `${BASE_CLASS}--pointer`,\n className,\n );\n};\n\nexport const tachTypographyClassList = (options: TypographyClassOptions = {}): string[] => {\n return tachTypographyClassName(options)\n .split(\" \")\n .filter(Boolean);\n};\n","import type { EllipsisOptions } from \"./types\";\n\ntype StyleRecord = Record;\n\nexport const tachTypographyEllipsisStyle = (\n ellipsis?: EllipsisOptions,\n): StyleRecord | undefined => {\n if (!ellipsis) {\n return undefined;\n }\n\n const rows = typeof ellipsis === \"object\" ? ellipsis.rows ?? 1 : 1;\n\n return {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n display: \"-webkit-box\",\n WebkitBoxOrient: \"vertical\",\n WebkitLineClamp: rows,\n };\n};\n","import { NgModule } from \"@angular/core\";\nimport { Directive, ElementRef, Input, OnChanges, Renderer2, SimpleChanges } from \"@angular/core\";\nimport { NzTypographyModule } from \"ng-zorro-antd/typography\";\n\nimport {\n tachTypographyClassList,\n tachTypographyClassName,\n tachTypographyEllipsisStyle,\n type EllipsisOptions,\n type TypographyClassOptions,\n type TypographyColor,\n type TypographyRenderOptions,\n type TypographyVariant,\n type TypographyWeight,\n} from \"../core\";\n\nexport type AngularTypographyClassInput = TypographyClassOptions;\n\nexport interface AngularTypographyRenderOptions extends TypographyRenderOptions {\n preserveStyle?: Record;\n}\n\nconst camelToKebab = (value: string): string =>\n value.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);\n\nconst toCssProperty = (styleKey: string): string => {\n if (styleKey.startsWith(\"Webkit\")) {\n return `-webkit-${camelToKebab(styleKey.slice(6))}`;\n }\n\n return camelToKebab(styleKey);\n};\n\nexport const tachAngularTypographyClassName = (\n options: AngularTypographyClassInput = {},\n): string => {\n return tachTypographyClassName(options);\n};\n\nexport const tachAngularTypographyClassList = (\n options: AngularTypographyClassInput = {},\n): string[] => {\n return tachTypographyClassList(options);\n};\n\nexport const tachAngularTypographyStyles = (\n ellipsis?: EllipsisOptions,\n preserveStyle: Record = {},\n): Record => {\n const ellipsisStyle = tachTypographyEllipsisStyle(ellipsis);\n\n if (!ellipsisStyle) {\n return preserveStyle;\n }\n\n return {\n ...ellipsisStyle,\n ...preserveStyle,\n };\n};\n\n@Directive({\n selector: \"[tachTypography]\",\n standalone: true,\n})\nexport class TachTypographyDirective implements OnChanges {\n @Input() tachTypography: TypographyVariant | \"\" | undefined;\n @Input() tachTypographyVariant: TypographyVariant = \"Body\";\n @Input() tachTypographyColor: TypographyColor = \"primary\";\n @Input() tachTypographyWeight: TypographyWeight = \"normal\";\n @Input() tachTypographyClickable = false;\n @Input() tachTypographyClassName: string | undefined;\n @Input() tachTypographyEllipsis: EllipsisOptions | undefined;\n\n private readonly appliedClasses = new Set();\n private readonly appliedStyleProperties = new Set();\n\n constructor(\n private readonly elementRef: ElementRef,\n private readonly renderer: Renderer2,\n ) {}\n\n ngOnChanges(_changes: SimpleChanges): void {\n this.syncClasses();\n this.syncEllipsisStyles();\n }\n\n private syncClasses(): void {\n const nextClassList = tachTypographyClassList({\n variant: this.tachTypography || this.tachTypographyVariant,\n color: this.tachTypographyColor,\n weight: this.tachTypographyWeight,\n clickable: this.tachTypographyClickable,\n className: this.tachTypographyClassName,\n });\n\n const nextSet = new Set(nextClassList);\n\n for (const className of this.appliedClasses) {\n if (!nextSet.has(className)) {\n this.renderer.removeClass(this.elementRef.nativeElement, className);\n }\n }\n\n for (const className of nextSet) {\n this.renderer.addClass(this.elementRef.nativeElement, className);\n }\n\n this.appliedClasses.clear();\n for (const className of nextSet) {\n this.appliedClasses.add(className);\n }\n }\n\n private syncEllipsisStyles(): void {\n const nextStyles = tachTypographyEllipsisStyle(this.tachTypographyEllipsis) || {};\n const nextStyleKeys = new Set(Object.keys(nextStyles));\n\n for (const styleKey of this.appliedStyleProperties) {\n if (!nextStyleKeys.has(styleKey)) {\n this.renderer.removeStyle(this.elementRef.nativeElement, toCssProperty(styleKey));\n }\n }\n\n for (const [styleKey, styleValue] of Object.entries(nextStyles)) {\n this.renderer.setStyle(this.elementRef.nativeElement, toCssProperty(styleKey), styleValue);\n }\n\n this.appliedStyleProperties.clear();\n for (const styleKey of nextStyleKeys) {\n this.appliedStyleProperties.add(styleKey);\n }\n }\n}\n\n@NgModule({\n imports: [NzTypographyModule, TachTypographyDirective],\n exports: [NzTypographyModule, TachTypographyDirective],\n})\nexport class TachTypographyNzModule {}\n"]} \ No newline at end of file diff --git a/packages/tach-typography/dist/angular/index.d.cts b/packages/tach-typography/dist/angular/index.d.cts deleted file mode 100644 index dba128f..0000000 --- a/packages/tach-typography/dist/angular/index.d.cts +++ /dev/null @@ -1,31 +0,0 @@ -import { OnChanges, ElementRef, Renderer2, SimpleChanges } from '@angular/core'; -import { T as TypographyClassOptions, d as TypographyRenderOptions, e as TypographyVariant, c as TypographyColor, f as TypographyWeight, E as EllipsisOptions } from '../types-CQyFuLqp.cjs'; - -type AngularTypographyClassInput = TypographyClassOptions; -interface AngularTypographyRenderOptions extends TypographyRenderOptions { - preserveStyle?: Record; -} -declare const tachAngularTypographyClassName: (options?: AngularTypographyClassInput) => string; -declare const tachAngularTypographyClassList: (options?: AngularTypographyClassInput) => string[]; -declare const tachAngularTypographyStyles: (ellipsis?: EllipsisOptions, preserveStyle?: Record) => Record; -declare class TachTypographyDirective implements OnChanges { - private readonly elementRef; - private readonly renderer; - tachTypography: TypographyVariant | "" | undefined; - tachTypographyVariant: TypographyVariant; - tachTypographyColor: TypographyColor; - tachTypographyWeight: TypographyWeight; - tachTypographyClickable: boolean; - tachTypographyClassName: string | undefined; - tachTypographyEllipsis: EllipsisOptions | undefined; - private readonly appliedClasses; - private readonly appliedStyleProperties; - constructor(elementRef: ElementRef, renderer: Renderer2); - ngOnChanges(_changes: SimpleChanges): void; - private syncClasses; - private syncEllipsisStyles; -} -declare class TachTypographyNzModule { -} - -export { type AngularTypographyClassInput, type AngularTypographyRenderOptions, TachTypographyDirective, TachTypographyNzModule, tachAngularTypographyClassList, tachAngularTypographyClassName, tachAngularTypographyStyles }; diff --git a/packages/tach-typography/dist/angular/index.d.ts b/packages/tach-typography/dist/angular/index.d.ts index a27514c..3672fe9 100644 --- a/packages/tach-typography/dist/angular/index.d.ts +++ b/packages/tach-typography/dist/angular/index.d.ts @@ -1,31 +1 @@ -import { OnChanges, ElementRef, Renderer2, SimpleChanges } from '@angular/core'; -import { T as TypographyClassOptions, d as TypographyRenderOptions, e as TypographyVariant, c as TypographyColor, f as TypographyWeight, E as EllipsisOptions } from '../types-CQyFuLqp.js'; - -type AngularTypographyClassInput = TypographyClassOptions; -interface AngularTypographyRenderOptions extends TypographyRenderOptions { - preserveStyle?: Record; -} -declare const tachAngularTypographyClassName: (options?: AngularTypographyClassInput) => string; -declare const tachAngularTypographyClassList: (options?: AngularTypographyClassInput) => string[]; -declare const tachAngularTypographyStyles: (ellipsis?: EllipsisOptions, preserveStyle?: Record) => Record; -declare class TachTypographyDirective implements OnChanges { - private readonly elementRef; - private readonly renderer; - tachTypography: TypographyVariant | "" | undefined; - tachTypographyVariant: TypographyVariant; - tachTypographyColor: TypographyColor; - tachTypographyWeight: TypographyWeight; - tachTypographyClickable: boolean; - tachTypographyClassName: string | undefined; - tachTypographyEllipsis: EllipsisOptions | undefined; - private readonly appliedClasses; - private readonly appliedStyleProperties; - constructor(elementRef: ElementRef, renderer: Renderer2); - ngOnChanges(_changes: SimpleChanges): void; - private syncClasses; - private syncEllipsisStyles; -} -declare class TachTypographyNzModule { -} - -export { type AngularTypographyClassInput, type AngularTypographyRenderOptions, TachTypographyDirective, TachTypographyNzModule, tachAngularTypographyClassList, tachAngularTypographyClassName, tachAngularTypographyStyles }; +export * from "./angular/index"; diff --git a/packages/tach-typography/dist/angular/index.js b/packages/tach-typography/dist/angular/index.js index 4dee6bc..2094752 100644 --- a/packages/tach-typography/dist/angular/index.js +++ b/packages/tach-typography/dist/angular/index.js @@ -1,200 +1 @@ -import { Directive, Input, NgModule } from '@angular/core'; -import { NzTypographyModule } from 'ng-zorro-antd/typography'; - -var __create = Object.create; -var __defProp = Object.defineProperty; -var __getOwnPropDesc = Object.getOwnPropertyDescriptor; -var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name); -var __typeError = (msg) => { - throw TypeError(msg); -}; -var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; -var __name = (target, value) => __defProp(target, "name", { value, configurable: true }); -var __decoratorStart = (base) => [, , , __create(null)]; -var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"]; -var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn; -var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) }); -var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]); -var __runInitializers = (array, flags, self, value) => { - for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value); - return value; -}; -var __decorateElement = (array, flags, name, decorators, target, extra) => { - var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16); - var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5]; - var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []); - var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() { - return __privateGet(this, extra); - }, set [name](x) { - return __privateSet(this, extra, x); - } }, name)); - k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name); - for (var i = decorators.length - 1; i >= 0; i--) { - ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers); - if (k) { - ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x }; - if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name]; - if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y; - } - it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1; - if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it); - else if (typeof it !== "object" || it === null) __typeError("Object expected"); - else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn); - } - return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target; -}; -var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); -var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg); -var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj); -var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)); -var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value); -var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method); - -// src/core/classnames.ts -var BASE_CLASS = "tach-typography"; -var join = (...parts) => parts.filter(Boolean).join(" "); -var tachTypographyClassName = ({ - variant = "Body", - color = "primary", - weight = "normal", - clickable = false, - className -} = {}) => { - return join( - BASE_CLASS, - `${BASE_CLASS}--${variant}`, - `${BASE_CLASS}--color-${color}`, - weight === "bold" && `${BASE_CLASS}--bold`, - clickable && `${BASE_CLASS}--pointer`, - className - ); -}; -var tachTypographyClassList = (options = {}) => { - return tachTypographyClassName(options).split(" ").filter(Boolean); -}; - -// src/core/ellipsis.ts -var tachTypographyEllipsisStyle = (ellipsis) => { - if (!ellipsis) { - return void 0; - } - const rows = typeof ellipsis === "object" ? ellipsis.rows ?? 1 : 1; - return { - overflow: "hidden", - textOverflow: "ellipsis", - display: "-webkit-box", - WebkitBoxOrient: "vertical", - WebkitLineClamp: rows - }; -}; - -// src/angular/index.ts -var camelToKebab = (value) => value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`); -var toCssProperty = (styleKey) => { - if (styleKey.startsWith("Webkit")) { - return `-webkit-${camelToKebab(styleKey.slice(6))}`; - } - return camelToKebab(styleKey); -}; -var tachAngularTypographyClassName = (options = {}) => { - return tachTypographyClassName(options); -}; -var tachAngularTypographyClassList = (options = {}) => { - return tachTypographyClassList(options); -}; -var tachAngularTypographyStyles = (ellipsis, preserveStyle = {}) => { - const ellipsisStyle = tachTypographyEllipsisStyle(ellipsis); - if (!ellipsisStyle) { - return preserveStyle; - } - return { - ...ellipsisStyle, - ...preserveStyle - }; -}; -var _tachTypographyEllipsis_dec, _tachTypographyClassName_dec, _tachTypographyClickable_dec, _tachTypographyWeight_dec, _tachTypographyColor_dec, _tachTypographyVariant_dec, _tachTypography_dec, _TachTypographyDirective_decorators, _init; -_TachTypographyDirective_decorators = [Directive({ - selector: "[tachTypography]", - standalone: true -})], _tachTypography_dec = [Input()], _tachTypographyVariant_dec = [Input()], _tachTypographyColor_dec = [Input()], _tachTypographyWeight_dec = [Input()], _tachTypographyClickable_dec = [Input()], _tachTypographyClassName_dec = [Input()], _tachTypographyEllipsis_dec = [Input()]; -var TachTypographyDirective = class { - constructor(elementRef, renderer) { - this.elementRef = elementRef; - this.renderer = renderer; - __publicField(this, "tachTypography", __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this); - __publicField(this, "tachTypographyVariant", __runInitializers(_init, 12, this, "Body")), __runInitializers(_init, 15, this); - __publicField(this, "tachTypographyColor", __runInitializers(_init, 16, this, "primary")), __runInitializers(_init, 19, this); - __publicField(this, "tachTypographyWeight", __runInitializers(_init, 20, this, "normal")), __runInitializers(_init, 23, this); - __publicField(this, "tachTypographyClickable", __runInitializers(_init, 24, this, false)), __runInitializers(_init, 27, this); - __publicField(this, "tachTypographyClassName", __runInitializers(_init, 28, this)), __runInitializers(_init, 31, this); - __publicField(this, "tachTypographyEllipsis", __runInitializers(_init, 32, this)), __runInitializers(_init, 35, this); - __publicField(this, "appliedClasses", /* @__PURE__ */ new Set()); - __publicField(this, "appliedStyleProperties", /* @__PURE__ */ new Set()); - } - ngOnChanges(_changes) { - this.syncClasses(); - this.syncEllipsisStyles(); - } - syncClasses() { - const nextClassList = tachTypographyClassList({ - variant: this.tachTypography || this.tachTypographyVariant, - color: this.tachTypographyColor, - weight: this.tachTypographyWeight, - clickable: this.tachTypographyClickable, - className: this.tachTypographyClassName - }); - const nextSet = new Set(nextClassList); - for (const className of this.appliedClasses) { - if (!nextSet.has(className)) { - this.renderer.removeClass(this.elementRef.nativeElement, className); - } - } - for (const className of nextSet) { - this.renderer.addClass(this.elementRef.nativeElement, className); - } - this.appliedClasses.clear(); - for (const className of nextSet) { - this.appliedClasses.add(className); - } - } - syncEllipsisStyles() { - const nextStyles = tachTypographyEllipsisStyle(this.tachTypographyEllipsis) || {}; - const nextStyleKeys = new Set(Object.keys(nextStyles)); - for (const styleKey of this.appliedStyleProperties) { - if (!nextStyleKeys.has(styleKey)) { - this.renderer.removeStyle(this.elementRef.nativeElement, toCssProperty(styleKey)); - } - } - for (const [styleKey, styleValue] of Object.entries(nextStyles)) { - this.renderer.setStyle(this.elementRef.nativeElement, toCssProperty(styleKey), styleValue); - } - this.appliedStyleProperties.clear(); - for (const styleKey of nextStyleKeys) { - this.appliedStyleProperties.add(styleKey); - } - } -}; -_init = __decoratorStart(); -__decorateElement(_init, 5, "tachTypography", _tachTypography_dec, TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyVariant", _tachTypographyVariant_dec, TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyColor", _tachTypographyColor_dec, TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyWeight", _tachTypographyWeight_dec, TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyClickable", _tachTypographyClickable_dec, TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyClassName", _tachTypographyClassName_dec, TachTypographyDirective); -__decorateElement(_init, 5, "tachTypographyEllipsis", _tachTypographyEllipsis_dec, TachTypographyDirective); -TachTypographyDirective = __decorateElement(_init, 0, "TachTypographyDirective", _TachTypographyDirective_decorators, TachTypographyDirective); -__runInitializers(_init, 1, TachTypographyDirective); -var _TachTypographyNzModule_decorators, _init2; -_TachTypographyNzModule_decorators = [NgModule({ - imports: [NzTypographyModule, TachTypographyDirective], - exports: [NzTypographyModule, TachTypographyDirective] -})]; -var TachTypographyNzModule = class { -}; -_init2 = __decoratorStart(); -TachTypographyNzModule = __decorateElement(_init2, 0, "TachTypographyNzModule", _TachTypographyNzModule_decorators, TachTypographyNzModule); -__runInitializers(_init2, 1, TachTypographyNzModule); - -export { TachTypographyDirective, TachTypographyNzModule, tachAngularTypographyClassList, tachAngularTypographyClassName, tachAngularTypographyStyles }; -//# sourceMappingURL=index.js.map -//# sourceMappingURL=index.js.map \ No newline at end of file +export * from "./angular/index.js"; diff --git a/packages/tach-typography/dist/angular/index.js.map b/packages/tach-typography/dist/angular/index.js.map deleted file mode 100644 index f7d71df..0000000 --- a/packages/tach-typography/dist/angular/index.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../../src/core/classnames.ts","../../src/core/ellipsis.ts","../../src/angular/index.ts"],"names":["_init"],"mappings":"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","file":"index.js","sourcesContent":["import type { TypographyClassOptions } from \"./types\";\n\nconst BASE_CLASS = \"tach-typography\";\n\nconst join = (...parts: Array): string =>\n parts.filter(Boolean).join(\" \");\n\nexport const tachTypographyClassName = ({\n variant = \"Body\",\n color = \"primary\",\n weight = \"normal\",\n clickable = false,\n className,\n}: TypographyClassOptions = {}): string => {\n return join(\n BASE_CLASS,\n `${BASE_CLASS}--${variant}`,\n `${BASE_CLASS}--color-${color}`,\n weight === \"bold\" && `${BASE_CLASS}--bold`,\n clickable && `${BASE_CLASS}--pointer`,\n className,\n );\n};\n\nexport const tachTypographyClassList = (options: TypographyClassOptions = {}): string[] => {\n return tachTypographyClassName(options)\n .split(\" \")\n .filter(Boolean);\n};\n","import type { EllipsisOptions } from \"./types\";\n\ntype StyleRecord = Record;\n\nexport const tachTypographyEllipsisStyle = (\n ellipsis?: EllipsisOptions,\n): StyleRecord | undefined => {\n if (!ellipsis) {\n return undefined;\n }\n\n const rows = typeof ellipsis === \"object\" ? ellipsis.rows ?? 1 : 1;\n\n return {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n display: \"-webkit-box\",\n WebkitBoxOrient: \"vertical\",\n WebkitLineClamp: rows,\n };\n};\n","import { NgModule } from \"@angular/core\";\nimport { Directive, ElementRef, Input, OnChanges, Renderer2, SimpleChanges } from \"@angular/core\";\nimport { NzTypographyModule } from \"ng-zorro-antd/typography\";\n\nimport {\n tachTypographyClassList,\n tachTypographyClassName,\n tachTypographyEllipsisStyle,\n type EllipsisOptions,\n type TypographyClassOptions,\n type TypographyColor,\n type TypographyRenderOptions,\n type TypographyVariant,\n type TypographyWeight,\n} from \"../core\";\n\nexport type AngularTypographyClassInput = TypographyClassOptions;\n\nexport interface AngularTypographyRenderOptions extends TypographyRenderOptions {\n preserveStyle?: Record;\n}\n\nconst camelToKebab = (value: string): string =>\n value.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);\n\nconst toCssProperty = (styleKey: string): string => {\n if (styleKey.startsWith(\"Webkit\")) {\n return `-webkit-${camelToKebab(styleKey.slice(6))}`;\n }\n\n return camelToKebab(styleKey);\n};\n\nexport const tachAngularTypographyClassName = (\n options: AngularTypographyClassInput = {},\n): string => {\n return tachTypographyClassName(options);\n};\n\nexport const tachAngularTypographyClassList = (\n options: AngularTypographyClassInput = {},\n): string[] => {\n return tachTypographyClassList(options);\n};\n\nexport const tachAngularTypographyStyles = (\n ellipsis?: EllipsisOptions,\n preserveStyle: Record = {},\n): Record => {\n const ellipsisStyle = tachTypographyEllipsisStyle(ellipsis);\n\n if (!ellipsisStyle) {\n return preserveStyle;\n }\n\n return {\n ...ellipsisStyle,\n ...preserveStyle,\n };\n};\n\n@Directive({\n selector: \"[tachTypography]\",\n standalone: true,\n})\nexport class TachTypographyDirective implements OnChanges {\n @Input() tachTypography: TypographyVariant | \"\" | undefined;\n @Input() tachTypographyVariant: TypographyVariant = \"Body\";\n @Input() tachTypographyColor: TypographyColor = \"primary\";\n @Input() tachTypographyWeight: TypographyWeight = \"normal\";\n @Input() tachTypographyClickable = false;\n @Input() tachTypographyClassName: string | undefined;\n @Input() tachTypographyEllipsis: EllipsisOptions | undefined;\n\n private readonly appliedClasses = new Set();\n private readonly appliedStyleProperties = new Set();\n\n constructor(\n private readonly elementRef: ElementRef,\n private readonly renderer: Renderer2,\n ) {}\n\n ngOnChanges(_changes: SimpleChanges): void {\n this.syncClasses();\n this.syncEllipsisStyles();\n }\n\n private syncClasses(): void {\n const nextClassList = tachTypographyClassList({\n variant: this.tachTypography || this.tachTypographyVariant,\n color: this.tachTypographyColor,\n weight: this.tachTypographyWeight,\n clickable: this.tachTypographyClickable,\n className: this.tachTypographyClassName,\n });\n\n const nextSet = new Set(nextClassList);\n\n for (const className of this.appliedClasses) {\n if (!nextSet.has(className)) {\n this.renderer.removeClass(this.elementRef.nativeElement, className);\n }\n }\n\n for (const className of nextSet) {\n this.renderer.addClass(this.elementRef.nativeElement, className);\n }\n\n this.appliedClasses.clear();\n for (const className of nextSet) {\n this.appliedClasses.add(className);\n }\n }\n\n private syncEllipsisStyles(): void {\n const nextStyles = tachTypographyEllipsisStyle(this.tachTypographyEllipsis) || {};\n const nextStyleKeys = new Set(Object.keys(nextStyles));\n\n for (const styleKey of this.appliedStyleProperties) {\n if (!nextStyleKeys.has(styleKey)) {\n this.renderer.removeStyle(this.elementRef.nativeElement, toCssProperty(styleKey));\n }\n }\n\n for (const [styleKey, styleValue] of Object.entries(nextStyles)) {\n this.renderer.setStyle(this.elementRef.nativeElement, toCssProperty(styleKey), styleValue);\n }\n\n this.appliedStyleProperties.clear();\n for (const styleKey of nextStyleKeys) {\n this.appliedStyleProperties.add(styleKey);\n }\n }\n}\n\n@NgModule({\n imports: [NzTypographyModule, TachTypographyDirective],\n exports: [NzTypographyModule, TachTypographyDirective],\n})\nexport class TachTypographyNzModule {}\n"]} \ No newline at end of file diff --git a/packages/tach-typography/package.json b/packages/tach-typography/package.json index f72a59d..551aea9 100644 --- a/packages/tach-typography/package.json +++ b/packages/tach-typography/package.json @@ -1,6 +1,6 @@ { "name": "@hublib-web/tach-typography", - "version": "0.1.0", + "version": "0.2.0", "description": "Cross-framework typography package for React and Angular", "license": "MIT", "type": "module", @@ -46,14 +46,14 @@ }, "./angular": { "types": "./dist/angular/index.d.ts", - "import": "./dist/angular/index.js", - "require": "./dist/angular/index.cjs" + "import": "./dist/angular/index.js" }, "./styles.css": "./dist/styles.css", "./styles/typography-vars.scss": "./styles/typography-vars.scss" }, "scripts": { - "build": "yarn clean && tsup && node ./scripts/copy-styles.mjs", + "build": "yarn clean && tsup && yarn build:angular && node ./scripts/copy-styles.mjs", + "build:angular": "ngc -p tsconfig.angular.json && node ./scripts/fix-angular-entry.mjs", "clean": "rm -rf dist", "typecheck": "tsc -p tsconfig.json --noEmit", "test": "vitest run", @@ -61,6 +61,9 @@ "storybook": "storybook dev -p 6006", "storybook:build": "storybook build" }, + "dependencies": { + "tslib": "^2.8.1" + }, "peerDependencies": { "@angular/animations": ">=17.0.0", "@angular/common": ">=17.0.0", @@ -112,6 +115,8 @@ "devDependencies": { "@angular/animations": "^20.3.17", "@angular/common": "^20.3.17", + "@angular/compiler": "^20.3.17", + "@angular/compiler-cli": "^20.3.17", "@angular/core": "^20.3.17", "@angular/forms": "^20.3.17", "@angular/platform-browser": "^20.3.17", diff --git a/packages/tach-typography/scripts/fix-angular-entry.mjs b/packages/tach-typography/scripts/fix-angular-entry.mjs new file mode 100644 index 0000000..1aff891 --- /dev/null +++ b/packages/tach-typography/scripts/fix-angular-entry.mjs @@ -0,0 +1,12 @@ +import { access, writeFile } from "node:fs/promises"; +import path from "node:path"; + +const distAngularDir = path.resolve("dist/angular"); +await access(path.join(distAngularDir, "angular/index.js")); +await access(path.join(distAngularDir, "angular/index.d.ts")); + +await writeFile( + path.join(distAngularDir, "index.js"), + 'export * from "./angular/index.js";\n', +); +await writeFile(path.join(distAngularDir, "index.d.ts"), 'export * from "./angular/index";\n'); diff --git a/packages/tach-typography/src/angular/index.ts b/packages/tach-typography/src/angular/index.ts index 2cfae19..33e4105 100644 --- a/packages/tach-typography/src/angular/index.ts +++ b/packages/tach-typography/src/angular/index.ts @@ -1,6 +1,19 @@ -import { NgModule } from "@angular/core"; -import { Directive, ElementRef, Input, OnChanges, Renderer2, SimpleChanges } from "@angular/core"; -import { NzTypographyModule } from "ng-zorro-antd/typography"; +import { NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault } from "@angular/common"; +import { + ChangeDetectionStrategy, + Component, + Directive, + ElementRef, + EventEmitter, + inject, + Input, + NgModule, + OnChanges, + Output, + Renderer2, + SimpleChanges, +} from "@angular/core"; +import { NzTypographyComponent, NzTypographyModule } from "ng-zorro-antd/typography"; import { tachTypographyClassList, @@ -20,6 +33,18 @@ export interface AngularTypographyRenderOptions extends TypographyRenderOptions preserveStyle?: Record; } +export type TachTypographyHostTag = "span" | "p" | "a" | "h1" | "h2" | "h3" | "h4"; +type NonFunctionNonEmitterKeys = { + [K in keyof T]-?: T[K] extends (...args: never[]) => unknown + ? never + : T[K] extends EventEmitter + ? never + : K; +}[keyof T]; +type NzTypographyInputKey = Extract, `nz${string}`>; +export type TachTypographyNzProps = Partial>; +export type TachTypographyHostProps = Record; + const camelToKebab = (value: string): string => value.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`); @@ -133,8 +158,292 @@ export class TachTypographyDirective implements OnChanges { } } +@Directive({ + selector: "[tachTypographyNzProps]", + standalone: true, +}) +export class TachTypographyNzPropsDirective implements OnChanges { + @Input() tachTypographyNzProps: TachTypographyNzProps | null | undefined; + + private readonly appliedNzKeys = new Set(); + private readonly nzTypography = inject(NzTypographyComponent, { self: true, optional: true }); + + ngOnChanges(): void { + if (!this.nzTypography) { + return; + } + + const nzTypography = this.nzTypography as unknown as Record; + const nextProps = this.tachTypographyNzProps ?? {}; + const nextKeys = new Set(); + + for (const [key, value] of Object.entries(nextProps)) { + if (!key.startsWith("nz")) { + continue; + } + + nzTypography[key] = value; + nextKeys.add(key); + } + + for (const key of this.appliedNzKeys) { + if (!nextKeys.has(key)) { + nzTypography[key] = undefined; + } + } + + this.appliedNzKeys.clear(); + for (const key of nextKeys) { + this.appliedNzKeys.add(key); + } + } +} + +@Directive({ + selector: "[tachTypographyHostProps]", + standalone: true, +}) +export class TachTypographyHostPropsDirective implements OnChanges { + @Input() tachTypographyHostProps: TachTypographyHostProps | null | undefined; + + private readonly appliedHostProps = new Map(); + + constructor( + private readonly elementRef: ElementRef, + private readonly renderer: Renderer2, + ) {} + + ngOnChanges(): void { + const nextProps = this.tachTypographyHostProps ?? {}; + const nextAppliedProps = new Map(); + + for (const [key, value] of Object.entries(nextProps)) { + if (key === "class" || key === "className" || key === "style") { + continue; + } + + if (value === undefined || value === null) { + continue; + } + + const applyAsAttr = this.shouldApplyAsAttribute(key, value); + if (applyAsAttr) { + if (typeof value === "boolean") { + if (value) { + this.renderer.setAttribute(this.elementRef.nativeElement, key, ""); + } else { + this.renderer.removeAttribute(this.elementRef.nativeElement, key); + } + } else { + this.renderer.setAttribute(this.elementRef.nativeElement, key, String(value)); + } + nextAppliedProps.set(key, "attr"); + continue; + } + + this.renderer.setProperty(this.elementRef.nativeElement, key, value); + nextAppliedProps.set(key, "prop"); + } + + for (const [key, kind] of this.appliedHostProps.entries()) { + if (nextAppliedProps.has(key)) { + continue; + } + + if (kind === "attr") { + this.renderer.removeAttribute(this.elementRef.nativeElement, key); + } else { + this.renderer.setProperty(this.elementRef.nativeElement, key, undefined); + } + } + + this.appliedHostProps.clear(); + for (const [key, kind] of nextAppliedProps.entries()) { + this.appliedHostProps.set(key, kind); + } + } + + private shouldApplyAsAttribute(key: string, value: unknown): boolean { + if (key.startsWith("data-") || key.startsWith("aria-")) { + return true; + } + + if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") { + return !this.hasPropertyOnElement(key); + } + + return false; + } + + private hasPropertyOnElement(key: string): boolean { + return key in this.elementRef.nativeElement; + } +} + +@Component({ + selector: "tach-typography", + standalone: true, + imports: [ + NzTypographyModule, + TachTypographyDirective, + TachTypographyNzPropsDirective, + TachTypographyHostPropsDirective, + NgSwitch, + NgSwitchCase, + NgSwitchDefault, + NgStyle, + ], + changeDetection: ChangeDetectionStrategy.OnPush, + template: ` + +

+ +

+ + + +

+ +

+

+ +

+

+ +

+

+ +

+ + + + + `, +}) +export class TachTypographyComponent { + @Input("as") hostTag: TachTypographyHostTag = "span"; + @Input() variant: TypographyVariant = "Body"; + @Input() color: TypographyColor = "primary"; + @Input() weight: TypographyWeight = "normal"; + @Input() clickable = false; + @Input() className: string | undefined; + @Input() ellipsis: EllipsisOptions | undefined; + @Input() nzProps: TachTypographyNzProps | undefined; + @Input() hostProps: TachTypographyHostProps | undefined; + @Input() preserveStyle: Record | undefined; + + @Output() readonly tachClick = new EventEmitter(); + + handleClick(event: MouseEvent): void { + this.tachClick.emit(event); + } +} + @NgModule({ - imports: [NzTypographyModule, TachTypographyDirective], - exports: [NzTypographyModule, TachTypographyDirective], + imports: [ + NzTypographyModule, + TachTypographyDirective, + TachTypographyNzPropsDirective, + TachTypographyHostPropsDirective, + TachTypographyComponent, + ], + exports: [ + NzTypographyModule, + TachTypographyDirective, + TachTypographyNzPropsDirective, + TachTypographyHostPropsDirective, + TachTypographyComponent, + ], }) export class TachTypographyNzModule {} diff --git a/packages/tach-typography/src/angular/public-api.ts b/packages/tach-typography/src/angular/public-api.ts new file mode 100644 index 0000000..6d1e0ee --- /dev/null +++ b/packages/tach-typography/src/angular/public-api.ts @@ -0,0 +1 @@ +export * from "./index"; diff --git a/packages/tach-typography/tsconfig.angular.json b/packages/tach-typography/tsconfig.angular.json new file mode 100644 index 0000000..364197d --- /dev/null +++ b/packages/tach-typography/tsconfig.angular.json @@ -0,0 +1,20 @@ +{ + "extends": "../../tsconfig.base.json", + "compilerOptions": { + "rootDir": "src", + "outDir": "dist/angular", + "types": ["node"], + "module": "ES2022", + "target": "ES2022", + "declaration": true, + "declarationMap": true, + "sourceMap": true, + "importHelpers": true + }, + "angularCompilerOptions": { + "compilationMode": "partial" + }, + "files": ["src/angular/public-api.ts"], + "include": ["src/angular/**/*.ts", "src/core/**/*.ts"], + "exclude": ["dist", "src/**/*.test.ts", "src/react", "src/stories"] +} diff --git a/packages/tach-typography/tsup.config.ts b/packages/tach-typography/tsup.config.ts index 81030fe..a520050 100644 --- a/packages/tach-typography/tsup.config.ts +++ b/packages/tach-typography/tsup.config.ts @@ -4,7 +4,6 @@ export default defineConfig({ entry: { "core/index": "src/core/index.ts", "react/index": "src/react/index.tsx", - "angular/index": "src/angular/index.ts", }, format: ["esm", "cjs"], dts: true, diff --git a/yarn.lock b/yarn.lock index 962eeeb..74569f7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12,6 +12,16 @@ __metadata: languageName: node linkType: hard +"@ampproject/remapping@npm:^2.2.0": + version: 2.3.0 + resolution: "@ampproject/remapping@npm:2.3.0" + dependencies: + "@jridgewell/gen-mapping": "npm:^0.3.5" + "@jridgewell/trace-mapping": "npm:^0.3.24" + checksum: 10c0/81d63cca5443e0f0c72ae18b544cc28c7c0ec2cea46e7cb888bb0e0f411a1191d0d6b7af798d54e30777d8d1488b2ec0732aac2be342d3d7d3ffd271c6f489ed + languageName: node + linkType: hard + "@angular/animations@npm:^20.3.17": version: 20.3.17 resolution: "@angular/animations@npm:20.3.17" @@ -49,6 +59,40 @@ __metadata: languageName: node linkType: hard +"@angular/compiler-cli@npm:^20.3.17": + version: 20.3.18 + resolution: "@angular/compiler-cli@npm:20.3.18" + dependencies: + "@babel/core": "npm:7.28.3" + "@jridgewell/sourcemap-codec": "npm:^1.4.14" + chokidar: "npm:^4.0.0" + convert-source-map: "npm:^1.5.1" + reflect-metadata: "npm:^0.2.0" + semver: "npm:^7.0.0" + tslib: "npm:^2.3.0" + yargs: "npm:^18.0.0" + peerDependencies: + "@angular/compiler": 20.3.18 + typescript: ">=5.8 <6.0" + peerDependenciesMeta: + typescript: + optional: true + bin: + ng-xi18n: bundles/src/bin/ng_xi18n.js + ngc: bundles/src/bin/ngc.js + checksum: 10c0/db6ed45caea752782dc5c35c4f2152435f78a43ca0610f74a0ed098f67bac8dea97ded7a37b108e6f333ce3e086f21dc76ea2e76f1464e91723d17bb1bca3de3 + languageName: node + linkType: hard + +"@angular/compiler@npm:^20.3.17": + version: 20.3.18 + resolution: "@angular/compiler@npm:20.3.18" + dependencies: + tslib: "npm:^2.3.0" + checksum: 10c0/b8149a45e007eb5fc056f9b39b0e0eebb22e2e816027c7aed03ac884a08b5030c51e4b698865580bf253eb1e06c072da797ac318376979dd8cb98a65da535961 + languageName: node + linkType: hard + "@angular/core@npm:^20.3.17": version: 20.3.17 resolution: "@angular/core@npm:20.3.17" @@ -230,7 +274,7 @@ __metadata: languageName: node linkType: hard -"@babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.28.6, @babel/code-frame@npm:^7.29.0": +"@babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.27.1, @babel/code-frame@npm:^7.28.6, @babel/code-frame@npm:^7.29.0": version: 7.29.0 resolution: "@babel/code-frame@npm:7.29.0" dependencies: @@ -248,6 +292,29 @@ __metadata: languageName: node linkType: hard +"@babel/core@npm:7.28.3": + version: 7.28.3 + resolution: "@babel/core@npm:7.28.3" + dependencies: + "@ampproject/remapping": "npm:^2.2.0" + "@babel/code-frame": "npm:^7.27.1" + "@babel/generator": "npm:^7.28.3" + "@babel/helper-compilation-targets": "npm:^7.27.2" + "@babel/helper-module-transforms": "npm:^7.28.3" + "@babel/helpers": "npm:^7.28.3" + "@babel/parser": "npm:^7.28.3" + "@babel/template": "npm:^7.27.2" + "@babel/traverse": "npm:^7.28.3" + "@babel/types": "npm:^7.28.2" + convert-source-map: "npm:^2.0.0" + debug: "npm:^4.1.0" + gensync: "npm:^1.0.0-beta.2" + json5: "npm:^2.2.3" + semver: "npm:^6.3.1" + checksum: 10c0/e6b3eb830c4b93f5a442b305776df1cd2bb4fafa4612355366f67c764f3e54a69d45b84def77fb2d4fd83439102667b0a92c3ea2838f678733245b748c602a7b + languageName: node + linkType: hard + "@babel/core@npm:^7.18.9": version: 7.29.0 resolution: "@babel/core@npm:7.29.0" @@ -271,7 +338,7 @@ __metadata: languageName: node linkType: hard -"@babel/generator@npm:^7.29.0": +"@babel/generator@npm:^7.28.3, @babel/generator@npm:^7.29.0": version: 7.29.1 resolution: "@babel/generator@npm:7.29.1" dependencies: @@ -284,7 +351,7 @@ __metadata: languageName: node linkType: hard -"@babel/helper-compilation-targets@npm:^7.28.6": +"@babel/helper-compilation-targets@npm:^7.27.2, @babel/helper-compilation-targets@npm:^7.28.6": version: 7.28.6 resolution: "@babel/helper-compilation-targets@npm:7.28.6" dependencies: @@ -314,7 +381,7 @@ __metadata: languageName: node linkType: hard -"@babel/helper-module-transforms@npm:^7.28.6": +"@babel/helper-module-transforms@npm:^7.28.3, @babel/helper-module-transforms@npm:^7.28.6": version: 7.28.6 resolution: "@babel/helper-module-transforms@npm:7.28.6" dependencies: @@ -348,6 +415,16 @@ __metadata: languageName: node linkType: hard +"@babel/helpers@npm:^7.28.3": + version: 7.29.2 + resolution: "@babel/helpers@npm:7.29.2" + dependencies: + "@babel/template": "npm:^7.28.6" + "@babel/types": "npm:^7.29.0" + checksum: 10c0/dab0e65b9318b2502a62c58bc0913572318595eec0482c31f0ad416b72636e6698a1d7c57cd2791d4528eb8c548bca88d338dc4d2a55a108dc1f6702f9bc5512 + languageName: node + linkType: hard + "@babel/helpers@npm:^7.28.6": version: 7.28.6 resolution: "@babel/helpers@npm:7.28.6" @@ -369,6 +446,17 @@ __metadata: languageName: node linkType: hard +"@babel/parser@npm:^7.28.3": + version: 7.29.2 + resolution: "@babel/parser@npm:7.29.2" + dependencies: + "@babel/types": "npm:^7.29.0" + bin: + parser: ./bin/babel-parser.js + checksum: 10c0/e5a4e69e3ac7acdde995f37cf299a68458cfe7009dff66bd0962fd04920bef287201169006af365af479c08ff216bfefbb595e331f87f6ae7283858aebbc3317 + languageName: node + linkType: hard + "@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.10.4, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.16.7, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.20.7, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.22.5, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.23.6, @babel/runtime@npm:^7.23.9, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.24.8, @babel/runtime@npm:^7.25.7, @babel/runtime@npm:^7.26.0, @babel/runtime@npm:^7.28.4, @babel/runtime@npm:^7.5.5": version: 7.28.6 resolution: "@babel/runtime@npm:7.28.6" @@ -376,7 +464,7 @@ __metadata: languageName: node linkType: hard -"@babel/template@npm:^7.28.6": +"@babel/template@npm:^7.27.2, @babel/template@npm:^7.28.6": version: 7.28.6 resolution: "@babel/template@npm:7.28.6" dependencies: @@ -387,7 +475,7 @@ __metadata: languageName: node linkType: hard -"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.28.6, @babel/traverse@npm:^7.29.0": +"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.28.3, @babel/traverse@npm:^7.28.6, @babel/traverse@npm:^7.29.0": version: 7.29.0 resolution: "@babel/traverse@npm:7.29.0" dependencies: @@ -960,6 +1048,8 @@ __metadata: dependencies: "@angular/animations": "npm:^20.3.17" "@angular/common": "npm:^20.3.17" + "@angular/compiler": "npm:^20.3.17" + "@angular/compiler-cli": "npm:^20.3.17" "@angular/core": "npm:^20.3.17" "@angular/forms": "npm:^20.3.17" "@angular/platform-browser": "npm:^20.3.17" @@ -977,6 +1067,7 @@ __metadata: react-dom: "npm:^19.2.0" rxjs: "npm:^7.8.2" storybook: "npm:8.6.14" + tslib: "npm:^2.8.1" tsup: "npm:^8.5.0" typescript: "npm:^5.9.3" vite: "npm:6.4.1" @@ -2728,7 +2819,7 @@ __metadata: languageName: node linkType: hard -"ansi-styles@npm:^6.1.0": +"ansi-styles@npm:^6.1.0, ansi-styles@npm:^6.2.1": version: 6.2.3 resolution: "ansi-styles@npm:6.2.3" checksum: 10c0/23b8a4ce14e18fb854693b95351e286b771d23d8844057ed2e7d083cd3e708376c3323707ec6a24365f7d7eda3ca00327fe04092e29e551499ec4c8b7bfac868 @@ -3106,6 +3197,17 @@ __metadata: languageName: node linkType: hard +"cliui@npm:^9.0.1": + version: 9.0.1 + resolution: "cliui@npm:9.0.1" + dependencies: + string-width: "npm:^7.2.0" + strip-ansi: "npm:^7.1.0" + wrap-ansi: "npm:^9.0.0" + checksum: 10c0/13441832e9efe7c7a76bd2b8e683555c478d461a9f249dc5db9b17fe8d4b47fa9277b503914b90bd00e4a151abb6b9b02b2288972ffe2e5e3ca40bcb1c2330d3 + languageName: node + linkType: hard + "color-convert@npm:^2.0.1": version: 2.0.1 resolution: "color-convert@npm:2.0.1" @@ -3166,6 +3268,13 @@ __metadata: languageName: node linkType: hard +"convert-source-map@npm:^1.5.1": + version: 1.9.0 + resolution: "convert-source-map@npm:1.9.0" + checksum: 10c0/281da55454bf8126cbc6625385928c43479f2060984180c42f3a86c8b8c12720a24eac260624a7d1e090004028d2dee78602330578ceec1a08e27cb8bb0a8a5b + languageName: node + linkType: hard + "convert-source-map@npm:^2.0.0": version: 2.0.0 resolution: "convert-source-map@npm:2.0.0" @@ -3379,6 +3488,13 @@ __metadata: languageName: node linkType: hard +"emoji-regex@npm:^10.3.0": + version: 10.6.0 + resolution: "emoji-regex@npm:10.6.0" + checksum: 10c0/1e4aa097bb007301c3b4b1913879ae27327fdc48e93eeefefe3b87e495eb33c5af155300be951b4349ff6ac084f4403dc9eff970acba7c1c572d89396a9a32d7 + languageName: node + linkType: hard + "emoji-regex@npm:^8.0.0": version: 8.0.0 resolution: "emoji-regex@npm:8.0.0" @@ -3638,7 +3754,7 @@ __metadata: languageName: node linkType: hard -"escalade@npm:^3.2.0": +"escalade@npm:^3.1.1, escalade@npm:^3.2.0": version: 3.2.0 resolution: "escalade@npm:3.2.0" checksum: 10c0/ced4dd3a78e15897ed3be74e635110bbf3b08877b0a41be50dcb325ee0e0b5f65fc2d50e9845194d7c4633f327e2e1c6cce00a71b617c5673df0374201d67f65 @@ -3976,6 +4092,20 @@ __metadata: languageName: node linkType: hard +"get-caller-file@npm:^2.0.5": + version: 2.0.5 + resolution: "get-caller-file@npm:2.0.5" + checksum: 10c0/c6c7b60271931fa752aeb92f2b47e355eac1af3a2673f47c9589e8f8a41adc74d45551c1bc57b5e66a80609f10ffb72b6f575e4370d61cc3f7f3aaff01757cde + languageName: node + linkType: hard + +"get-east-asian-width@npm:^1.0.0": + version: 1.5.0 + resolution: "get-east-asian-width@npm:1.5.0" + checksum: 10c0/bff8bbc8d81790b9477f7aa55b1806b9f082a8dc1359fff7bd8b96939622c86b729685afc2bfeb22def1fc6ef1e5228e4d87dd4e6da60bc43a5edfb03c4ee167 + languageName: node + linkType: hard + "get-intrinsic@npm:^1.2.4, get-intrinsic@npm:^1.2.6, get-intrinsic@npm:^1.3.0": version: 1.3.1 resolution: "get-intrinsic@npm:1.3.1" @@ -5952,6 +6082,13 @@ __metadata: languageName: node linkType: hard +"reflect-metadata@npm:^0.2.0": + version: 0.2.2 + resolution: "reflect-metadata@npm:0.2.2" + checksum: 10c0/1cd93a15ea291e420204955544637c264c216e7aac527470e393d54b4bb075f10a17e60d8168ec96600c7e0b9fcc0cb0bb6e91c3fbf5b0d8c9056f04e6ac1ec2 + languageName: node + linkType: hard + "requires-port@npm:^1.0.0": version: 1.0.0 resolution: "requires-port@npm:1.0.0" @@ -6195,7 +6332,7 @@ __metadata: languageName: node linkType: hard -"semver@npm:^7.3.5, semver@npm:^7.6.2, semver@npm:^7.7.3": +"semver@npm:^7.0.0, semver@npm:^7.3.5, semver@npm:^7.6.2, semver@npm:^7.7.3": version: 7.7.4 resolution: "semver@npm:7.7.4" bin: @@ -6367,6 +6504,17 @@ __metadata: languageName: node linkType: hard +"string-width@npm:^7.0.0, string-width@npm:^7.2.0": + version: 7.2.0 + resolution: "string-width@npm:7.2.0" + dependencies: + emoji-regex: "npm:^10.3.0" + get-east-asian-width: "npm:^1.0.0" + strip-ansi: "npm:^7.1.0" + checksum: 10c0/eb0430dd43f3199c7a46dcbf7a0b34539c76fe3aa62763d0b0655acdcbdf360b3f66f3d58ca25ba0205f42ea3491fa00f09426d3b7d3040e506878fc7664c9b9 + languageName: node + linkType: hard + "strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1": version: 6.0.1 resolution: "strip-ansi@npm:6.0.1" @@ -6376,7 +6524,7 @@ __metadata: languageName: node linkType: hard -"strip-ansi@npm:^7.0.1": +"strip-ansi@npm:^7.0.1, strip-ansi@npm:^7.1.0": version: 7.2.0 resolution: "strip-ansi@npm:7.2.0" dependencies: @@ -6647,7 +6795,7 @@ __metadata: languageName: node linkType: hard -"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.1.0, tslib@npm:^2.3.0": +"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.1.0, tslib@npm:^2.3.0, tslib@npm:^2.8.1": version: 2.8.1 resolution: "tslib@npm:2.8.1" checksum: 10c0/9c4759110a19c53f992d9aae23aac5ced636e99887b51b9e61def52611732872ff7668757d4e4c61f19691e36f4da981cd9485e869b4a7408d689f6bf1f14e62 @@ -7235,6 +7383,17 @@ __metadata: languageName: node linkType: hard +"wrap-ansi@npm:^9.0.0": + version: 9.0.2 + resolution: "wrap-ansi@npm:9.0.2" + dependencies: + ansi-styles: "npm:^6.2.1" + string-width: "npm:^7.0.0" + strip-ansi: "npm:^7.1.0" + checksum: 10c0/3305839b9a0d6fb930cb63a52f34d3936013d8b0682ff3ec133c9826512620f213800ffa19ea22904876d5b7e9a3c1f40682f03597d986a4ca881fa7b033688c + languageName: node + linkType: hard + "ws@npm:^8.13.0, ws@npm:^8.2.3": version: 8.19.0 resolution: "ws@npm:8.19.0" @@ -7264,6 +7423,13 @@ __metadata: languageName: node linkType: hard +"y18n@npm:^5.0.5": + version: 5.0.8 + resolution: "y18n@npm:5.0.8" + checksum: 10c0/4df2842c36e468590c3691c894bc9cdbac41f520566e76e24f59401ba7d8b4811eb1e34524d57e54bc6d864bcb66baab7ffd9ca42bf1eda596618f9162b91249 + languageName: node + linkType: hard + "yallist@npm:^3.0.2": version: 3.1.1 resolution: "yallist@npm:3.1.1" @@ -7285,6 +7451,27 @@ __metadata: languageName: node linkType: hard +"yargs-parser@npm:^22.0.0": + version: 22.0.0 + resolution: "yargs-parser@npm:22.0.0" + checksum: 10c0/cb7ef81759c4271cb1d96b9351dbbc9a9ce35d3e1122d2b739bf6c432603824fa02c67cc12dcef6ea80283379d63495686e8f41cc7b06c6576e792aba4d33e1c + languageName: node + linkType: hard + +"yargs@npm:^18.0.0": + version: 18.0.0 + resolution: "yargs@npm:18.0.0" + dependencies: + cliui: "npm:^9.0.1" + escalade: "npm:^3.1.1" + get-caller-file: "npm:^2.0.5" + string-width: "npm:^7.2.0" + y18n: "npm:^5.0.5" + yargs-parser: "npm:^22.0.0" + checksum: 10c0/bf290e4723876ea9c638c786a5c42ac28e03c9ca2325e1424bf43b94e5876456292d3ed905b853ebbba6daf43ed29e772ac2a6b3c5fb1b16533245d6211778f3 + languageName: node + linkType: hard + "yocto-queue@npm:^0.1.0": version: 0.1.0 resolution: "yocto-queue@npm:0.1.0"