@ascentgl/ads-ui 0.0.12 → 0.0.14

package/index.d.ts

@@ -13,14 +13,11 @@ export * from './lib/components/footer';
 export * from './lib/components/footer/container';
 export * from './lib/components/header';
 export * from './lib/components/header/container';
-export * from './lib/components/header/org-display-text';
 export * from './lib/components/buttons/icon-button';
 export * from './lib/components/buttons/link-button';
 export * from './lib/components/icon-hover';
 export * from './lib/components/logo/primary-logo';
 export * from './lib/components/logo/ascent-logo';
-export * from './lib/components/pagination';
-export * from './lib/components/pagination/container';
 export * from './lib/components/progress-indicators/progress-bar';
 export * from './lib/components/progress-indicators/progress-spinner';
 export * from './lib/components/progress-indicators/progress-indicator-spinner';
@@ -44,15 +41,6 @@ export * from './lib/components/form-fields/selection-fields/slide-toggle';
 export * from './lib/components/form-fields/selection-fields/slider';
 export * from './lib/components/snackbars/inline-snackbar';
 export * from './lib/components/snackbars/snackbar';
-export * from './lib/components/widgets/widget-actions';
-export * from './lib/components/widgets/widget-bar';
-export * from './lib/components/widgets/widget-container';
-export * from './lib/components/widgets/widget-footer';
-export * from './lib/components/widgets/widget-header';
-export * from './lib/components/widgets/widget-preview';
-export * from './lib/components/widgets/widget-thumbnail';
-export * from './lib/components/widgets/widget-thumbnail-container';
-export * from './lib/components/widgets/widget-title';
 export * from './lib/services/viewport/viewport.service';
 export * from './lib/services/window/window.service';
 export * from './lib/components/form-fields/datepickers/datetime-picker/custom-datetime.adapter';
@@ -63,5 +51,7 @@ export * from './lib/components/expansion-panel';
 export * from './lib/components/table';
 export * from './lib/components/nav-bar/nav-menu';
 export * from './lib/components/nav-bar/side-nav-bar';
+export * from './lib/components/nav-bar/scms-side-nav-bar';
 export * from './lib/components/steppers/numeric-stepper';
 export * from './lib/components/steppers/vertical-stepper';
+export * from './lib/components/steppers/stepper';

package/lib/components/breadcrumb/breadcrumb.component.d.ts

@@ -12,8 +12,6 @@ export declare class AdsBreadcrumbComponent<T> implements OnChanges, AfterViewIn
     listRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
     /** provide an array of breadcrumbs of Breadcrumb<T> type */
     breadcrumbs: import("@angular/core").InputSignal<Breadcrumb<T>[]>;
-    /** set to "true" to show sequence number for every breadcrumb */
-    showNumber: import("@angular/core").InputSignal<boolean>;
     /** @ignore */
     visualProcessor?: BreadcrumbVisualProcessor;
     /** @ignore */
