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

package/assets/scss/core/utilities/_grid.scss

@@ -0,0 +1,142 @@
+// --------------------------------------------------------------------------
+// Grid — Bootstrap-compatible row/col + CSS Grid container
+//   Không phụ thuộc Bootstrap, thuần CSS Flexbox / CSS Grid
+// --------------------------------------------------------------------------
+
+// --------------------------------------------------------------------------
+// 1. Flexbox row/col  (.row, .col-{1-12})
+// --------------------------------------------------------------------------
+$grid-columns: 12;
+$grid-gutter: 16px;
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: calc(-1 * $grid-gutter / 2);
+  margin-right: calc(-1 * $grid-gutter / 2);
+
+  > * {
+    box-sizing: border-box;
+    padding-left: calc($grid-gutter / 2);
+    padding-right: calc($grid-gutter / 2);
+  }
+}
+
+// Gutter variants
+.row-md {
+  @extend .row;
+  margin-left: -8px;
+  margin-right: -8px;
+  > * { padding-left: 8px; padding-right: 8px; }
+}
+
+.row-sm {
+  @extend .row;
+  margin-left: -4px;
+  margin-right: -4px;
+  > * { padding-left: 4px; padding-right: 4px; }
+}
+
+.row-xs {
+  @extend .row;
+  margin-left: -2px;
+  margin-right: -2px;
+  > * { padding-left: 2px; padding-right: 2px; }
+}
+
+// .col-1 … .col-12
+@for $i from 1 through $grid-columns {
+  .col-#{$i} {
+    box-sizing: border-box;
+    width: percentage(calc($i / $grid-columns));
+    flex: 0 0 percentage(calc($i / $grid-columns));
+    max-width: percentage(calc($i / $grid-columns));
+    padding-left: calc($grid-gutter / 2);
+    padding-right: calc($grid-gutter / 2);
+  }
+}
+
+.col {
+  flex: 1 1 0%;
+  padding-left: calc($grid-gutter / 2);
+  padding-right: calc($grid-gutter / 2);
+}
+
+// --------------------------------------------------------------------------
+// 1b. Responsive columns  — Bootstrap-compatible breakpoints
+//   col-sm-{1-12} : ≥ 576px
+//   col-md-{1-12} : ≥ 768px
+//   col-lg-{1-12} : ≥ 992px
+//   col-xl-{1-12} : ≥ 1200px
+//
+//   Mobile-first: mặc định width: 100%, áp dụng kích thước khi đủ rộng.
+// --------------------------------------------------------------------------
+$grid-breakpoints: (
+  'sm': 576px,
+  'md': 768px,
+  'lg': 992px,
+  'xl': 1200px,
+);
+
+// col-{bp} — chiếm hết chiều rộng tại breakpoint đó
+@each $bp, $min-width in $grid-breakpoints {
+  @media (min-width: $min-width) {
+    .col-#{$bp} {
+      flex: 1 1 0%;
+      padding-left: calc($grid-gutter / 2);
+      padding-right: calc($grid-gutter / 2);
+    }
+  }
+}
+
+// col-{bp}-{1-12} — chiếm n/12 chiều rộng tại breakpoint đó
+@each $bp, $min-width in $grid-breakpoints {
+  @media (min-width: $min-width) {
+    @for $i from 1 through $grid-columns {
+      .col-#{$bp}-#{$i} {
+        box-sizing: border-box;
+        width: percentage(calc($i / $grid-columns));
+        flex: 0 0 percentage(calc($i / $grid-columns));
+        max-width: percentage(calc($i / $grid-columns));
+        padding-left: calc($grid-gutter / 2);
+        padding-right: calc($grid-gutter / 2);
+      }
+    }
+  }
+}
+
+// --------------------------------------------------------------------------
+// 2. CSS Grid container  (.grid-container)
+//    grid-container + grid-cols-{1-12} + col-span-{1-12}
+// --------------------------------------------------------------------------
+.grid-container {
+  display: grid;
+  column-gap: 8px;
+  row-gap: 0;
+
+  @for $i from 1 through 12 {
+    &.grid-cols-#{$i} {
+      grid-template-columns: repeat($i, minmax(0, 1fr));
+    }
+  }
+
+  @for $i from 1 through 12 {
+    .col-span-#{$i} {
+      grid-column: span #{$i} / span #{$i};
+    }
+  }
+
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  @for $i from 1 through 12 {
+    .row-span-#{$i} {
+      grid-row: span #{$i} / span #{$i};
+    }
+  }
+
+  .row-span-full {
+    grid-row: 1 / -1;
+  }
+}

