@sd-angular/core 19.0.0-beta.1 → 19.0.0-beta.100

package/components/autoid-inspector/src/autoid-inspector.component.d.ts

@@ -0,0 +1,55 @@
+import { OnDestroy } from '@angular/core';
+import { SdAutoidElement, SdAutoidAuditResult } from './models/autoid-element.model';
+import { SdAutoidInspectorConfig } from './models/autoid-inspector-config.model';
+import * as i0 from "@angular/core";
+type Segment = 'audit' | 'elements' | 'export';
+export declare class SdAutoidInspector implements OnDestroy {
+    #private;
+    enabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    config: import("@angular/core").InputSignal<SdAutoidInspectorConfig | undefined>;
+    open: import("@angular/core").WritableSignal<boolean>;
+    segment: import("@angular/core").WritableSignal<Segment>;
+    filter: import("@angular/core").WritableSignal<string>;
+    elements: import("@angular/core").WritableSignal<SdAutoidElement[]>;
+    audit: import("@angular/core").WritableSignal<SdAutoidAuditResult | null>;
+    copyOk: import("@angular/core").WritableSignal<boolean>;
+    highlightOn: import("@angular/core").WritableSignal<boolean>;
+    dismissed: import("@angular/core").WritableSignal<boolean>;
+    filteredElements: import("@angular/core").Signal<SdAutoidElement[]>;
+    /**
+     * Elements not inside any sd-table — rendered in the main "Top-level" section.
+     */
+    readonly topLevelElements: import("@angular/core").Signal<SdAutoidElement[]>;
+    /**
+     * Map of `sd-table` autoid → its inner autoid elements. Tables themselves
+     * stay in `topLevelElements` (the table's own autoid is top-level).
+     */
+    readonly tableGroups: import("@angular/core").Signal<{
+        scope: string;
+        items: SdAutoidElement[];
+    }[]>;
+    readonly dataOpened: import("@angular/core").Signal<"true" | "false">;
+    readonly dataHighlightOn: import("@angular/core").Signal<"true" | "false">;
+    readonly dataSegment: import("@angular/core").Signal<Segment>;
+    readonly dataElementCount: import("@angular/core").Signal<string>;
+    readonly dataMissingCount: import("@angular/core").Signal<string>;
+    readonly dataDuplicateCount: import("@angular/core").Signal<string>;
+    ngOnDestroy(): void;
+    togglePanel: () => void;
+    openPanel: () => void;
+    closePanel: () => void;
+    refresh: () => void;
+    dismissFab: (event: Event) => void;
+    toggleHighlight: () => void;
+    setSegment: (seg: Segment) => void;
+    copyJson: () => Promise<void>;
+    copyXpath: (autoid: string) => Promise<void>;
+    exportCsv: () => void;
+    exportJson: () => void;
+    exportMdPom: () => void;
+    exportMdTable: () => void;
+    onEscape(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAutoidInspector, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAutoidInspector, "sd-autoid-inspector", never, { "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/autoid-inspector/src/models/autoid-element.model.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Runtime state attributes the component renders on the same anchor as `data-autoid`.
+ * Every field is OPTIONAL — only present when the component actually renders that attribute.
+ * All values are the raw DOM string (already "true"/"false" or stringified number/value).
+ */
+export interface SdAutoidElementState {
+    disabled?: string;
+    loading?: string;
+    empty?: string;
+    invalid?: string;
+    opened?: string;
+    count?: string;
+    /** Serialized DOM `data-value` (NOT `input.value`). Distinct from `SdAutoidElement.text` field. */
+    dataValue?: string;
+    required?: string;
+    maxlength?: string;
+    minlength?: string;
+    pattern?: string;
+    errorMessage?: string;
+}
+export interface SdAutoidElement {
+    stt: number;
+    name: string;
+    autoid: string;
+    tag: string;
+    /**
+     * Display text resolved from the DOM: `input.value` for form controls, otherwise
+     * `textContent.trim().slice(0, 80)`. Use `state.dataValue` for the serialized
+     * runtime value rendered by `@sd-angular/core` components.
+     */
+    text: string;
+    xpath: string;
+    duplicate: boolean;
+    /** Runtime state attributes read from the DOM. Always an object — may be empty `{}`. */
+    state: SdAutoidElementState;
+    /**
+     * `data-autoid` of the closest ancestor `<sd-table>` that contains this element,
+     * or `undefined` if this element is top-level (not inside any `sd-table`).
+     * Used by the UI to group table-scoped elements into a separate section.
+     */
+    tableScope?: string;
+}
+export interface SdAutoidMissing {
+    tag: string;
+    selector: string;
+    outerHtmlPreview: string;
+    nameHint: string;
+}
+export interface SdAutoidAuditResult {
+    total: number;
+    duplicates: Record<string, number>;
+    duplicateCount: number;
+    missing: SdAutoidMissing[];
+    missingCount: number;
+}

package/components/autoid-inspector/src/models/autoid-export-format.model.d.ts

@@ -0,0 +1,6 @@
+export type SdAutoidExportFormat = 'csv' | 'json' | 'md-pom' | 'md-table';
+export interface SdAutoidExportMeta {
+    pageUrl: string;
+    pageTitle: string;
+    timestamp: string;
+}

package/components/autoid-inspector/src/models/autoid-inspector-config.model.d.ts

@@ -0,0 +1,8 @@
+export interface SdAutoidInspectorConfig {
+    /** Selector phụ thêm cần audit (mặc định component đã cover sd-* form + sd-button). */
+    extraRequireSelectors?: string[];
+    /** Root scan, mặc định document.body. */
+    root?: HTMLElement;
+}
+/** Selector mặc định coi là phải có data-autoid. */
+export declare const SD_AUTOID_DEFAULT_REQUIRE_SELECTORS: ReadonlyArray<string>;

package/components/autoid-inspector/src/services/autoid-audit.service.d.ts

@@ -0,0 +1,19 @@
+import { SdAutoidElement, SdAutoidAuditResult } from '../models/autoid-element.model';
+import * as i0 from "@angular/core";
+export declare class SdAutoidAuditService {
+    /**
+     * Audit kết quả scan + DOM:
+     * - duplicates: map autoid → count khi count > 1
+     * - missing: element khớp selector yêu cầu nhưng KHÔNG có [data-autoid]
+     */
+    audit(elements: SdAutoidElement[], options?: {
+        requireSelectors?: ReadonlyArray<string>;
+        root?: HTMLElement;
+    }): SdAutoidAuditResult;
+    private findMissing;
+    private buildSelectorPath;
+    private shortHtml;
+    private resolveNameHint;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAutoidAuditService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdAutoidAuditService>;
+}

package/components/autoid-inspector/src/services/autoid-export.service.d.ts

@@ -0,0 +1,21 @@
+import { SdAutoidElement } from '../models/autoid-element.model';
+import { SdAutoidExportMeta } from '../models/autoid-export-format.model';
+import * as i0 from "@angular/core";
+export declare class SdAutoidExportService {
+    toJson(elements: SdAutoidElement[]): string;
+    toCsv(elements: SdAutoidElement[]): string;
+    /** POM TypeScript skeleton — copy ngay vào file Playwright/Cypress. */
+    toMarkdownPom(elements: SdAutoidElement[], meta: SdAutoidExportMeta): string;
+    /** Markdown reference table, group FIRST by tableScope (top-level first, then per table), then by tag. */
+    toMarkdownTable(elements: SdAutoidElement[], meta: SdAutoidExportMeta): string;
+    download(content: string, filename: string, mime: string): void;
+    copyToClipboard(content: string): Promise<void>;
+    /** Build a compact state summary string from defined state keys, e.g. "disabled=false; empty=true". */
+    private buildStateSummary;
+    private q;
+    private mdCell;
+    private toCamel;
+    private toPascal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAutoidExportService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdAutoidExportService>;
+}

package/components/autoid-inspector/src/services/autoid-highlight.service.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class SdAutoidHighlightService {
+    #private;
+    /** Apply outline cho mọi [data-autoid]: xanh nếu unique, đỏ nếu duplicate. Idempotent. */
+    apply(root?: HTMLElement): void;
+    /** Highlight tập element không có autoid (missing) bằng outline cam dashed. */
+    applyMissing(nodes: HTMLElement[]): void;
+    /** Restore inline style như trước khi apply. */
+    clear(root?: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAutoidHighlightService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdAutoidHighlightService>;
+}

package/components/autoid-inspector/src/services/autoid-scanner.service.d.ts

@@ -0,0 +1,23 @@
+import { SdAutoidElement } from '../models/autoid-element.model';
+import * as i0 from "@angular/core";
+export declare class SdAutoidScannerService {
+    /** Quét toàn bộ element có [data-autoid] trong root, gắn thông tin name/tag/value/xpath. */
+    scan(root?: HTMLElement): SdAutoidElement[];
+    /** Group element theo autoid để consumer lấy duplicate map. */
+    groupByAutoid(elements: SdAutoidElement[]): Record<string, SdAutoidElement[]>;
+    /**
+     * Read the optional `data-*` E2E state attributes off the same node.
+     * Only includes fields actually present on the DOM (skipped fields stay undefined).
+     */
+    private readState;
+    /**
+     * If the node is inside an `<sd-table>` element, return that table's `data-autoid`.
+     * Walks up via closest('sd-table') — skips the node itself if it IS the table.
+     */
+    private resolveTableScope;
+    private resolveName;
+    private resolveSdTag;
+    private resolveText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAutoidScannerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdAutoidScannerService>;
+}

package/components/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './src/avatar.component';

package/components/avatar/src/avatar.component.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class SdAvatar {
+    #private;
+    /**
+     * The source string to be used for the avatar.
+     * - If it matches a URL pattern, an image is displayed.
+     * - If it is a string representing a name, initials and a colored background are generated.
+     * - If undefined, it falls back to a neutral ? initial.
+     */
+    readonly src: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly size: import("@angular/core").InputSignal<number>;
+    constructor();
+    readonly isUrl: import("@angular/core").Signal<boolean>;
+    readonly bgColor: import("@angular/core").Signal<string>;
+    readonly initials: import("@angular/core").Signal<string>;
+    handleError(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAvatar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAvatar, "sd-avatar", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/badge/src/badge.component.d.ts

@@ -1,27 +1,81 @@
 import { EventEmitter } from '@angular/core';
-import { SdColor, SdSize } from '@sd-angular/core/utilities/models';
+import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
+export type SdBadgeType = 'tag' | 'round' | 'icon';
 export declare class SdBadge {
     defaultIcon: string;
-    type: 'tag' | 'round' | 'icon';
-    set _type(type: 'tag' | 'round' | 'icon' | undefined | null);
-    color: SdColor;
-    set _color(color: SdColor | undefined | null);
-    set primary(value: boolean | '');
-    set secondary(value: boolean | '');
-    set success(value: boolean | '' | undefined | null);
-    set info(value: boolean | '' | undefined | null);
-    set warning(value: boolean | '' | undefined | null);
-    set error(value: boolean | '' | undefined | null);
-    fontSet: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp';
-    set _fontSet(fontSet: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp' | undefined | null);
-    title: string | number | undefined | null;
-    description: string | undefined | null;
-    tooltip: string | undefined | null;
-    icon: string | undefined | null;
-    size: SdSize;
-    sdClick: EventEmitter<any>;
+    type: import("@angular/core").InputSignalWithTransform<SdBadgeType, SdBadgeType | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Color, import("@sdcorejs/utils/models").Color | null | undefined>;
+    primary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    secondary: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    success: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    info: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    warning: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    error: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    title: import("@angular/core").InputSignal<string | number | null | undefined>;
+    description: import("@angular/core").InputSignal<string | null | undefined>;
+    tooltip: import("@angular/core").InputSignal<string | null | undefined>;
+    icon: import("@angular/core").InputSignal<string | null | undefined>;
+    size: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Size, import("@sdcorejs/utils/models").Size | null | undefined>;
+    click: EventEmitter<Event>;
     onClick: (event: Event) => void;
+    effectiveColor: import("@angular/core").Signal<import("@sdcorejs/utils/models").Color>;
+    baseColorClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-secondary': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+    }>;
+    iconColorClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-black400': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+    }>;
+    iconSizeAndFontClasses: import("@angular/core").Signal<{
+        'c-sm': boolean;
+        'c-md': boolean;
+        'c-lg': boolean;
+        'material-icons': boolean;
+        'material-icons-outlined': boolean;
+        'material-icons-round': boolean;
+        'material-icons-sharp': boolean;
+    }>;
+    tagIconCombinedClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-secondary': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+        'c-sm': boolean;
+        'c-md': boolean;
+        'c-lg': boolean;
+        'material-icons': boolean;
+        'material-icons-outlined': boolean;
+        'material-icons-round': boolean;
+        'material-icons-sharp': boolean;
+    }>;
+    iconCombinedClasses: import("@angular/core").Signal<{
+        'c-primary': boolean;
+        'c-black400': boolean;
+        'c-info': boolean;
+        'c-success': boolean;
+        'c-warning': boolean;
+        'c-error': boolean;
+        'c-sm': boolean;
+        'c-md': boolean;
+        'c-lg': boolean;
+        'material-icons': boolean;
+        'material-icons-outlined': boolean;
+        'material-icons-round': boolean;
+        'material-icons-sharp': boolean;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdBadge, "sd-badge", never, { "_type": { "alias": "type"; "required": false; }; "_color": { "alias": "color"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "success": { "alias": "success"; "required": false; }; "info": { "alias": "info"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "error": { "alias": "error"; "required": false; }; "_fontSet": { "alias": "fontSet"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "sdClick": "sdClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdBadge, "sd-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
 }

package/components/button/src/button.component.d.ts

@@ -1,39 +1,41 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
-import { SdColor } from '@sd-angular/core/utilities/models';
+import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
 import * as i0 from "@angular/core";
+export type SdButtonType = 'fill' | 'light' | 'outline' | 'link';
+export type SdButtonSize = 'sm' | 'md' | 'lg';
+export type SdButtonHtmlType = 'button' | 'submit' | 'reset';
 export declare class SdButton extends SdBaseSecureComponent implements OnInit, OnDestroy {
     #private;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    type: 'fill' | 'light' | 'outline' | 'link';
-    set _type(type: 'fill' | 'light' | 'outline' | 'link' | undefined | null);
-    color: SdColor;
-    set _color(color: SdColor | undefined | null);
-    title: string | undefined | null;
-    width: string | undefined | null;
-    size: 'sm' | 'md' | 'lg' | undefined | null;
-    tooltip: string | undefined | null;
-    prefixIcon: string | undefined | null;
-    suffixIcon: string | undefined | null;
-    fontSet: 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp' | 'material-symbols-outlined';
-    set _fontSet(fontSet: SdButton['fontSet'] | undefined | null);
-    disabled: boolean;
-    get disabledAttr(): "true" | null;
-    set _disabled(value: '' | boolean | undefined | null);
-    loading: boolean;
-    click: EventEmitter<Event>;
-    constructor();
-    ngOnInit(): void;
-    onInternalClick(event: Event): void;
-    ngOnDestroy(): void;
-    get buttonClasses(): {
+    private el;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    type: import("@angular/core").InputSignalWithTransform<SdButtonType, SdButtonType | null | undefined>;
+    color: import("@angular/core").InputSignalWithTransform<import("@sdcorejs/utils/models").Color, import("@sdcorejs/utils/models").Color | null | undefined>;
+    size: import("@angular/core").InputSignalWithTransform<SdButtonSize, SdButtonSize | null | undefined>;
+    fontSet: import("@angular/core").InputSignalWithTransform<MaterialIconFontSet, MaterialIconFontSet | null | undefined>;
+    title: import("@angular/core").InputSignal<string | null | undefined>;
+    width: import("@angular/core").InputSignal<string | null | undefined>;
+    tooltip: import("@angular/core").InputSignal<string | null | undefined>;
+    prefixIcon: import("@angular/core").InputSignal<string | null | undefined>;
+    suffixIcon: import("@angular/core").InputSignal<string | null | undefined>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    block: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    htmlType: import("@angular/core").InputSignalWithTransform<SdButtonHtmlType, SdButtonHtmlType | null | undefined>;
+    autoId: import("@angular/core").Signal<string | undefined>;
+    buttonClasses: import("@angular/core").Signal<{
         'c-square': boolean | "" | null | undefined;
         'c-sm': boolean;
         'c-md': boolean;
         'c-lg': boolean;
         'c-disabled': boolean;
-    };
+        'c-block': boolean;
+    }>;
+    click: import("@angular/core").OutputEmitterRef<Event>;
+    constructor();
+    ngOnInit(): void;
+    onInternalClick(event: Event): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdButton, "sd-button", never, { "_autoId": { "alias": "autoId"; "required": false; }; "_type": { "alias": "type"; "required": false; }; "_color": { "alias": "color"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "_fontSet": { "alias": "fontSet"; "required": false; }; "_disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "click": "click"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdButton, "sd-button", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fontSet": { "alias": "fontSet"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "htmlType": { "alias": "htmlType"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
 }

package/components/chart/index.d.ts

@@ -0,0 +1,4 @@
+export * from './src/bar-chart.component';
+export * from './src/line-chart.component';
+export * from './src/pie-chart.component';
+export * from './src/doughnut-chart.component';

package/components/chart/src/bar-chart.component.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Chart, ChartData, Plugin } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SdBarChartComponent implements OnInit, OnDestroy {
+    #private;
+    canvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
+    data: import("@angular/core").InputSignal<ChartData<"bar", (number | [number, number] | null)[], unknown>>;
+    options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"bar"> & import("chart.js").ElementChartOptions<"bar"> & import("chart.js").PluginChartOptions<"bar"> & import("chart.js").DatasetChartOptions<"bar"> & import("chart.js").ScaleChartOptions<"bar"> & import("chart.js").BarControllerChartOptions> | undefined>;
+    plugins: import("@angular/core").InputSignal<Plugin<"bar", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    isScrollable: import("@angular/core").Signal<boolean>;
+    computedMinWidth: import("@angular/core").Signal<number | null>;
+    chart: Chart<'bar'> | undefined;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdBarChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdBarChartComponent, "sd-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/chart/src/doughnut-chart.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Chart, ChartData, Plugin } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SdDoughnutChartComponent implements OnInit, OnDestroy {
+    #private;
+    canvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
+    data: import("@angular/core").InputSignal<ChartData<"doughnut", number[], unknown>>;
+    options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"doughnut"> & import("chart.js").ElementChartOptions<"doughnut"> & import("chart.js").PluginChartOptions<"doughnut"> & import("chart.js").DatasetChartOptions<"doughnut"> & import("chart.js").ScaleChartOptions<"doughnut"> & import("chart.js").DoughnutControllerChartOptions> | undefined>;
+    plugins: import("@angular/core").InputSignal<Plugin<"doughnut", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    chart: Chart<'doughnut'> | undefined;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdDoughnutChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDoughnutChartComponent, "sd-doughnut-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/chart/src/line-chart.component.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Chart, ChartData, Plugin } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SdLineChartComponent implements OnInit, OnDestroy {
+    #private;
+    canvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
+    data: import("@angular/core").InputSignal<ChartData<"line", (number | import("chart.js").Point | null)[], unknown>>;
+    options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"line"> & import("chart.js").ElementChartOptions<"line"> & import("chart.js").PluginChartOptions<"line"> & import("chart.js").DatasetChartOptions<"line"> & import("chart.js").ScaleChartOptions<"line"> & import("chart.js").LineControllerChartOptions> | undefined>;
+    plugins: import("@angular/core").InputSignal<Plugin<"line", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    isScrollable: import("@angular/core").Signal<boolean>;
+    computedMinWidth: import("@angular/core").Signal<number | null>;
+    chart: Chart<'line'> | undefined;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdLineChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdLineChartComponent, "sd-line-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/chart/src/pie-chart.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Chart, ChartData, Plugin } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SdPieChartComponent implements OnInit, OnDestroy {
+    #private;
+    canvas: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
+    data: import("@angular/core").InputSignal<ChartData<"pie", number[], unknown>>;
+    options: import("@angular/core").InputSignal<import("node_modules/chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"pie"> & import("chart.js").ElementChartOptions<"pie"> & import("chart.js").PluginChartOptions<"pie"> & import("chart.js").DatasetChartOptions<"pie"> & import("chart.js").ScaleChartOptions<"pie"> & import("chart.js").DoughnutControllerChartOptions> | undefined>;
+    plugins: import("@angular/core").InputSignal<Plugin<"pie", import("node_modules/chart.js/dist/types/basic").AnyObject>[]>;
+    chart: Chart<'pie'> | undefined;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdPieChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdPieChartComponent, "sd-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/code-editor/index.d.ts

@@ -0,0 +1 @@
+export * from './src/code-editor.component';

package/components/code-editor/src/code-editor.component.d.ts

@@ -0,0 +1,25 @@
+import { SafeHtml } from '@angular/platform-browser';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-json';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-scss';
+import 'prismjs/components/prism-markup';
+import * as i0 from "@angular/core";
+export type CodeLanguage = 'html' | 'typescript' | 'json' | 'css' | 'scss';
+export declare class SdCodeEditor {
+    #private;
+    valueModel: import("@angular/core").ModelSignal<any>;
+    language: import("@angular/core").InputSignal<CodeLanguage>;
+    maxHeight: import("@angular/core").InputSignal<string>;
+    viewed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    copied: import("@angular/core").WritableSignal<boolean>;
+    textValue: import("@angular/core").WritableSignal<string>;
+    prismLang: import("@angular/core").Signal<CodeLanguage | "markup">;
+    private _lastEmittedValue;
+    constructor();
+    highlightedCode: import("@angular/core").Signal<SafeHtml>;
+    onTextChange(newText: string): void;
+    copyToClipboard(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCodeEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCodeEditor, "sd-code-editor", never, { "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "viewed": { "alias": "viewed"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; }, never, never, true, never>;
+}

package/components/document-builder/index.d.ts

@@ -1,3 +1,4 @@
 export * from './src/components';
 export * from './src/document-builder.model';
 export * from './src/document-builder.component';
+export * from './src/plugins/ck-comment/ck-comment.plugin.model';

package/components/document-builder/src/components/header-footer-builder/header-footer-builder.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import { DocumentBuilderI18n } from '../../document-builder.model';
 import { ClassicEditor, EditorConfig } from 'ckeditor5';
 import * as i0 from "@angular/core";
 export declare class SdHeaderFooterBuilder {
@@ -6,7 +7,9 @@ export declare class SdHeaderFooterBuilder {
     Editor: typeof ClassicEditor;
     set model(value: string | undefined | null);
     modelChange: EventEmitter<string>;
-    config: EditorConfig;
+    config: EditorConfig & {
+        _i18n?: DocumentBuilderI18n;
+    };
     onReady(editor: ClassicEditor): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdHeaderFooterBuilder, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdHeaderFooterBuilder, "sd-header-footer-builder", never, { "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, true, never>;