@@ -33,5 +31,5 @@ export declare class AdsBreadcrumbComponent<T> implements OnChanges, AfterViewIn
     /** @ignore */
     scrollRight(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsBreadcrumbComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsBreadcrumbComponent<any>, "ads-breadcrumb", never, { "breadcrumbs": { "alias": "breadcrumbs"; "required": true; "isSignal": true; }; "showNumber": { "alias": "showNumber"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsBreadcrumbComponent<any>, "ads-breadcrumb", never, { "breadcrumbs": { "alias": "breadcrumbs"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/components/breadcrumb/breadcrumb.type.d.ts

@@ -1,6 +1,5 @@
 export type Breadcrumb<T> = {
     primaryLabel: string;
-    secondaryLabel?: string;
     callback: (payload: T) => void;
     active: boolean;
     payload: T;

package/lib/components/card/card.component.d.ts

@@ -1,5 +1,16 @@
+import { Colors } from '../general/color-palette/colors.enums';
 import * as i0 from "@angular/core";
 export declare class AdsCardComponent {
+    /**
+     * Card border color
+     */
+    borderColor: import("@angular/core").InputSignal<Colors>;
+    /**
+     * Card border width
+     */
+    borderWidth: import("@angular/core").InputSignal<number>;
+    /** @ignore */
+    getBorderColor(color: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsCardComponent, "ads-card", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsCardComponent, "ads-card", never, { "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "borderWidth": { "alias": "borderWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

package/lib/components/general/color-palette/colors.enums.d.ts

@@ -24,6 +24,7 @@ export declare enum Colors {
     Secondary = "secondary",
     SecondaryHover = "secondary-hover",
     SecondaryPressed = "secondary-pressed",
+    Secondary10 = "secondary-10",
     Link = "link",
     LinkHover = "link-hover",
     LinkPressed = "link-pressed",

package/lib/components/logo/ascent-logo/ascent-logo.component.d.ts

@@ -1,9 +1,10 @@
+import { AbstractLogoComponent } from '../primary-logo/abstract-logo-component';
 import * as i0 from "@angular/core";
 export declare enum AdsAscentLogoColor {
     Regular = "regular",
     Teal = "teal"
 }
-export declare class AdsAscentLogoComponent {
+export declare class AdsAscentLogoComponent extends AbstractLogoComponent {
     /** @ignore */
     protected readonly AscentLogoColor: typeof AdsAscentLogoColor;
     /**

package/lib/components/logo/primary-logo/abstract-logo-component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractLogoComponent implements OnInit {
+    /** @ignore */
+    isMobile: boolean;
+    /**
+     * Mobile width
+     */
+    mobileWidth: import("@angular/core").InputSignal<number>;
+    /**
+     * Whether the navigation is collapsed
+     */
+    isCollapsed: import("@angular/core").InputSignal<boolean>;
+    /** @ignore */
+    onResize(): void;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    private checkScreenSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractLogoComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractLogoComponent, never, never, { "mobileWidth": { "alias": "mobileWidth"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/components/logo/primary-logo/primary-logo.component.d.ts

@@ -1,21 +1,7 @@
-import { OnInit } from '@angular/core';
+import { AbstractLogoComponent } from './abstract-logo-component';
 import * as i0 from "@angular/core";
-export declare class AdsPrimaryLogoComponent implements OnInit {
-    isMobile: boolean;
-    /**
-     * Mobile width
-     */
-    mobileWidth: import("@angular/core").InputSignal<number>;
-    /**
-     * Whether the navigation is collapsed
-     */
-    isCollapsed: import("@angular/core").InputSignal<boolean>;
-    /** @ignore */
-    onResize(): void;
-    /** @ignore */
-    ngOnInit(): void;
-    /** @ignore */
-    private checkScreenSize;
+export declare class AdsPrimaryLogoComponent extends AbstractLogoComponent {
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsPrimaryLogoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsPrimaryLogoComponent, "ads-primary-logo", never, { "mobileWidth": { "alias": "mobileWidth"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsPrimaryLogoComponent, "ads-primary-logo", never, {}, {}, never, never, false, never>;
 }

package/lib/components/nav-bar/scms-side-nav-bar/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './scms-side-nav-bar.component';
+export * from './scms-side-nav-bar.module';

package/lib/components/nav-bar/scms-side-nav-bar/scms-nav-item.types.d.ts

@@ -0,0 +1,14 @@
+import { adsIcon } from '@ascentgl/ads-icons/icons';
+export type ScmsNavItem = {
+    label: string;
+    icon: adsIcon;
+    href?: string;
+    subItems?: SubItem[];
+    showDividerAfterItem?: boolean;
+};
+type SubItem = {
+    label: string;
+    icon?: adsIcon;
+    href: string;
+};
+export {};

package/lib/components/nav-bar/scms-side-nav-bar/scms-side-nav-bar.component.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef } from '@angular/core';
+import { AbstractSideNavBarComponent } from '../side-nav-bar/abstract-side-nav-bar.component';
+import { ScmsNavItem } from './scms-nav-item.types';
+import { Router } from '@angular/router';
+import { MatAccordion } from '@angular/material/expansion';
+import { SplitComponent } from 'angular-split';
+import * as i0 from "@angular/core";
+export declare class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
+    protected router: Router;
+    /** @ignore */
+    constructor(router: Router);
+    /** @ignore */
+    splitter: import("@angular/core").Signal<SplitComponent>;
+    /** @ignore */
+    sideNavArea: import("@angular/core").Signal<ElementRef<any>>;
+    /** @ignore */
+    accordion: import("@angular/core").Signal<MatAccordion>;
+    /** Array of nav elements */
+    navItems: import("@angular/core").InputSignal<ScmsNavItem[]>;
+    /** @ignore */
+    localStorageName: string;
+    /** @ignore */
+    widthToCollapsed: number;
+    /** @ignore */
+    hasActiveLink(item: ScmsNavItem): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsScmsSideNavBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsScmsSideNavBarComponent, "ads-scms-side-nav-bar", never, { "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/components/nav-bar/scms-side-nav-bar/scms-side-nav-bar.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./scms-side-nav-bar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "angular-split";
+import * as i4 from "@angular/router";
+import * as i5 from "@ascentgl/ads-icons";
+import * as i6 from "../../divider/divider.module";
+import * as i7 from "@angular/material/expansion";
+import * as i8 from "../../logo/ascent-logo/ascent-logo.module";
+import * as i9 from "@angular/material/tooltip";
+export declare class AdsScmsSideNavBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsScmsSideNavBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsScmsSideNavBarModule, [typeof i1.AdsScmsSideNavBarComponent], [typeof i2.CommonModule, typeof i3.SplitComponent, typeof i3.SplitAreaComponent, typeof i4.RouterOutlet, typeof i4.RouterLink, typeof i4.RouterLinkActive, typeof i5.AdsIconModule, typeof i6.AdsDividerModule, typeof i7.MatAccordion, typeof i7.MatExpansionPanel, typeof i7.MatExpansionPanelDescription, typeof i7.MatExpansionPanelHeader, typeof i7.MatExpansionPanelTitle, typeof i8.AdsAscentLogoModule, typeof i9.MatTooltip], [typeof i1.AdsScmsSideNavBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsScmsSideNavBarModule>;
+}

package/lib/components/nav-bar/side-nav-bar/abstract-side-nav-bar.component.d.ts

@@ -0,0 +1,38 @@
+import { AfterViewInit, ElementRef, OnDestroy, OnInit, Signal } from '@angular/core';
+import { SplitComponent } from 'angular-split';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractSideNavBarComponent implements OnInit, AfterViewInit, OnDestroy {
+    /** The default expanded width for the sidebar */
+    defaultExpandedWidth: import("@angular/core").InputSignal<number>;
+    /** @ignore */
+    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    /** @ignore */
+    sidebarSize: import("@angular/core").WritableSignal<number>;
+    /** @ignore */
+    abstract localStorageName: string;
+    /** @ignore */
+    abstract splitter: Signal<SplitComponent>;
+    /** @ignore */
+    abstract sideNavArea: Signal<ElementRef>;
+    /** @ignore */
+    splitterSubscription?: Subscription;
+    /** @ignore */
+    abstract widthToCollapsed: number;
+    /** @ignore */
+    private minWidth;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /** Expand the sidebar between collapsed and expanded */
+    /** @ignore */
+    expandSidebar(): void;
+    /** Save current width to the local storage */
+    /** @ignore */
+    saveLocalStorage(size: number): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractSideNavBarComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSideNavBarComponent, never, never, { "defaultExpandedWidth": { "alias": "defaultExpandedWidth"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/components/nav-bar/side-nav-bar/side-nav-bar.component.d.ts

@@ -1,14 +1,13 @@
-import { ElementRef, OnInit, TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
 import { AdsIconRegistry } from '@ascentgl/ads-icons';
 import { NavItem } from './nav-item.types';
-import { SplitGutterInteractionEvent } from 'angular-split/lib/models';
+import { AbstractSideNavBarComponent } from './abstract-side-nav-bar.component';
+import { SplitComponent } from 'angular-split';
 import * as i0 from "@angular/core";
-export declare class AdsSideNavBarComponent implements OnInit {
+export declare class AdsSideNavBarComponent extends AbstractSideNavBarComponent {
     private registry;
     /** @ignore */
     constructor(registry: AdsIconRegistry);
-    /** The default expanded width for the sidebar */
-    defaultExpandedWidth: import("@angular/core").InputSignal<number>;
     /** The search template */
     searchTemplate: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
     /** The extra data  template below search */
@@ -16,27 +15,13 @@ export declare class AdsSideNavBarComponent implements OnInit {
     /** Array of nav elements */
     navItems: import("@angular/core").InputSignal<NavItem[]>;
     /** @ignore */
-    isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    localStorageName: string;
     /** @ignore */
-    sidebarSize: import("@angular/core").WritableSignal<number>;
+    widthToCollapsed: number;
     /** @ignore */
-    private localStorageName;
+    splitter: import("@angular/core").Signal<SplitComponent>;
     /** @ignore */
-    private widthToCollapsed;
-    /** @ignore */
-    private minWidth;
-    /** @ignore */
-    sideNavArea: ElementRef;
-    /** @ignore */
-    ngOnInit(): void;
-    /** @ignore */
-    onDragEnd(event: SplitGutterInteractionEvent): void;
-    /** Expand the sidebar between collapsed and expanded */
-    /** @ignore */
-    expandSidebar(): void;
-    /** Save current width to the local storage */
-    /** @ignore */
-    saveLocalStorage(size: number): void;
+    sideNavArea: import("@angular/core").Signal<ElementRef<any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSideNavBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSideNavBarComponent, "ads-side-nav-bar", never, { "defaultExpandedWidth": { "alias": "defaultExpandedWidth"; "required": false; "isSignal": true; }; "searchTemplate": { "alias": "searchTemplate"; "required": false; "isSignal": true; }; "extraDataTemplate": { "alias": "extraDataTemplate"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSideNavBarComponent, "ads-side-nav-bar", never, { "searchTemplate": { "alias": "searchTemplate"; "required": false; "isSignal": true; }; "extraDataTemplate": { "alias": "extraDataTemplate"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/components/snackbars/snackbar/snackbar.component.d.ts

@@ -5,6 +5,7 @@ export type SnackBarData = {
     message: string;
     hideActionButton?: boolean;
     buttonCaption?: string;
+    closeOnClick?: boolean;
 };
 export declare class AdsSnackbarComponent {
     data: SnackBarData;
@@ -12,6 +13,8 @@ export declare class AdsSnackbarComponent {
     readonly defaultButtonCaption = "CloseButton";
     protected readonly PanelClass: typeof PanelClass;
     get buttonPanelClass(): PanelClass;
+    /** @ignore */
+    onSnackbarClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSnackbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AdsSnackbarComponent, "ads-snackbar", never, {}, {}, never, never, false, never>;
 }

package/lib/components/steppers/numeric-stepper/numeric-step.type.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import { GENERIC_COLLECTION } from '@ascentgl/ads-utils';
+export type NumericStep = {
+    template: TemplateRef<unknown>;
+    headerTemplate: TemplateRef<unknown>;
+    isDelivery: boolean;
+    distance?: string;
+    templateData: GENERIC_COLLECTION;
+};

package/lib/components/steppers/numeric-stepper/numeric-stepper.component.d.ts

@@ -1,13 +1,5 @@
-import { TemplateRef } from '@angular/core';
-import { GENERIC_COLLECTION } from '@ascentgl/ads-utils';
+import { NumericStep } from './numeric-step.type';
 import * as i0 from "@angular/core";
-export interface NumericStep {
-    template: TemplateRef<unknown>;
-    headerTemplate: TemplateRef<unknown>;
-    isDelivery: boolean;
-    distance?: string;
-    templateData: GENERIC_COLLECTION;
-}
 export declare class AdsNumericStepperComponent {
     /** Steps array */
     steps: import("@angular/core").InputSignal<NumericStep[]>;

package/lib/components/steppers/numeric-stepper/public-api.d.ts

@@ -1,2 +1,3 @@
 export * from './numeric-stepper.component';
 export * from './numeric-stepper.module';
+export * from './numeric-step.type';

package/lib/components/steppers/stepper/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './stepper.component';
+export * from './stepper.module';
+export * from './step.type';

package/lib/components/steppers/stepper/step.type.d.ts

@@ -0,0 +1,8 @@
+import { StepStatus } from './stepper.component';
+import { TemplateRef } from '@angular/core';
+import { GENERIC_COLLECTION } from '@ascentgl/ads-utils';
+export type Step = {
+    status: StepStatus;
+    template: TemplateRef<unknown>;
+    templateData: GENERIC_COLLECTION;
+};

package/lib/components/steppers/stepper/stepper.component.d.ts

@@ -0,0 +1,21 @@
+import { Step } from './step.type';
+import { AdsIconRegistry } from '@ascentgl/ads-icons';
+import * as i0 from "@angular/core";
+export declare enum StepStatus {
+    Planned = "planned",
+    InProgress = "in-progress",
+    Completed = "completed"
+}
+export declare class AdsStepperComponent {
+    private registry;
+    /** @ignore */
+    constructor(registry: AdsIconRegistry);
+    /** @ignore */
+    protected readonly StepStatus: typeof StepStatus;
+    /**
+     * The steps to display
+     */
+    steps: import("@angular/core").InputSignal<Step[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsStepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsStepperComponent, "ads-stepper", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/components/steppers/stepper/stepper.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./stepper.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@ascentgl/ads-icons";
+export declare class AdsStepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsStepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsStepperModule, [typeof i1.AdsStepperComponent], [typeof i2.CommonModule, typeof i3.MatButton, typeof i4.AdsIconModule], [typeof i1.AdsStepperComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsStepperModule>;
+}

package/lib/components/steppers/vertical-stepper/vertical-step.type.d.ts

@@ -1,4 +1,5 @@
 import { adsIcon } from '@ascentgl/ads-icons/icons';
+import { VerticalStepStatus } from './vertical-stepper.component';
 export type VerticalStep = {
     title: string;
     date?: Date;
@@ -7,9 +8,3 @@ export type VerticalStep = {
     onClick?: (step: VerticalStep) => void;
     tooltip?: string;
 };
-export declare enum VerticalStepStatus {
-    Completed = "completed",
-    Current = "current",
-    Future = "future",
-    Disabled = "disabled"
-}

package/lib/components/steppers/vertical-stepper/vertical-stepper.component.d.ts

@@ -1,6 +1,12 @@
 import { OnInit } from '@angular/core';
-import { VerticalStep, VerticalStepStatus } from './vertical-step.type';
+import { VerticalStep } from './vertical-step.type';
 import * as i0 from "@angular/core";
+export declare enum VerticalStepStatus {
+    Completed = "completed",
+    Current = "current",
+    Future = "future",
+    Disabled = "disabled"
+}
 export declare class AdsVerticalStepperComponent implements OnInit {
     /**
      * The steps to display

package/lib/components/tags/create-tag/create-tag.component.d.ts

@@ -1,7 +1,7 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
+import { ElementRef, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { AdsIconRegistry } from '@ascentgl/ads-icons';
-import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { ConnectedPosition } from '@angular/cdk/overlay';
 import { Colors } from '../../general/color-palette/colors.enums';
 import { Tag } from '../tag';
 import * as i0 from "@angular/core";
@@ -13,21 +13,18 @@ export declare class AdsCreateTagComponent implements OnChanges, OnDestroy {
     limit: import("@angular/core").InputSignal<number>;
     /** Holds all the tags you create or tags you previously created. Required for proper unique tag validation
      * and total number of existing tags calculation */
-    tags: import("@angular/core").InputSignal<Tag[]>;
+    tags: Tag[];
     /** The color palette for the tag background */
     palette: import("@angular/core").InputSignal<Colors[]>;
     /** Reference to a tag which can be used for editing existing tags */
-    tag: import("@angular/core").InputSignal<Tag | undefined>;
+    /** @ignore */
+    selectedTag: import("@angular/core").WritableSignal<Tag | null>;
     /** If true - all the letters will be transformed to lowercase */
     lowercase: import("@angular/core").InputSignal<boolean>;
     /** Total number of characters that can be in input field  */
     maxlength: import("@angular/core").InputSignal<number>;
     /** If true - only alphanumeric characters are allowed  */
     alphanumeric: import("@angular/core").InputSignal<boolean>;
-    /** Event emitted when a tag is created */
-    tagCreated: EventEmitter<Tag>;
-    /** Event emitted when an existing tag has been updated */
-    tagUpdated: EventEmitter<Tag>;
     /** @ignore */
     form: FormGroup;
     /** @ignore */
@@ -39,9 +36,11 @@ export declare class AdsCreateTagComponent implements OnChanges, OnDestroy {
      *  NOTE: default positioning is not optimal
      *  NOTE: if none of the positions fits - overlay will be positioned automatically
      */
-    positions: ConnectionPositionPair[];
+    positions: ConnectedPosition[];
+    /** @ignore */
+    addInput?: ElementRef;
     /** @ignore */
-    tagInput?: ElementRef;
+    editInput?: ElementRef;
     /** @ignore */
     private tagControlSubscription?;
     /** @ignore */
@@ -80,6 +79,14 @@ export declare class AdsCreateTagComponent implements OnChanges, OnDestroy {
     private trimTagName;
     /** @ignore */
     getBackgroundColor(color: string): string;
+    /** @ignore */
+    onTagUpdated(tag: Tag): void;
+    /** @ignore */
+    onTagCreated(tag: Tag): void;
+    /** @ignore */
+    onTagSelect(tag: Tag): void;
+    /** @ignore */
+    onTagRemove(id: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsCreateTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsCreateTagComponent, "ads-create-tag", never, { "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "lowercase": { "alias": "lowercase"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "alphanumeric": { "alias": "alphanumeric"; "required": false; "isSignal": true; }; }, { "tagCreated": "tagCreated"; "tagUpdated": "tagUpdated"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsCreateTagComponent, "ads-create-tag", never, { "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "lowercase": { "alias": "lowercase"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "alphanumeric": { "alias": "alphanumeric"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/components/tags/create-tag/create-tag.module.d.ts

@@ -7,8 +7,10 @@ import * as i5 from "@angular/forms";
 import * as i6 from "@ascentgl/ads-icons";
 import * as i7 from "../../buttons/button/button.module";
 import * as i8 from "@jsverse/transloco";
+import * as i9 from "../tag-container/tag-container.module";
+import * as i10 from "../tag/tag.module";
 export declare class AdsCreateTagModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsCreateTagModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsCreateTagModule, [typeof i1.AdsCreateTagComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.OverlayModule, typeof i5.ReactiveFormsModule, typeof i6.AdsIconModule, typeof i7.AdsButtonModule, typeof i8.TranslocoPipe], [typeof i1.AdsCreateTagComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsCreateTagModule, [typeof i1.AdsCreateTagComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.OverlayModule, typeof i5.ReactiveFormsModule, typeof i6.AdsIconModule, typeof i7.AdsButtonModule, typeof i8.TranslocoPipe, typeof i9.AdsTagContainerModule, typeof i10.AdsTagModule], [typeof i1.AdsCreateTagComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AdsCreateTagModule>;
 }

package/lib/components/tags/tag/tag.component.d.ts

@@ -30,5 +30,5 @@ export declare class AdsTagComponent {
     /** @ignore */
     getTextColor(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTagComponent, "ads-tag", never, { "color": { "alias": "color"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": true; "isSignal": true; }; }, { "remove": "remove"; "selected": "selected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTagComponent, "ads-tag", never, { "color": { "alias": "color"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": true; "isSignal": true; }; }, { "remove": "remove"; "selected": "selected"; }, never, ["*"], false, never>;
 }