@libs-ui/components-breadcrumb 0.1.1-1

package/fesm2022/libs-ui-components-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-breadcrumb.mjs","sources":["../../../../../libs-ui/components/breadcrumb/src/pipes/check-complete-step.pipe.ts","../../../../../libs-ui/components/breadcrumb/src/breadcrumb.component.ts","../../../../../libs-ui/components/breadcrumb/src/breadcrumb.component.html","../../../../../libs-ui/components/breadcrumb/src/utils/breadcrumb.ts","../../../../../libs-ui/components/breadcrumb/src/multi-step/arrow-begin/arrow-begin.component.ts","../../../../../libs-ui/components/breadcrumb/src/multi-step/arrow-begin/arrow-begin.component.html","../../../../../libs-ui/components/breadcrumb/src/multi-step/arrow-end/arrow-end.component.ts","../../../../../libs-ui/components/breadcrumb/src/multi-step/arrow-end/arrow-end.component.html","../../../../../libs-ui/components/breadcrumb/src/pipes/check-disable-step.pipe.ts","../../../../../libs-ui/components/breadcrumb/src/multi-step/multi-step.component.ts","../../../../../libs-ui/components/breadcrumb/src/multi-step/multi-step.component.html","../../../../../libs-ui/components/breadcrumb/src/libs-ui-components-breadcrumb.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'LibsUiComponentsBreadcrumbCheckCompleteStepPipe',\n  standalone: true,\n})\nexport class LibsUiComponentsBreadcrumbCheckCompleteStepPipe implements PipeTransform {\n  transform(step: number, completedIndex: Array<number>): boolean {\n    return completedIndex.includes(step);\n  }\n}\n","import { ChangeDetectionStrategy, Component, input, model, OnInit, output, signal } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { IBreadCrumbFunctionControlEvent, ITabBreadCrumb, ITabBreadCrumbSelected, TYPE_MODE_BREADCRUMB } from './interfaces/breadcrumb.interface';\nimport { LibsUiComponentsBreadcrumbCheckCompleteStepPipe } from './pipes/check-complete-step.pipe';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-breadcrumb',\n  templateUrl: './breadcrumb.component.html',\n  styleUrl: './breadcrumb.component.scss',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [TranslateModule, LibsUiComponentsBreadcrumbCheckCompleteStepPipe],\n})\nexport class LibsUiComponentsBreadcrumbComponent implements OnInit {\n  // #region PROPERTY\n  protected selectedIndex = signal<number>(0);\n  protected stepDisable = signal<Array<number>>([]);\n\n  // #region INPUT\n  readonly width = input<number>(24);\n  readonly mode = input<TYPE_MODE_BREADCRUMB>('center');\n  readonly steps = model<Array<ITabBreadCrumb>>();\n  readonly classInclude = input<string>();\n  readonly completedIndex = model<Array<number>>([]);\n  readonly backgroundWhite = input<boolean>();\n\n  // #region OUTPUT\n  readonly outStepSelected = output<ITabBreadCrumbSelected>();\n  readonly outFunctionControl = output<IBreadCrumbFunctionControlEvent>();\n\n  ngOnInit() {\n    this.outFunctionControl.emit(this.FunctionsControl);\n  }\n\n  public get FunctionsControl(): IBreadCrumbFunctionControlEvent {\n    return {\n      setSelectedStep: async (event) => this.selectedIndex.set(event),\n      setCompletedStep: this.setCompletedStep.bind(this),\n      setStepDisable: async (event) => this.stepDisable.set(event),\n      getCompleteIndex: async () => this.completedIndex(),\n      getSelectedIndex: async () => this.selectedIndex(),\n      resetCompleteIndex: this.resetCompleteIndex.bind(this),\n    };\n  }\n\n  /* FUNCTIONS */\n  protected handlerSelectStep(event: Event, index: number) {\n    event.stopPropagation();\n    this.outStepSelected.emit({ index });\n  }\n\n  protected async setCompletedStep(complete: boolean, index: number) {\n    const indexFound = this.completedIndex().indexOf(index);\n    if (indexFound >= 0) {\n      this.completedIndex.update((items) => {\n        items.splice(indexFound, 1);\n        return [...items];\n      });\n    }\n    if (complete) {\n      this.completedIndex.update((items) => {\n        items.push(index);\n        return [...items];\n      });\n    }\n  }\n\n  protected async resetCompleteIndex(resetAll = true, index?: number) {\n    if (resetAll) {\n      this.completedIndex.set([]);\n      return;\n    }\n    this.completedIndex.update((items) => items.filter((item) => item !== index));\n  }\n\n  protected handlerLabelEvent(event: Event, index: number) {\n    this.handlerSelectStep(event, index);\n  }\n}\n","<div\n  class=\"flex items-center {{ classInclude() || '' }}\"\n  [class.justify-center]=\"mode() === 'center'\"\n  [class.justify-start]=\"mode() === 'left'\"\n  [class.justify-end]=\"mode() === 'right'\"\n  [class.bg-[#ffffff]]=\"backgroundWhite()\">\n  @for (step of steps(); track step) {\n    <div\n      class=\"libs-ui-breadcrumb-crumb flex {{ step.classInclude || 'w-full' }}\"\n      [class.pointer-events-none]=\"step.disable\"\n      (click)=\"handlerSelectStep($event, $index)\">\n      @if ($index | LibsUiComponentsBreadcrumbCheckCompleteStepPipe: completedIndex()) {\n        <span class=\"libs-ui-breadcrumb-crumb-check-complete\">\n          <span class=\"libs-ui-breadcrumb-crumb-check-complete-icon libs-ui-icon-check inline-block m-auto\"></span>\n        </span>\n      } @else {\n        <span\n          class=\"libs-ui-breadcrumb-crumb-number libs-ui-font-h5m\"\n          [class.disable]=\"step.disable\"\n          [class.pointer-events-none]=\"step.disable\"\n          [class.text-[#cdd0d6]]=\"step.disable\"\n          [class.bg-[#f8f9fa]]=\"step.disable\"\n          [class.text-[#ffffff]]=\"$index === selectedIndex()\"\n          [class.bg-[var(--libs-ui-color-default)]]=\"$index === selectedIndex()\"\n          [class.text-[var(--libs-ui-color-default)]]=\"$index !== selectedIndex()\"\n          [class.bg-[var(--libs-ui-color-light-2)]]=\"$index !== selectedIndex()\">\n          {{ step.number }}\n        </span>\n      }\n      <span\n        class=\"libs-ui-breadcrumb-crumb-title libs-ui-font-h5m\"\n        [class.disable]=\"step.disable\"\n        [class.pointer-events-none]=\"step.disable\"\n        [class.text-[#cdd0d6]]=\"step.disable\"\n        [class.active]=\"$index === selectedIndex()\"\n        (click)=\"handlerLabelEvent($event, $index)\">\n        {{ step.title | translate }}\n      </span>\n      @if (!$last) {\n        <div\n          class=\"mx-[12px] h-[1px] bg-[#e6e7ea]\"\n          [style.width.px]=\"width()\"></div>\n      }\n    </div>\n  }\n</div>\n","import { IPopoverCustomConfig } from '@libs-ui/components-dropdown';\n\nexport const ConfigPopupDropdown = (): IPopoverCustomConfig => {\n  return {\n    maxWidth: 210,\n    direction: 'bottom',\n    classInclude: 'w-[200px]',\n    position: {\n      mode: 'center',\n      distance: 0,\n    },\n  };\n};\n","import { Component } from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-breadcrumb-multi_step-arrow_begin',\n  templateUrl: './arrow-begin.component.html',\n  styleUrls: ['../multi-step.component.scss'],\n  standalone: true,\n})\nexport class LibsUiComponentsBreadcrumbMultiStepArrowBeginComponent {}\n","<svg\n  version=\"1.2\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 20 40\"\n  width=\"20\"\n  height=\"40\">\n  <path d=\"m-177.9 1.6c-0.5-0.7 0-1.6 0.8-1.6h183.1c1.4 0 2.6 0.7 3.4 1.8l10.2 16c0.9 1.4 0.9 3 0 4.4l-10.2 16c-0.8 1.1-2 1.8-3.4 1.8h-183.1c-0.8 0-1.3-0.9-0.8-1.6l11.9-17.3c0.4-0.7 0.4-1.5 0-2.2z\" />\n</svg>\n","import { Component } from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-breadcrumb-multi_step-arrow_end',\n  templateUrl: './arrow-end.component.html',\n  styleUrls: ['../multi-step.component.scss'],\n  standalone: true,\n})\nexport class LibsUiComponentsBreadcrumbMultiStepArrowEndComponent {}\n","<svg\n  version=\"1.2\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 20 40\"\n  width=\"20\"\n  height=\"40\">\n  <path d=\"m1.1 1.6c-0.5-0.7 0-1.6 0.8-1.6h183.1c1.4 0 2.6 0.7 3.4 1.8l10.2 16c0.9 1.4 0.9 3 0 4.4l-10.2 16c-0.8 1.1-2 1.8-3.4 1.8h-183.1c-0.8 0-1.3-0.9-0.8-1.6l11.9-17.3c0.4-0.7 0.4-1.5 0-2.2z\" />\n</svg>\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'LibsUiComponentsBreadcrumbCheckDisableStepPipe',\n  standalone: true,\n})\nexport class LibsUiComponentsBreadcrumbCheckDisableStepPipe implements PipeTransform {\n  transform(index: number, stepDisable: Array<number>): boolean {\n    return stepDisable.includes(index);\n  }\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, input, OnInit, output, signal, viewChildren } from '@angular/core';\nimport { IDropdownFunctionControlEvent, IEmitSelectKey, IPopoverCustomConfig, LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';\nimport { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';\nimport { LibsUiComponentsBreadcrumbComponent } from '../breadcrumb.component';\nimport { IConfigClassMultiStep, ITabBreadCrumbMultiStep, ITabBreadCrumbMultiStepSelected } from '../interfaces/breadcrumb.interface';\nimport { ConfigPopupDropdown } from '../utils/breadcrumb';\nimport { LibsUiComponentsBreadcrumbMultiStepArrowBeginComponent } from './arrow-begin/arrow-begin.component';\nimport { LibsUiComponentsBreadcrumbMultiStepArrowEndComponent } from './arrow-end/arrow-end.component';\nimport { LibsUiComponentsBreadcrumbCheckDisableStepPipe } from '../pipes/check-disable-step.pipe';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-breadcrumb-multi_step',\n  templateUrl: './multi-step.component.html',\n  styleUrls: ['./multi-step.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    TranslateModule,\n    NgTemplateOutlet,\n    LibsUiComponentsBreadcrumbMultiStepArrowBeginComponent,\n    LibsUiComponentsBreadcrumbMultiStepArrowEndComponent,\n    LibsUiComponentsPopoverComponent,\n    LibsUiComponentsDropdownComponent,\n    LibsUiComponentsBreadcrumbCheckDisableStepPipe,\n  ],\n})\nexport class LibsUiComponentsBreadcrumbMultiStepComponent extends LibsUiComponentsBreadcrumbComponent implements OnInit, AfterViewInit {\n  // #region PROPERTY\n  protected failedIndex = signal<Array<number>>([]);\n  protected listKeyHidden = signal<Array<string> | undefined>(undefined);\n  protected openList = signal<boolean>(false);\n  protected indexFocus = signal<number | undefined>(undefined);\n\n  private dropDownFunctionControl = signal<IDropdownFunctionControlEvent | undefined>(undefined);\n\n  // #region INPUT\n  readonly popoverCustomConfig = input<IPopoverCustomConfig>(ConfigPopupDropdown());\n  readonly stepsMulti = input.required<Array<ITabBreadCrumbMultiStep>>();\n  readonly configClassMultiStep = input<IConfigClassMultiStep>();\n  readonly elementRef = input<HTMLElement>();\n\n  // #region OUTPUT\n  // Note: Kiểu dữ liệu của step sẽ được định nghĩa từ bên ngoài với type general <T>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  readonly outMultiStepSelect = output<ITabBreadCrumbMultiStepSelected<any>>();\n\n  /* VIEW CHILD */\n  private readonly stepEl = viewChildren<ElementRef>('stepEl');\n\n  ngAfterViewInit(): void {\n    this.handlerScrollIntoView();\n  }\n\n  protected override handlerLabelEvent(event: Event, index: number) {\n    event.stopPropagation();\n    if (this.stepsMulti()[index].status === 'disabled' || this.stepDisable().includes(index)) {\n      return;\n    }\n    this.handlerSelectMultiStep(undefined, { type: 'text', index });\n  }\n\n  protected handlerSelectKey(event: IEmitSelectKey | undefined, index: number): void {\n    if (this.stepDisable().includes(index) || !event) {\n      return;\n    }\n    this.dropDownFunctionControl()?.reset();\n    this.handlerSelectMultiStep(undefined, { type: 'dropdown', index, step: event.item });\n  }\n\n  protected handlerShowList(event: boolean, index: number): void {\n    this.openList.set(event);\n    this.indexFocus.set(event ? index : undefined);\n  }\n\n  // Note: Kiểu dữ liệu của step sẽ được định nghĩa từ bên ngoài với type general <T>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private handlerSelectMultiStep(event: Event | undefined, step: ITabBreadCrumbMultiStepSelected<any>): void {\n    event?.stopPropagation();\n    this.outMultiStepSelect.emit({ ...step, callBack: (event: Array<string> | undefined) => this.listKeyHidden.set(event) });\n  }\n\n  protected handlerDropDownFunctionControl(event: IDropdownFunctionControlEvent): void {\n    this.dropDownFunctionControl.set(event);\n  }\n\n  protected handlerScrollIntoView(): void {\n    setTimeout(() => {\n      const selectedStep = this.stepsMulti().findIndex((item) => item.status === 'selected');\n      const indexScroll = selectedStep !== -1 ? selectedStep : this.stepsMulti().length - 1;\n      const { offsetWidth } = this.elementRef() || {};\n\n      this.stepEl().forEach((element, index) => {\n        if (index === indexScroll) {\n          if (offsetWidth && offsetWidth - element.nativeElement.offsetLeft < 200) {\n            this.elementRef()?.scrollTo({ left: element.nativeElement.offsetLeft, behavior: 'smooth' });\n          }\n        }\n      });\n    }, 1000);\n  }\n}\n","<div\n  class=\"flex items-center {{ classInclude() || '' }}\"\n  [class.justify-center]=\"mode() === 'center'\"\n  [class.justify-start]=\"mode() === 'left'\"\n  [class.justify-end]=\"mode() === 'right'\"\n  [class.bg-[#ffffff]]=\"backgroundWhite()\"\n  #containerEl>\n  @for (step of stepsMulti(); track step) {\n    <div\n      #stepEl\n      class=\"flex libs-ui-breadcrumb-multi-step\"\n      [class.cursor-default]=\"step.status === 'disabled'\"\n      [class.pointer-events-none]=\"step.status === 'disabled'\"\n      [class.cursor-pointer]=\"step.status !== 'disabled'\">\n      @if (step.type === 'text') {\n        <div (click)=\"handlerLabelEvent($event, $index)\">\n          <ng-container\n            [ngTemplateOutlet]=\"contentEl\"\n            [ngTemplateOutletContext]=\"{ $index, $first, $last, step }\" />\n        </div>\n      } @else {\n        <libs_ui-components-dropdown\n          [isNgContent]=\"true\"\n          [listHiddenInputSearch]=\"true\"\n          [listHasButtonUnSelectOption]=\"step.listHasButtonUnSelectOption\"\n          [listConfig]=\"step.listConfigItem\"\n          [popoverCustomConfig]=\"popoverCustomConfig()\"\n          [listKeysHidden]=\"listKeyHidden() ?? step.listKeysHidden\"\n          [disable]=\"$index | LibsUiComponentsBreadcrumbCheckDisableStepPipe: stepDisable()\"\n          (outShowList)=\"handlerShowList($event, $index)\"\n          (outSelectKey)=\"handlerSelectKey($event, $index)\"\n          (outFunctionsControl)=\"handlerDropDownFunctionControl($event)\">\n          <ng-container\n            [ngTemplateOutlet]=\"contentEl\"\n            [ngTemplateOutletContext]=\"{ $index, $first, $last, step }\" />\n        </libs_ui-components-dropdown>\n      }\n    </div>\n  }\n</div>\n\n<ng-template\n  #contentEl\n  let-index=\"$index\"\n  let-first=\"$first\"\n  let-step=\"step\"\n  let-last=\"$last\">\n  <div class=\"flex items-center\">\n    @if (!first) {\n      <libs_ui-components-breadcrumb-multi_step-arrow_end\n        class=\"libs-ui-breadcrumb-multi-step-normal relative left-[1px] top-0\"\n        [attr.focus]=\"openList() && indexFocus() === index\"\n        [class.active]=\"step.status === 'selected'\"\n        [class.complete]=\"step.status === 'completed'\"\n        [class.disabled]=\"step.status === 'disabled'\"\n        [class.failed]=\"step.status === 'failed'\" />\n    }\n    <div class=\"libs-ui-breadcrumb-multi-step-center flex items-center justify-center libs-ui-font-h6m\">\n      <libs_ui-components-popover\n        [classInclude]=\"'libs-ui-breadcrumb-multi-step-center-popover py-[12px] ' + (configClassMultiStep()?.classInclude || '')\"\n        [type]=\"'text'\"\n        [ignoreShowPopover]=\"true\"\n        [ignoreStopPropagationEvent]=\"true\">\n        <div\n          class=\"libs-ui-font-h6m flex items-center justify-center gap-2 h-[40px]\"\n          [style.max-width.px]=\"configClassMultiStep()?.maxWidth || 200\"\n          [style.width.px]=\"configClassMultiStep()?.width\"\n          [attr.focus]=\"openList() && indexFocus() === index\"\n          [class.active]=\"step.status === 'selected'\"\n          [class.complete]=\"step.status === 'completed'\"\n          [class.disabled]=\"step.status === 'disabled'\"\n          [class.failed]=\"step.status === 'failed'\"\n          [class.rounded-tl-[4px]]=\"first\"\n          [class.rounded-bl-[4px]]=\"first\"\n          [class.pl-[6px]]=\"first\"\n          [class.rounded-tr-[4px]]=\"last\"\n          [class.rounded-br-[4px]]=\"last\"\n          [class.pr-[16px]]=\"last\">\n          <libs_ui-components-popover\n            [classInclude]=\"'text-nowrap pl-[10px] ' + (configClassMultiStep()?.classTitleInclude || 'max-w-[160px]')\"\n            [type]=\"'text'\"\n            [config]=\"step.popover || { maxWidth: 250, direction: 'top', content: step.title | translate }\"\n            [ignoreStopPropagationEvent]=\"true\"\n            [innerHTML]=\"step.title | translate\" />\n          @if (step.type === 'dropdown') {\n            <i\n              [attr.isFocus]=\"openList() && indexFocus() === index\"\n              class=\"libs-ui-icon-move-right rotate-90\"></i>\n          }\n        </div>\n      </libs_ui-components-popover>\n    </div>\n    @if (!last) {\n      <libs_ui-components-breadcrumb-multi_step-arrow_begin\n        class=\"libs-ui-breadcrumb-multi-step-normal relative left-[-1px] top-0\"\n        [attr.focus]=\"openList() && indexFocus() === index\"\n        [class.active]=\"step.status === 'selected'\"\n        [class.complete]=\"step.status === 'completed'\"\n        [class.disabled]=\"step.status === 'disabled'\"\n        [class.failed]=\"step.status === 'failed'\" />\n    }\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './breadcrumb.component';
+export * from './multi-step/multi-step.component';
+export * from './interfaces/breadcrumb.interface';