package/assets/scss/core/utilities/_index.scss

@@ -0,0 +1,17 @@
+/* ==========================================================================
+   SD-ANGULAR UTILITY CLASSES — không phụ thuộc Bootstrap
+   Mỗi partial độc lập, có thể import riêng lẻ nếu cần.
+   ========================================================================== */
+
+@use 'spacing';
+@use 'sizing';
+@use 'border';
+@use 'typography';
+@use 'gap';
+@use 'display';
+@use 'flexbox';
+@use 'overflow';
+@use 'position';
+@use 'misc';
+@use 'grid';
+@use 'elevation';

package/assets/scss/core/utilities/_misc.scss

@@ -0,0 +1,20 @@
+// --------------------------------------------------------------------------
+// Vertical-align
+// --------------------------------------------------------------------------
+.align-middle   { vertical-align: middle !important; }
+.align-top      { vertical-align: top !important; }
+.align-bottom   { vertical-align: bottom !important; }
+.align-baseline { vertical-align: baseline !important; }
+
+// --------------------------------------------------------------------------
+// Cursor
+// --------------------------------------------------------------------------
+.cursor-pointer     { cursor: pointer !important; }
+.cursor-default     { cursor: default !important; }
+.cursor-not-allowed { cursor: not-allowed !important; }
+
+// --------------------------------------------------------------------------
+// Visibility
+// --------------------------------------------------------------------------
+.visible   { visibility: visible !important; }
+.invisible { visibility: hidden !important; }

package/assets/scss/core/utilities/_overflow.scss

@@ -0,0 +1,9 @@
+// --------------------------------------------------------------------------
+// Overflow
+// --------------------------------------------------------------------------
+.overflow-auto    { overflow: auto !important; }
+.overflow-hidden  { overflow: hidden !important; }
+.overflow-visible { overflow: visible !important; }
+.overflow-scroll  { overflow: scroll !important; }
+.overflow-x-auto  { overflow-x: auto !important; }
+.overflow-y-auto  { overflow-y: auto !important; }

package/assets/scss/core/utilities/_position.scss

@@ -0,0 +1,8 @@
+// --------------------------------------------------------------------------
+// Position
+// --------------------------------------------------------------------------
+.position-relative { position: relative !important; }
+.position-absolute { position: absolute !important; }
+.position-fixed    { position: fixed !important; }
+.position-sticky   { position: sticky !important; }
+.position-static   { position: static !important; }

package/assets/scss/core/utilities/_sizing.scss

@@ -0,0 +1,28 @@
+// --------------------------------------------------------------------------
+// Sizing – Width & Height  (px-based, 0–200)
+//   w-0 … w-200 | h-0 … h-200
+// --------------------------------------------------------------------------
+@for $i from 0 through 200 {
+  .w-#{$i} { width: #{$i}px !important; }
+  .h-#{$i} { height: #{$i}px !important; }
+}
+
+// Percentage / keyword shorthands
+.w-full   { width: 100% !important; }
+.w-100    { width: 100% !important; } // Bootstrap compat alias
+.w-auto   { width: auto !important; }
+.w-screen { width: 100vw !important; }
+.w-fit    { width: fit-content !important; }
+
+.h-full   { height: 100% !important; }
+.h-100    { height: 100% !important; } // Bootstrap compat alias
+.h-auto   { height: auto !important; }
+.h-screen { height: 100vh !important; }
+.h-fit    { height: fit-content !important; }
+
+.min-h-full   { min-height: 100% !important; }
+.min-h-screen { min-height: 100vh !important; }
+.min-w-full   { min-width: 100% !important; }
+
+.max-h-full   { max-height: 100% !important; }
+.max-w-full   { max-width: 100% !important; }

