@spicainternational/ngx-sds-components 8.7.4 → 8.7.5

package/fesm2022/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-segmented-control.mjs","sources":["../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.component.ts","../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.component.html","../../../projects/ngx-sds-components/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Injector,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    SimpleChanges,\n    ViewChild,\n    inject,\n    input,\n    viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { NgClass, NgFor, NgIf } from '@angular/common';\n\n@Component({\n    selector: 'sds-segmented-control',\n    templateUrl: './segmented-control.component.html',\n    styleUrls: ['./segmented-control.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [\n        NgClass,\n        NgFor,\n        NgIf,\n        FaIconComponent,\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: SdsSegmentedControlComponent,\n            multi: true,\n        },\n    ],\n})\nexport class SdsSegmentedControlComponent implements OnInit, AfterViewInit, OnChanges, ControlValueAccessor {\n\n\n    // #region Dependencies\n    private _cdr = inject(ChangeDetectorRef);\n    private _injector = inject(Injector);\n    // #endregion Dependencies\n\n    // #region Inputs\n    @Input() items: any[] | undefined;\n    @Input() value: any;\n    @Input() valueExpr = 'value';\n    @Input() displayExpr: string | undefined = 'text';\n    @Input() iconExpr: string | undefined;\n    @Input() tooltipExpr: string | undefined;\n    @Input() idExpr: string | undefined;\n    @Input() disabled: boolean = false;\n    @Input() style: 'default' | 'primary' | 'inverted' = 'default';\n    @Input() segmentPadding: 'tight' | 'loose' = 'loose';\n    @Input() enableAnimation: boolean = true;\n    public ariaLabel = input<string | undefined>();\n    // #endregion Inputs\n\n    // #region Outputs\n    @Output() itemChange: EventEmitter<any> = new EventEmitter();\n    @Output() valueChange: EventEmitter<any> = new EventEmitter();\n    // #endregion Outputs\n\n    // #region DOM references\n    @ViewChild('clipPathContainer') clipPathContainerRef!: ElementRef<HTMLDivElement>;\n    protected containerRef = viewChild<ElementRef<HTMLDivElement>>('containerRef');\n    // #endregion DOM references\n\n    // #region ControlValueAccessor private state\n    private _ngControl: NgControl | null = null;\n    private _onChange: (value: any) => void = () => {};\n    private _onTouched: () => void = () => {};\n    // #endregion ControlValueAccessor private state\n\n    ngOnInit() {\n        /**\n         * Don't inject ngControl at the constructor, because it causes Cyclic Dependency.\n         * We can inject it via Injector to avoid the error.\n         */\n        this._ngControl = this._injector.get(NgControl, null);\n\n        if (this._ngControl !== null) {\n            this._ngControl.valueAccessor = this;\n        }\n    }\n\n    ngAfterViewInit() {\n        if (this.enableAnimation) {\n            this.updateClipPath();\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if ((changes['value'] || changes['enableClipPathAnimation']) && this.enableAnimation) {\n            // Use a longer timeout to ensure the DOM is updated\n            setTimeout(() => this.updateClipPath(), 50);\n        }\n    }\n\n    // #region ControlValueAccessor implementation\n    public writeValue(value: any): void {\n        if (value !== undefined && value !== null) {\n            this.value = value;\n            this._cdr.markForCheck();\n        }\n    }\n\n    public registerOnChange(fn: (value: any) => void): void {\n        this._onChange = fn;\n    }\n\n    public registerOnTouched(fn: () => void): void {\n        this._onTouched = fn;\n    }\n\n    public setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this._cdr.markForCheck();\n    }\n    // #endregion ControlValueAccessor implementation\n\n    public selectItem(item: any, event: MouseEvent): void {\n        event.stopPropagation();\n\n        if (!this.disabled) {\n            this.value = item[this.valueExpr];\n            this.valueChange.emit(this.value);\n            this.itemChange.emit(item);\n\n            // Notify form control if in form context\n            if (this._ngControl) {\n                this._onChange(this.value);\n                this._onTouched();\n            }\n\n            if (this.enableAnimation) {\n                this._cdr.detectChanges();\n                this.updateClipPath();\n            }\n        }\n    }\n\n    public onSegmentKeydown(event: KeyboardEvent, item: any): void {\n        if (this.disabled) {\n            return;\n        }\n\n        const currentIndex = this.getItemIndex(item);\n        let nextIndex: number | null = null;\n\n        switch (event.key) {\n            case 'ArrowLeft':\n                event.preventDefault();\n                nextIndex = currentIndex > 0 ? currentIndex - 1 : (this.items?.length ?? 1) - 1;\n                break;\n            case 'ArrowRight':\n                event.preventDefault();\n                nextIndex = currentIndex < (this.items?.length ?? 1) - 1 ? currentIndex + 1 : 0;\n                break;\n            case 'Home':\n                event.preventDefault();\n                nextIndex = 0;\n                break;\n            case 'End':\n                event.preventDefault();\n                nextIndex = (this.items?.length ?? 1) - 1;\n                break;\n        }\n\n        if (nextIndex !== null && this.items) {\n            this.navigateToItem(nextIndex);\n        }\n    }\n\n    public getSegmentAriaLabel(item: any, index: number): string | null {\n        // Only set an explicit aria-label when visible text is intentionally omitted.\n        if (this.displayExpr) {\n            return null;\n        }\n\n        if (this.tooltipExpr && item?.[this.tooltipExpr]) {\n            return String(item[this.tooltipExpr]);\n        }\n\n        if (item?.[this.valueExpr] !== undefined && item?.[this.valueExpr] !== null) {\n            return String(item[this.valueExpr]);\n        }\n\n        return `Segment option ${index + 1}`;\n    }\n\n    private getItemIndex(item: any): number {\n        return this.items?.indexOf(item) ?? -1;\n    }\n\n    private navigateToItem(index: number): void {\n        if (!this.items || index < 0 || index >= this.items.length) {\n            return;\n        }\n\n        const item = this.items[index];\n        this.value = item[this.valueExpr];\n        this.valueChange.emit(this.value);\n        this.itemChange.emit(item);\n\n        // Notify form control if in form context\n        if (this._ngControl) {\n            this._onChange(this.value);\n            this._onTouched();\n        }\n\n        if (this.enableAnimation) {\n            this._cdr.detectChanges();\n            this.updateClipPath();\n        }\n\n        // Focus the segment element after change detection\n        this.focusSegmentElement(index);\n    }\n\n    private focusSegmentElement(index: number): void {\n        // Use setTimeout to ensure DOM is updated before focusing\n        setTimeout(() => {\n            const segmentElements = this.containerRef()?.nativeElement.querySelectorAll('.segment:not(.segment-overlay)');\n            if (segmentElements && segmentElements[index]) {\n                (segmentElements[index] as HTMLElement).focus();\n            }\n        }, 0);\n    }\n\n    private updateClipPath() {\n        setTimeout(() => {\n            const container = this.clipPathContainerRef?.nativeElement;\n            if (!container) return;\n\n            const activeSegment = container.parentElement?.querySelector(\n                `.segment.selected:not(.segment-overlay)`\n            ) as HTMLElement;\n\n            if (activeSegment && container.parentElement) {\n                const parentElement = container.parentElement;\n\n                const computedStyle = window.getComputedStyle(parentElement);\n                const paddingLeft = parseFloat(computedStyle.paddingLeft);\n\n                const offsetLeft = activeSegment.offsetLeft - paddingLeft;\n                const offsetWidth = activeSegment.offsetWidth;\n                const overlayWidth = container.offsetWidth;\n\n                // Only update if we have valid dimensions\n                if (offsetWidth === 0 || overlayWidth === 0) {\n                    // Retry after a short delay if elements aren't rendered yet\n                    setTimeout(() => this.updateClipPath(), 100);\n                    return;\n                }\n\n                const clipLeft = offsetLeft;\n                const clipRight = offsetLeft + offsetWidth;\n\n                const clipLeftPercent = ((clipLeft / overlayWidth) * 100).toFixed(2);\n                const clipRightPercent = (100 - (clipRight / overlayWidth) * 100).toFixed(2);\n\n                container.style.clipPath = `inset(0 ${clipRightPercent}% 0 ${clipLeftPercent}% round 4px)`;\n            }\n        }, 0);\n    }\n}\n","<div\n    #containerRef\n    class=\"sds-segmented-control-container\"\n    role=\"group\"\n    [attr.aria-label]=\"ariaLabel() || 'Segmented control'\"\n    [ngClass]=\"{\n        'disabled': disabled,\n        'sds-segmented-control-primary': style == 'primary',\n        'sds-segmented-control-inverted': style == 'inverted',\n        'clip-path-enabled': enableAnimation\n    }\">\n\n    <div *ngFor=\"let item of items; let index = index; let last = last;\"\n        class=\"segment\"\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\n        role=\"button\"\n        [tabindex]=\"item[valueExpr] === value ? 0 : -1\"\n        [attr.aria-label]=\"getSegmentAriaLabel(item, index)\"\n        [attr.aria-pressed]=\"item[valueExpr] === value\"\n        [class.selected]=\"item[valueExpr] == value\"\n        [class.tight-padding]=\"segmentPadding == 'tight'\"\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\n        (click)=\"selectItem(item, $event)\"\n        (keydown)=\"onSegmentKeydown($event, item)\">\n\n        <div class=\"sds-flex-row-center gap-2\">\n            <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\n            <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\n        </div>\n    </div>\n\n    <div *ngIf=\"enableAnimation\"\n         class=\"sds-clip-path-overlay\"\n         #clipPathContainer\n         aria-hidden=\"true\">\n        <div *ngFor=\"let item of items; let last = last;\"\n            class=\"segment segment-overlay\"\n            [class.tight-padding]=\"segmentPadding == 'tight'\"\n            [tabIndex]=\"-1\">\n\n            <div class=\"sds-flex-row-center gap-2\">\n                <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\n                <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\n            </div>\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-segmented-control.mjs","sources":["../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.component.ts","../../../projects/ngx-sds-components/src/lib/segmented-control/segmented-control.component.html","../../../projects/ngx-sds-components/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Injector,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    SimpleChanges,\n    ViewChild,\n    inject,\n    input,\n    viewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { NgClass, NgFor, NgIf } from '@angular/common';\n\n@Component({\n    selector: 'sds-segmented-control',\n    templateUrl: './segmented-control.component.html',\n    styleUrls: ['./segmented-control.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [\n        NgClass,\n        NgFor,\n        NgIf,\n        FaIconComponent,\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: SdsSegmentedControlComponent,\n            multi: true,\n        },\n    ],\n})\nexport class SdsSegmentedControlComponent implements OnInit, AfterViewInit, OnChanges, ControlValueAccessor {\n\n\n    // #region Dependencies\n    private _cdr = inject(ChangeDetectorRef);\n    private _injector = inject(Injector);\n    // #endregion Dependencies\n\n    // #region Inputs\n    @Input() items: any[] | undefined;\n    @Input() value: any;\n    @Input() valueExpr = 'value';\n    @Input() displayExpr: string | undefined = 'text';\n    @Input() iconExpr: string | undefined;\n    @Input() tooltipExpr: string | undefined;\n    @Input() idExpr: string | undefined;\n    @Input() disabled: boolean = false;\n    @Input() style: 'default' | 'primary' | 'inverted' = 'default';\n    @Input() segmentPadding: 'tight' | 'loose' = 'loose';\n    @Input() enableAnimation: boolean = true;\n    public ariaLabel = input<string | undefined>();\n    // #endregion Inputs\n\n    // #region Outputs\n    @Output() itemChange: EventEmitter<any> = new EventEmitter();\n    @Output() valueChange: EventEmitter<any> = new EventEmitter();\n    // #endregion Outputs\n\n    // #region DOM references\n    @ViewChild('clipPathContainer') clipPathContainerRef!: ElementRef<HTMLDivElement>;\n    protected containerRef = viewChild<ElementRef<HTMLDivElement>>('containerRef');\n    // #endregion DOM references\n\n    // #region ControlValueAccessor private state\n    private _ngControl: NgControl | null = null;\n    private _onChange: (value: any) => void = () => {};\n    private _onTouched: () => void = () => {};\n    // #endregion ControlValueAccessor private state\n\n    ngOnInit() {\n        /**\n         * Don't inject ngControl at the constructor, because it causes Cyclic Dependency.\n         * We can inject it via Injector to avoid the error.\n         */\n        this._ngControl = this._injector.get(NgControl, null);\n\n        if (this._ngControl !== null) {\n            this._ngControl.valueAccessor = this;\n        }\n    }\n\n    ngAfterViewInit() {\n        if (this.enableAnimation) {\n            this.updateClipPath();\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if ((changes['value'] || changes['enableClipPathAnimation']) && this.enableAnimation) {\n            // Use a longer timeout to ensure the DOM is updated\n            setTimeout(() => this.updateClipPath(), 50);\n        }\n    }\n\n    // #region ControlValueAccessor implementation\n    public writeValue(value: any): void {\n        if (value !== undefined && value !== null) {\n            this.value = value;\n            this._cdr.markForCheck();\n        }\n    }\n\n    public registerOnChange(fn: (value: any) => void): void {\n        this._onChange = fn;\n    }\n\n    public registerOnTouched(fn: () => void): void {\n        this._onTouched = fn;\n    }\n\n    public setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this._cdr.markForCheck();\n    }\n    // #endregion ControlValueAccessor implementation\n\n    public selectItem(item: any, event: MouseEvent): void {\n        event.stopPropagation();\n\n        if (!this.disabled) {\n            this.value = item[this.valueExpr];\n            this.valueChange.emit(this.value);\n            this.itemChange.emit(item);\n\n            // Notify form control if in form context\n            if (this._ngControl) {\n                this._onChange(this.value);\n                this._onTouched();\n            }\n\n            if (this.enableAnimation) {\n                this._cdr.detectChanges();\n                this.updateClipPath();\n            }\n        }\n    }\n\n    public onSegmentKeydown(event: KeyboardEvent, item: any): void {\n        if (this.disabled) {\n            return;\n        }\n\n        const currentIndex = this.getItemIndex(item);\n        let nextIndex: number | null = null;\n\n        switch (event.key) {\n            case 'ArrowLeft':\n                event.preventDefault();\n                nextIndex = currentIndex > 0 ? currentIndex - 1 : (this.items?.length ?? 1) - 1;\n                break;\n            case 'ArrowRight':\n                event.preventDefault();\n                nextIndex = currentIndex < (this.items?.length ?? 1) - 1 ? currentIndex + 1 : 0;\n                break;\n            case 'Home':\n                event.preventDefault();\n                nextIndex = 0;\n                break;\n            case 'End':\n                event.preventDefault();\n                nextIndex = (this.items?.length ?? 1) - 1;\n                break;\n        }\n\n        if (nextIndex !== null && this.items) {\n            this.navigateToItem(nextIndex);\n        }\n    }\n\n    public getSegmentAriaLabel(item: any, index: number): string | null {\n        // Only set an explicit aria-label when visible text is intentionally omitted.\n        if (this.displayExpr) {\n            return null;\n        }\n\n        if (this.tooltipExpr && item?.[this.tooltipExpr]) {\n            return String(item[this.tooltipExpr]);\n        }\n\n        if (item?.[this.valueExpr] !== undefined && item?.[this.valueExpr] !== null) {\n            return String(item[this.valueExpr]);\n        }\n\n        return `Segment option ${index + 1}`;\n    }\n\n    private getItemIndex(item: any): number {\n        return this.items?.indexOf(item) ?? -1;\n    }\n\n    private navigateToItem(index: number): void {\n        if (!this.items || index < 0 || index >= this.items.length) {\n            return;\n        }\n\n        const item = this.items[index];\n        this.value = item[this.valueExpr];\n        this.valueChange.emit(this.value);\n        this.itemChange.emit(item);\n\n        // Notify form control if in form context\n        if (this._ngControl) {\n            this._onChange(this.value);\n            this._onTouched();\n        }\n\n        if (this.enableAnimation) {\n            this._cdr.detectChanges();\n            this.updateClipPath();\n        }\n\n        // Focus the segment element after change detection\n        this.focusSegmentElement(index);\n    }\n\n    private focusSegmentElement(index: number): void {\n        // Use setTimeout to ensure DOM is updated before focusing\n        setTimeout(() => {\n            const segmentElements = this.containerRef()?.nativeElement.querySelectorAll('.segment:not(.segment-overlay)');\n            if (segmentElements && segmentElements[index]) {\n                (segmentElements[index] as HTMLElement).focus();\n            }\n        }, 0);\n    }\n\n    private updateClipPath() {\n        setTimeout(() => {\n            const container = this.clipPathContainerRef?.nativeElement;\n            if (!container) return;\n\n            const activeSegment = container.parentElement?.querySelector(\n                `.segment.selected:not(.segment-overlay)`\n            ) as HTMLElement;\n\n            if (activeSegment && container.parentElement) {\n                const parentElement = container.parentElement;\n\n                const computedStyle = window.getComputedStyle(parentElement);\n                const paddingLeft = parseFloat(computedStyle.paddingLeft);\n\n                const offsetLeft = activeSegment.offsetLeft - paddingLeft;\n                const offsetWidth = activeSegment.offsetWidth;\n                const overlayWidth = container.offsetWidth;\n\n                // Only update if we have valid dimensions\n                if (offsetWidth === 0 || overlayWidth === 0) {\n                    // Retry after a short delay if elements aren't rendered yet\n                    setTimeout(() => this.updateClipPath(), 100);\n                    return;\n                }\n\n                const clipLeft = offsetLeft;\n                const clipRight = offsetLeft + offsetWidth;\n\n                const clipLeftPercent = ((clipLeft / overlayWidth) * 100).toFixed(2);\n                const clipRightPercent = (100 - (clipRight / overlayWidth) * 100).toFixed(2);\n\n                container.style.clipPath = `inset(0 ${clipRightPercent}% 0 ${clipLeftPercent}% round 4px)`;\n            }\n        }, 0);\n    }\n}\n","<div\n    #containerRef\n    class=\"sds-segmented-control-container\"\n    role=\"group\"\n    [attr.aria-label]=\"ariaLabel() || 'Segmented control'\"\n    [ngClass]=\"{\n        'disabled': disabled,\n        'sds-segmented-control-primary': style == 'primary',\n        'sds-segmented-control-inverted': style == 'inverted',\n        'clip-path-enabled': enableAnimation\n    }\">\n\n    <div *ngFor=\"let item of items; let index = index; let last = last;\"\n        class=\"segment\"\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\n        role=\"button\"\n        [tabindex]=\"item[valueExpr] === value ? 0 : -1\"\n        [attr.aria-label]=\"getSegmentAriaLabel(item, index)\"\n        [attr.aria-pressed]=\"item[valueExpr] === value\"\n        [class.selected]=\"item[valueExpr] == value\"\n        [class.tight-padding]=\"segmentPadding == 'tight'\"\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\n        (click)=\"selectItem(item, $event)\"\n        (keydown)=\"onSegmentKeydown($event, item)\">\n\n        <div class=\"sds-flex-row-center gap-2\">\n            <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\n            <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\n        </div>\n    </div>\n\n    <div *ngIf=\"enableAnimation\"\n         class=\"sds-clip-path-overlay\"\n         #clipPathContainer\n         aria-hidden=\"true\">\n        <div *ngFor=\"let item of items; let last = last;\"\n            class=\"segment segment-overlay\"\n            [class.tight-padding]=\"segmentPadding == 'tight'\"\n            [tabIndex]=\"-1\">\n\n            <div class=\"sds-flex-row-center gap-2\">\n                <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\n                <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\n            </div>\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicainternational/ngx-sds-components",
-  "version": "8.7.4",
+  "version": "8.7.5",
   "license": "MIT",
   "description": "Spica design system angular components.",
   "type": "module",
@@ -180,18 +180,18 @@
       "esm": "./esm2022/src/lib/ripple/spicainternational-ngx-sds-components-src-lib-ripple.mjs",
       "default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-ripple.mjs"
     },
-    "./src/lib/segmented-control": {
-      "types": "./src/lib/segmented-control/index.d.ts",
-      "esm2022": "./esm2022/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs",
-      "esm": "./esm2022/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs",
-      "default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs"
-    },
     "./src/lib/side-bar": {
       "types": "./src/lib/side-bar/index.d.ts",
       "esm2022": "./esm2022/src/lib/side-bar/spicainternational-ngx-sds-components-src-lib-side-bar.mjs",
       "esm": "./esm2022/src/lib/side-bar/spicainternational-ngx-sds-components-src-lib-side-bar.mjs",
       "default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-side-bar.mjs"
     },
+    "./src/lib/segmented-control": {
+      "types": "./src/lib/segmented-control/index.d.ts",
+      "esm2022": "./esm2022/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs",
+      "esm": "./esm2022/src/lib/segmented-control/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs",
+      "default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-segmented-control.mjs"
+    },
     "./src/lib/static-value": {
       "types": "./src/lib/static-value/index.d.ts",
       "esm2022": "./esm2022/src/lib/static-value/spicainternational-ngx-sds-components-src-lib-static-value.mjs",
@@ -210,18 +210,18 @@
       "esm": "./esm2022/src/lib/timeline/spicainternational-ngx-sds-components-src-lib-timeline.mjs",
       "default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-timeline.mjs"
     },
-    "./src/lib/timer": {
-      "types": "./src/lib/timer/index.d.ts",
-      "esm2022": "./esm2022/src/lib/timer/spicainternational-ngx-sds-components-src-lib-timer.mjs",
-      "esm": "./esm2022/src/lib/timer/spicainternational-ngx-sds-components-src-lib-timer.mjs",
-      "default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-timer.mjs"
-    },
     "./src/lib/tooltip": {
       "types": "./src/lib/tooltip/index.d.ts",
       "esm2022": "./esm2022/src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.mjs",
       "esm": "./esm2022/src/lib/tooltip/spicainternational-ngx-sds-components-src-lib-tooltip.mjs",
       "default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-tooltip.mjs"
     },
+    "./src/lib/timer": {
+      "types": "./src/lib/timer/index.d.ts",
+      "esm2022": "./esm2022/src/lib/timer/spicainternational-ngx-sds-components-src-lib-timer.mjs",
+      "esm": "./esm2022/src/lib/timer/spicainternational-ngx-sds-components-src-lib-timer.mjs",
+      "default": "./fesm2022/spicainternational-ngx-sds-components-src-lib-timer.mjs"
+    },
     "./src/lib/utils": {
       "types": "./src/lib/utils/index.d.ts",
       "esm2022": "./esm2022/src/lib/utils/spicainternational-ngx-sds-components-src-lib-utils.mjs",

package/src/lib/navigation/product-home/product-home.component.d.ts

@@ -19,7 +19,6 @@ export declare class SdsProductHomeComponent implements OnInit, CollapsibleNavig
     headerClick: EventEmitter<void>;
     protected ICON_CLOSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
     protected ICON_OPEN: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    protected ICON_SIDEBAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
     constructor();
     isCollapsed: import("@angular/core").ModelSignal<boolean>;
     sideBarInstanceName: import("@angular/core").InputSignal<string>;