package/interfaces/breadcrumb.interface.d.ts

@@ -0,0 +1,43 @@
+import { IListConfigItem } from '@libs-ui/components-list';
+import { IPopover } from '@libs-ui/components-popover';
+export interface ITabBreadCrumb {
+    number: number;
+    title: string;
+    valid?: boolean;
+    config?: IPopover;
+    disable?: boolean;
+    classInclude?: string;
+}
+export interface ITabBreadCrumbSelected {
+    index: number;
+}
+export interface ITabBreadCrumbMultiStepSelected<T> {
+    type: 'text' | 'dropdown';
+    index: number;
+    step?: T;
+    callBack?: (step: T) => void;
+}
+export interface IConfigClassMultiStep {
+    classTitleInclude?: string;
+    classInclude?: string;
+    maxWidth?: number;
+    width?: number;
+}
+export type TYPE_MULTI_STEP = 'completed' | 'selected' | 'failed' | 'disabled' | 'normal';
+export type TYPE_MODE_BREADCRUMB = 'center' | 'left' | 'right';
+export interface ITabBreadCrumbMultiStep extends ITabBreadCrumb {
+    status: TYPE_MULTI_STEP;
+    type: 'text' | 'dropdown';
+    listHasButtonUnSelectOption?: boolean;
+    listConfigItem?: IListConfigItem;
+    popover?: IPopover;
+    listKeysHidden?: Array<string>;
+}
+export interface IBreadCrumbFunctionControlEvent {
+    setSelectedStep: (index: number) => Promise<void>;
+    setCompletedStep: (complete: boolean, index: number) => Promise<void>;
+    setStepDisable: (steps: Array<number>) => Promise<void>;
+    getCompleteIndex: () => Promise<Array<number>>;
+    getSelectedIndex: () => Promise<number>;
+    resetCompleteIndex: (resetAll: boolean, index?: number) => Promise<void>;
+}