package/assets/scss/core/utilities/_spacing.scss

@@ -0,0 +1,31 @@
+// --------------------------------------------------------------------------
+// Spacing – Margin & Padding  (px-based, 0–200)
+//   m-0 … m-200 | mt-* | mr-* | mb-* | ml-* | mx-* | my-*
+//   p-0 … p-200 | pt-* | pr-* | pb-* | pl-* | px-* | py-*
+// --------------------------------------------------------------------------
+@for $i from 0 through 200 {
+  .m-#{$i}  { margin: #{$i}px !important; }
+  .mt-#{$i} { margin-top: #{$i}px !important; }
+  .mr-#{$i} { margin-right: #{$i}px !important; }
+  .mb-#{$i} { margin-bottom: #{$i}px !important; }
+  .ml-#{$i} { margin-left: #{$i}px !important; }
+  .mx-#{$i} { margin-left: #{$i}px !important; margin-right: #{$i}px !important; }
+  .my-#{$i} { margin-top: #{$i}px !important; margin-bottom: #{$i}px !important; }
+
+  .p-#{$i}  { padding: #{$i}px !important; }
+  .pt-#{$i} { padding-top: #{$i}px !important; }
+  .pr-#{$i} { padding-right: #{$i}px !important; }
+  .pb-#{$i} { padding-bottom: #{$i}px !important; }
+  .pl-#{$i} { padding-left: #{$i}px !important; }
+  .px-#{$i} { padding-left: #{$i}px !important; padding-right: #{$i}px !important; }
+  .py-#{$i} { padding-top: #{$i}px !important; padding-bottom: #{$i}px !important; }
+}
+
+// Auto margin helpers
+.m-auto  { margin: auto !important; }
+.mt-auto { margin-top: auto !important; }
+.mr-auto { margin-right: auto !important; }
+.mb-auto { margin-bottom: auto !important; }
+.ml-auto { margin-left: auto !important; }
+.mx-auto { margin-left: auto !important; margin-right: auto !important; }
+.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

package/assets/scss/core/utilities/_typography.scss