package/multi-step/arrow-begin/arrow-begin.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsBreadcrumbMultiStepArrowBeginComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsBreadcrumbMultiStepArrowBeginComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsBreadcrumbMultiStepArrowBeginComponent, "libs_ui-components-breadcrumb-multi_step-arrow_begin", never, {}, {}, never, never, true, never>;
+}

package/multi-step/arrow-end/arrow-end.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsBreadcrumbMultiStepArrowEndComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsBreadcrumbMultiStepArrowEndComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsBreadcrumbMultiStepArrowEndComponent, "libs_ui-components-breadcrumb-multi_step-arrow_end", never, {}, {}, never, never, true, never>;
+}

package/multi-step/multi-step.component.d.ts

@@ -0,0 +1,27 @@
+import { AfterViewInit, OnInit } from '@angular/core';
+import { IDropdownFunctionControlEvent, IEmitSelectKey, IPopoverCustomConfig } from '@libs-ui/components-dropdown';
+import { LibsUiComponentsBreadcrumbComponent } from '../breadcrumb.component';
+import { IConfigClassMultiStep, ITabBreadCrumbMultiStep, ITabBreadCrumbMultiStepSelected } from '../interfaces/breadcrumb.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsBreadcrumbMultiStepComponent extends LibsUiComponentsBreadcrumbComponent implements OnInit, AfterViewInit {
+    protected failedIndex: import("@angular/core").WritableSignal<number[]>;
+    protected listKeyHidden: import("@angular/core").WritableSignal<string[] | undefined>;
+    protected openList: import("@angular/core").WritableSignal<boolean>;
+    protected indexFocus: import("@angular/core").WritableSignal<number | undefined>;
+    private dropDownFunctionControl;
+    readonly popoverCustomConfig: import("@angular/core").InputSignal<IPopoverCustomConfig>;
+    readonly stepsMulti: import("@angular/core").InputSignal<ITabBreadCrumbMultiStep[]>;
+    readonly configClassMultiStep: import("@angular/core").InputSignal<IConfigClassMultiStep | undefined>;
+    readonly elementRef: import("@angular/core").InputSignal<HTMLElement | undefined>;
+    readonly outMultiStepSelect: import("@angular/core").OutputEmitterRef<ITabBreadCrumbMultiStepSelected<any>>;
+    private readonly stepEl;
+    ngAfterViewInit(): void;
+    protected handlerLabelEvent(event: Event, index: number): void;
+    protected handlerSelectKey(event: IEmitSelectKey | undefined, index: number): void;
+    protected handlerShowList(event: boolean, index: number): void;
+    private handlerSelectMultiStep;
+    protected handlerDropDownFunctionControl(event: IDropdownFunctionControlEvent): void;
+    protected handlerScrollIntoView(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsBreadcrumbMultiStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsBreadcrumbMultiStepComponent, "libs_ui-components-breadcrumb-multi_step", never, { "popoverCustomConfig": { "alias": "popoverCustomConfig"; "required": false; "isSignal": true; }; "stepsMulti": { "alias": "stepsMulti"; "required": true; "isSignal": true; }; "configClassMultiStep": { "alias": "configClassMultiStep"; "required": false; "isSignal": true; }; "elementRef": { "alias": "elementRef"; "required": false; "isSignal": true; }; }, { "outMultiStepSelect": "outMultiStepSelect"; }, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@libs-ui/components-breadcrumb",
+  "version": "0.1.1-1",
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0",
+    "@ngx-translate/core": "^15.0.0",
+    "@libs-ui/components-list": "0.1.1-1",
+    "@libs-ui/components-popover": "0.1.1-1",
+    "@libs-ui/components-dropdown": "0.1.1-1"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-breadcrumb.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-breadcrumb.mjs",
+      "esm": "./esm2022/libs-ui-components-breadcrumb.mjs",
+      "default": "./fesm2022/libs-ui-components-breadcrumb.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/pipes/check-complete-step.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsBreadcrumbCheckCompleteStepPipe implements PipeTransform {
+    transform(step: number, completedIndex: Array<number>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsBreadcrumbCheckCompleteStepPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LibsUiComponentsBreadcrumbCheckCompleteStepPipe, "LibsUiComponentsBreadcrumbCheckCompleteStepPipe", true>;
+}

package/pipes/check-disable-step.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsBreadcrumbCheckDisableStepPipe implements PipeTransform {
+    transform(index: number, stepDisable: Array<number>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsBreadcrumbCheckDisableStepPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LibsUiComponentsBreadcrumbCheckDisableStepPipe, "LibsUiComponentsBreadcrumbCheckDisableStepPipe", true>;
+}

package/utils/breadcrumb.d.ts

@@ -0,0 +1,2 @@
+import { IPopoverCustomConfig } from '@libs-ui/components-dropdown';
+export declare const ConfigPopupDropdown: () => IPopoverCustomConfig;