@@ -0,0 +1,99 @@
+// --------------------------------------------------------------------------
+// SCSS variables — dùng nội bộ trong scss, không output CSS
+//   Đặt tên theo thang đọc được: fw = font-weight, fs = font-size
+// --------------------------------------------------------------------------
+$fw-lighter: 400;
+$fw-normal:  500;
+$fw-bold:    600;
+
+$fs-xs:     11.2px;
+$fs-small:  14px;
+$fs-normal: 16px;
+$fs-regular: 18px;
+$fs-medium: 21px;
+$fs-large:  24px;
+$fs-xl:     28px;
+$fs-xxl:    38px;
+$fs-xxxl:   42px;
+
+// --------------------------------------------------------------------------
+// Design token classes — hệ thống typography của SD Angular
+//   Quy ước: T{size}{weight}  |  M = Medium (500), R = Regular (400)
+//   Mỗi class bao gồm font-size + font-weight + line-height chuẩn hóa
+// --------------------------------------------------------------------------
+.T48M { font-size: 48px; font-weight: 500; line-height: 56px; }
+.T48R { font-size: 48px; font-weight: 400; line-height: 56px; }
+
+.T32M { font-size: 32px; font-weight: 500; line-height: 48px; }
+.T32R { font-size: 32px; font-weight: 400; line-height: 48px; }
+
+.T24M { font-size: 24px; font-weight: 500; line-height: 28px; }
+.T24R { font-size: 20px; font-weight: 400; line-height: 28px; }
+
+.T20M { font-size: 20px; font-weight: 500; line-height: 28px; }
+.T20R { font-size: 20px; font-weight: 400; line-height: 28px; }
+
+.T18M { font-size: 18px; font-weight: 500; line-height: 28px; }
+.T18R { font-size: 18px; font-weight: 400; line-height: 28px; }
+
+.T16M { font-size: 16px; font-weight: 500; line-height: 24px; }
+.T16R { font-size: 16px; font-weight: 400; line-height: 24px; }
+
+.T14M { font-size: 14px; font-weight: 500; line-height: 20px; }
+.T14R { font-size: 14px; font-weight: 400; line-height: 20px; }
+
+.T12M { font-size: 12px; font-weight: 500; line-height: 16px; }
+// !important vì T12R thường bị override bởi material components
+.T12R { font-size: 12px !important; font-weight: 400; line-height: 16px; }
+
+.T10M { font-size: 10px; font-weight: 500; line-height: 12px; }
+.T10R { font-size: 10px; font-weight: 400; line-height: 12px; }
+
+// --------------------------------------------------------------------------
+// Font-size utilities  (px-based, 0–200)
+//   fs-0 … fs-200 — dùng khi cần ghi đè nhanh, không dùng thay token
+// --------------------------------------------------------------------------
+@for $i from 0 through 200 {
+  .fs-#{$i} { font-size: #{$i}px !important; }
+}
+
+// --------------------------------------------------------------------------
+// Font-weight utilities
+// --------------------------------------------------------------------------
+.font-weight-light   { font-weight: 300 !important; }
+.font-weight-normal  { font-weight: 400 !important; }
+.font-weight-medium  { font-weight: 500 !important; }
+.font-weight-bold    { font-weight: 600 !important; }
+.font-weight-bolder  { font-weight: 700 !important; }
+
+// --------------------------------------------------------------------------
+// Text alignment
+// --------------------------------------------------------------------------
+.text-left    { text-align: left !important; }
+.text-center  { text-align: center !important; }
+.text-right   { text-align: right !important; }
+.text-justify { text-align: justify !important; }
+
+// --------------------------------------------------------------------------
+// Text wrapping & overflow
+// --------------------------------------------------------------------------
+.text-wrap   { white-space: normal !important; }
+.text-nowrap { white-space: nowrap !important; }
+.text-ellipsis {
+  // Hiển thị "..." khi text tràn — cần container có width cố định
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+.text-break {
+  // Xuống dòng từng ký tự khi tràn — dùng cho URL, hash, code dài
+  overflow-wrap: break-word !important;
+  word-break: break-word !important;
+}
+
+// --------------------------------------------------------------------------
+// Text transform
+// --------------------------------------------------------------------------
+.text-uppercase  { text-transform: uppercase !important; }
+.text-lowercase  { text-transform: lowercase !important; }
+.text-capitalize { text-transform: capitalize !important; }

package/assets/scss/sd-core.scss

@@ -1,15 +1,18 @@
 @use '../fonts/fonts.scss';
-@use './core/bootstrap.scss';
-@use './core/cursor.scss';
+// Tạm thời giữ bootstrap.scss để so sánh — xóa sau khi confirm _base.scss OK
+// @use './core/bootstrap.scss';
+@use './core/utilities/base';  // Reset / Reboot — phải load trước tất cả
+@use './core/utilities';
 @use './core/color.scss';
 @use './core/form.scss';
 @use './core/scrollbar.scss';
-@use './core/typography.scss';
-@use './core/print.scss';
-@use './core/elevation.scss';
 @use './themes/default.scss';
 @use './themes/material-theme.scss';
 
 html {
   @include default.theme(default.$default-theme);
 }
+
+html, body {
+  font-family: Roboto, 'Helvetica Neue', sans-serif;
+}

package/assets/scss/themes/material-theme.scss

@@ -2,58 +2,100 @@
 @use './default.scss' as default;
 @use 'sass:map';
 
-// Tạo custom primary palette
-$custom-primary-palette: mat.m2-define-palette((
-  50: #eaf1ff,  // từ primary-light
-  100: #d0e0ff,
-  200: #a3c0ff,
-  300: #78a0ff,
-  400: #5288f9,
-  500: #2A66F4,  // màu chính bạn muốn
-  600: #1c4ad9,  // từ primary-darker
-  700: #1232bd,
-  800: #0b1e9f,
-  900: #061080,
-  contrast: (
-    500: white,
-    600: white,
-    700: white,
-    800: white,
-    900: white,
+// --------------------------------------------------
+// Palette M2 — generated từ hex color
+// --------------------------------------------------
+$custom-primary-palette: mat.m2-define-palette(
+  (
+    50: #f0f1f5,
+    100: #d7dcea,
+    200: #abbce3,
+    300: #6e90e3,
+    400: #346aea,
+    500: #2a66f4,
+    600: #0645db,
+    700: #0131a3,
+    800: #00216d,
+    900: #001546,
+    contrast: (
+      400: white,
+      500: white,
+      600: white,
+      700: white,
+      800: white,
+      900: white,
+    ),
   )
-));
+);
 
-// Tạo custom warn palette
-$custom-warn-palette: mat.m2-define-palette((
-  50: #ffebee,
-  100: #ffcdd2,
-  200: #ef9a9a,
-  300: #e57373,
-  400: #ef5350,
-  500: #F82C13, // custom warn main color
-  600: #e53935,
-  700: #d32f2f,
-  800: #c62828,
-  900: #b71c1c,
-  contrast: (
-    500: white,
-    700: white,
+$custom-accent-palette: mat.m2-define-palette(
+  (
+    50: #f1f3f1,
+    100: #dce5dd,
+    200: #bbd3bc,
+    300: #8fc291,
+    400: #67b76a,
+    500: #4caf50,
+    600: #3a8c3d,
+    700: #29692c,
+    800: #1c471e,
+    900: #132f14,
+    contrast: (
+      700: white,
+      800: white,
+      900: white,
+    ),
   )
-));
+);
 
-// Tạo theme
+$custom-warn-palette: mat.m2-define-palette(
+  (
+    50: #f5f0f0,
+    100: #ead9d6,
+    200: #e4b0aa,
+    300: #e6786b,
+    400: #ee4430,
+    500: #f82c13,
+    600: #d11801,
+    700: #9a1100,
+    800: #680b00,
+    900: #440700,
+    contrast: (
+      600: white,
+      700: white,
+      800: white,
+      900: white,
+    ),
+  )
+);
+
+// --------------------------------------------------
+// Theme
+// --------------------------------------------------
 $custom-theme: mat.m2-define-light-theme(
   (
     color: (
       primary: $custom-primary-palette,
-      accent: mat.m2-define-palette(mat.$m2-indigo-palette),
+      accent: $custom-accent-palette,
       warn: $custom-warn-palette,
     ),
     density: -3,
-    // typography: Roboto,
   )
 );
 
-
-// Apply theme
 @include mat.all-component-themes($custom-theme);
+
+// Fix paginator density riêng về 0 để không bị lệch
+html {
+  @include mat.theme(
+    (
+      color: (
+        theme-type: light,
+        primary: mat.$azure-palette,
+        tertiary: mat.$blue-palette,
+      ),
+      typography: Roboto,
+      density: 0,
+    )
+  );
+}

package/components/anchor/index.d.ts

@@ -1 +1 @@
-export * from './src/components';
+export * from './src';

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

@@ -0,0 +1,22 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { Color } from '@sdcorejs/utils/models';
+import { SdAnchorItem } from '../anchor-item/anchor-item.component';
+import * as i0 from "@angular/core";
+export declare class SdAnchor implements OnDestroy {
+    #private;
+    wrapper: import("@angular/core").Signal<ElementRef<any>>;
+    sections: import("@angular/core").Signal<readonly SdAnchorItem[]>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    sidebarWidth: import("@angular/core").InputSignal<string>;
+    ellipsis: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    overScroll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    hideNav: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    color: import("@angular/core").InputSignal<Color>;
+    activeSectionId: import("@angular/core").WritableSignal<string>;
+    constructor();
+    scrollSectionByClick(idSectionTarget: string): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchor, "sd-anchor", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "overScroll": { "alias": "overScroll"; "required": false; "isSignal": true; }; "hideNav": { "alias": "hideNav"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, ["sections"], ["*"], true, never>;
+}

package/components/anchor/src/components/anchor-item/anchor-item.component.d.ts

@@ -1,15 +1,13 @@
-import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
-import { AnchorService } from '../../services';
+import { ElementRef } from '@angular/core';
+import { IAnchorItem } from '../../models';
 import * as i0 from "@angular/core";
-export declare class SdAnchorItem implements AfterViewInit, OnDestroy {
-    elementRef: ElementRef;
-    private service;
-    title: string;
-    icon?: string;
+export declare class SdAnchorItem implements IAnchorItem {
+    title: import("@angular/core").InputSignal<string>;
+    icon: import("@angular/core").InputSignal<string | undefined>;
+    key: import("@angular/core").InputSignal<string | undefined>;
     id: string;
-    constructor(elementRef: ElementRef, service: AnchorService);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    elementRef: ElementRef<any>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchorItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorItem, "sd-anchor-item", never, { "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorItem, "sd-anchor-item", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/anchor/src/components/anchor-nav/anchor-nav.component.d.ts

@@ -0,0 +1,21 @@
+import { OnDestroy } from '@angular/core';
+import { Color } from '@sdcorejs/utils/models';
+import { SdAnchorItem } from '../anchor-item/anchor-item.component';
+import * as i0 from "@angular/core";
+export declare class AnchorNav implements OnDestroy {
+    #private;
+    sections: import("@angular/core").InputSignal<readonly SdAnchorItem[]>;
+    activeSectionId: import("@angular/core").InputSignal<string>;
+    ellipsis: import("@angular/core").InputSignal<boolean>;
+    sidebarWidth: import("@angular/core").InputSignal<string>;
+    parentAutoId: import("@angular/core").InputSignal<string | null | undefined>;
+    color: import("@angular/core").InputSignal<Color>;
+    cssActiveVar: import("@angular/core").Signal<string>;
+    itemAutoId(section: SdAnchorItem): string | undefined;
+    clickSection: import("@angular/core").OutputEmitterRef<string>;
+    constructor();
+    onClickSection: (id: string) => void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnchorNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnchorNav, "anchor-nav", never, { "sections": { "alias": "sections"; "required": true; "isSignal": true; }; "activeSectionId": { "alias": "activeSectionId"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; "isSignal": true; }; "parentAutoId": { "alias": "parentAutoId"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "clickSection": "clickSection"; }, never, never, true, never>;
+}

package/components/anchor/src/components/index.d.ts

@@ -1,2 +1,2 @@
 export * from './anchor-item/anchor-item.component';
-export * from './main/main.component';
+export * from './anchor/anchor.component';

package/components/anchor/src/models/index.d.ts

@@ -0,0 +1 @@
+export * from './sd-anchor.model';

package/components/anchor/src/models/sd-anchor.model.d.ts

@@ -0,0 +1,7 @@
+import { ElementRef, InputSignal } from "@angular/core";
+export interface IAnchorItem {
+    id: string;
+    title: InputSignal<string>;
+    icon: InputSignal<string | undefined>;
+    elementRef: ElementRef;
+}

package/components/autoid-inspector/index.d.ts

@@ -0,0 +1,8 @@
+export * from './src/autoid-inspector.component';
+export * from './src/models/autoid-element.model';
+export * from './src/models/autoid-inspector-config.model';
+export * from './src/models/autoid-export-format.model';
+export * from './src/services/autoid-scanner.service';
+export * from './src/services/autoid-audit.service';
+export * from './src/services/autoid-highlight.service';
+export * from './src/services/autoid-export.service';