npm - @siemens/element-ng - Versions diffs - 49.12.0 → 51.0.0-rc.3 - Mend

@siemens/element-ng 49.12.0 → 51.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (233) hide show

package/fesm2022/siemens-element-ng-accordion.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"siemens-element-ng-accordion.mjs","sources":["../../../../projects/element-ng/accordion/si-accordion-hcollapse.service.ts","../../../../projects/element-ng/accordion/si-accordion.service.ts","../../../../projects/element-ng/accordion/si-collapsible-panel.component.ts","../../../../projects/element-ng/accordion/si-collapsible-panel.component.html","../../../../projects/element-ng/accordion/si-accordion.component.ts","../../../../projects/element-ng/accordion/si-accordion.module.ts","../../../../projects/element-ng/accordion/index.ts","../../../../projects/element-ng/accordion/siemens-element-ng-accordion.ts"],"sourcesContent":["/*\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport { Injectable, signal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/* @internal /\n@Injectable({\n providedIn: null\n})\nexport class SiAccordionHCollapseService {\n /\n Emitting the current horizontal collapsed state.\n \n @defaultValue undefined\n /\n readonly hcollapsed = signal<boolean \| undefined>(undefined);\n /\n Subject to emit to open the accordion.\n /\n readonly open$ = new Subject();\n}\n","/\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport { Injectable, signal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/* @internal /\n@Injectable({\n providedIn: null\n})\nexport class SiAccordionService {\n /\n Emit an item in the accordion which should be toggled.\n /\n readonly toggle$ = new Subject<any>();\n /\n Subject to emit when the items should be expanded to their full height or restored to normal height.\n \n @defaultValue null\n /\n readonly fullHeight = signal<boolean \| null>(null);\n}\n","/\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n inject,\n input,\n model,\n output,\n signal,\n viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { elementDown2 } from '@siemens/element-icons';\nimport { BackgroundColorVariant } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTooltipDirective } from '@siemens/element-ng/tooltip';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { filter } from 'rxjs';\n\nimport { SiAccordionHCollapseService } from './si-accordion-hcollapse.service';\nimport { SiAccordionService } from './si-accordion.service';\n\nlet controlIdCounter = 1;\n\n@Component({\n selector: 'si-collapsible-panel',\n imports: [SiIconComponent, SiTranslatePipe, SiTooltipDirective],\n templateUrl: './si-collapsible-panel.component.html',\n styleUrl: './si-collapsible-panel.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[class]': 'colorVariant()',\n '[class.opened]': 'opened()',\n '[class.hcollapsed]': 'hcollapsed()',\n '[class.full-height]': 'fullHeight()',\n '[style.--element-animations-enabled]': 'disableAnimation() ? \"0\" : undefined'\n }\n})\nexport class SiCollapsiblePanelComponent {\n /\n Heading for the collapsible panel.\n /\n readonly heading = input<TranslatableString>();\n /\n Additional CSS classes for the top element.\n \n @defaultValue ''\n /\n readonly headerCssClasses = input('');\n /\n Additional CSS classes for the collapsible content region.\n \n @defaultValue ''\n /\n readonly contentBgClasses = input('');\n /\n Additional CSS classes for the wrapping content element.\n \n @defaultValue ''\n /\n readonly contentCssClasses = input('');\n /\n Expand/collapse the panel.\n \n @defaultValue false\n /\n readonly opened = model(false);\n /\n The icon to be displayed besides the heading.\n /\n readonly icon = input<string>();\n /\n Whether the si-collapsible-panel is disabled.\n \n @defaultValue false\n /\n readonly disabled = input(false, { transform: booleanAttribute });\n /\n Color variant for component background.\n \n @deprecated This input has no effect on the component styling.\n /\n readonly colorVariant = input<BackgroundColorVariant>();\n /\n Defines the content of the optional badge. Should be a number or something like \"100+\".\n * if undefined or empty string, no badge is displayed\n /\n readonly badge = input<string \| number>();\n /\n Defines the background color of the badge. Default is specific to Element flavour.\n /\n readonly badgeColor = input<string>();\n\n /\n An event emitted when the user triggered expand/collapse and emit with the new open state.\n * The event is emitted before the animation happens.\n /\n readonly panelToggle = output<boolean>();\n\n protected readonly hcollapsed = computed(\n () => this.accordionHCollapseService?.hcollapsed() ?? false\n );\n protected readonly fullHeight = computed(() => this.accordionService?.fullHeight() ?? false);\n protected controlId = '__si-collapsible-' + controlIdCounter++;\n protected headerId = this.controlId + '-header';\n protected isHCollapsible = false;\n protected readonly icons = addIcons({ elementDown2 });\n protected readonly disableAnimation = signal(false);\n\n private readonly accordionService = inject(SiAccordionService, { optional: true });\n private readonly accordionHCollapseService = inject(SiAccordionHCollapseService, {\n optional: true\n });\n /* Restore the content scroll position between open/close of the panel. /\n private lastScrollPos = 0;\n private readonly contentRef = viewChild.required<ElementRef<HTMLElement>>('content');\n\n constructor() {\n this.isHCollapsible = !!this.accordionHCollapseService;\n this.accordionService?.toggle$\n .pipe(\n takeUntilDestroyed(),\n filter(item => item !== this)\n )\n .subscribe(() => this.openClose(false));\n }\n\n /\n Expand/collapse panel.\n * @param open - indicate the panel shall open or close\n * @param enableAnimation - with animation\n /\n openClose(open: boolean, enableAnimation = true): void {\n this.opened.set(open);\n this.disableAnimation.set(!enableAnimation);\n\n if (open) {\n // Restore scroll position after opening\n setTimeout(() => {\n this.contentRef().nativeElement.scrollTop = this.lastScrollPos;\n });\n } else {\n // Save scroll position before closing\n this.lastScrollPos = this.contentRef().nativeElement.scrollTop;\n }\n }\n\n protected doToggle(event?: Event): void {\n if (this.disabled()) {\n return;\n }\n\n event?.preventDefault();\n const opened = this.opened();\n this.panelToggle.emit(!opened);\n this.openClose(this.hcollapsed() \|\| !opened);\n this.accordionService?.toggle$.next(this);\n if (this.hcollapsed()) {\n this.accordionHCollapseService?.open$.next(this);\n }\n }\n\n protected keydown(event: KeyboardEvent): void {\n if (event.key === 'Enter' \|\| event.key === 'Space' \|\| event.key === ' ') {\n this.doToggle(undefined);\n }\n }\n}\n","<div\n role=\"button\"\n placement=\"start\"\n [siTooltip]=\"hcollapsed() && heading() ? (heading()! \| translate) : ''\"\n [class]=\"`collapsible-header focus-inside ${headerCssClasses()}`\"\n [class.px-5]=\"hcollapsed()\"\n [class.px-6]=\"!hcollapsed()\"\n [attr.tabindex]=\"disabled() ? '' : '0'\"\n [id]=\"headerId\"\n [class.open]=\"opened()\"\n [class.disabled]=\"disabled()\"\n [attr.aria-expanded]=\"opened() && !hcollapsed()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-controls]=\"controlId\"\n [attr.aria-label]=\"hcollapsed() ? (heading() \| translate) : ''\"\n (keydown)=\"keydown($event)\"\n (click)=\"doToggle($event)\"\n>\n @let headerIcon = icon();\n @if (headerIcon) {\n <si-icon\n class=\"icon\"\n [class.p-1]=\"hcollapsed()\"\n [class.pe-2]=\"!hcollapsed()\"\n [icon]=\"headerIcon\"\n [class.collapsed-icon]=\"isHCollapsible\"\n />\n }\n @if (icon() && badge() !== undefined && badge() !== '') {\n <span class=\"badge-text\">\n {{ badge() }}\n </span>\n }\n <div class=\"si-h5 autohide\">\n {{ heading() \| translate }}\n <ng-content select=\"[si-panel-heading]\" />\n </div>\n\n @if (badge() !== undefined && badge() !== '') {\n <span [class]=\"'badge autohide' + (badgeColor() ? ' bg-' + badgeColor() : '')\">\n {{ badge() }}\n </span>\n }\n <span class=\"ms-auto autohide\">\n <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n </span>\n</div>\n<div\n #content\n role=\"region\"\n [id]=\"controlId\"\n [class]=\"`collapsible-content ${contentBgClasses()}`\"\n [attr.aria-labelledby]=\"headerId\"\n [class.full-height]=\"fullHeight()\"\n>\n @if (opened()) {\n <div class=\"content-motion\" animate.leave=\"content-leave\">\n <div class=\"overflow-hidden\">\n <div [class]=\"contentCssClasses()\">\n <ng-content />\n </div>\n </div>\n </div>\n }\n</div>\n","/\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport {\n AfterContentInit,\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n DestroyRef,\n ElementRef,\n inject,\n input,\n OnChanges\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\n\nimport { SiAccordionHCollapseService } from './si-accordion-hcollapse.service';\nimport { SiAccordionService } from './si-accordion.service';\nimport { SiCollapsiblePanelComponent } from './si-collapsible-panel.component';\n\nconst PANEL_MIN_HEIGHT = 100;\n\n@Component({\n selector: 'si-accordion',\n template: '<div><ng-content /></div>',\n styleUrl: './si-accordion.component.scss',\n providers: [SiAccordionService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[class.full-height]': 'fullHeight()',\n '[class.hcollapsed]': 'collapsed()'\n }\n})\nexport class SiAccordionComponent implements AfterContentInit, OnChanges {\n /* @defaultValue true /\n readonly expandFirstPanel = input(true, { transform: booleanAttribute });\n /* @defaultValue false /\n readonly fullHeight = input(false, { transform: booleanAttribute });\n /* @defaultValue false /\n readonly hcollapsed = input(false);\n /\n Indicate whether the accordion is collapsed.\n * @internal\n /\n readonly collapsed = computed(\n () => this.accordionHCollapseService?.hcollapsed() ?? this.hcollapsed()\n );\n\n private readonly panels = contentChildren(SiCollapsiblePanelComponent);\n private responsive = false;\n private destroyer = inject(DestroyRef);\n private service = inject(SiAccordionService);\n private resizeObserver = inject(ResizeObserverService);\n private element = inject(ElementRef);\n private accordionHCollapseService = inject(SiAccordionHCollapseService, { optional: true });\n\n ngOnChanges(): void {\n this.service.fullHeight.set(this.fullHeight() && !this.responsive);\n }\n\n ngAfterContentInit(): void {\n this.resizeObserver\n .observe(this.element.nativeElement, 100, true, true)\n .pipe(takeUntilDestroyed(this.destroyer))\n .subscribe(() => this.calcFullHeight());\n\n this.panels().at(0)?.openClose(this.expandFirstPanel(), false);\n }\n\n private calcFullHeight(): void {\n if (this.panels()?.length) {\n const height = (this.element.nativeElement as HTMLElement).offsetHeight;\n this.responsive = !this.hcollapsed() && height < this.panels().length PANEL_MIN_HEIGHT;\n this.service.fullHeight.set(this.fullHeight() && !this.responsive);\n }\n }\n}\n","/*\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport { NgModule } from '@angular/core';\n\nimport { SiAccordionComponent } from './si-accordion.component';\nimport { SiCollapsiblePanelComponent } from './si-collapsible-panel.component';\n\n@NgModule({\n imports: [SiAccordionComponent, SiCollapsiblePanelComponent],\n exports: [SiAccordionComponent, SiCollapsiblePanelComponent]\n})\nexport class SiAccordionModule {}\n","/\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nexport from './si-collapsible-panel.component';\nexport * from './si-accordion.component';\nexport * from './si-accordion.service';\nexport * from './si-accordion-hcollapse.service';\nexport * from './si-accordion.module';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"siemens-element-ng-accordion.mjs","sources":["../../../../projects/element-ng/accordion/si-accordion-hcollapse.service.ts","../../../../projects/element-ng/accordion/si-accordion.service.ts","../../../../projects/element-ng/accordion/si-collapsible-panel.component.ts","../../../../projects/element-ng/accordion/si-collapsible-panel.component.html","../../../../projects/element-ng/accordion/si-accordion.component.ts","../../../../projects/element-ng/accordion/si-accordion.module.ts","../../../../projects/element-ng/accordion/index.ts","../../../../projects/element-ng/accordion/siemens-element-ng-accordion.ts"],"sourcesContent":["/*\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport { Injectable, signal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/* @internal /\n@Injectable({\n providedIn: null\n})\nexport class SiAccordionHCollapseService {\n /\n Emitting the current horizontal collapsed state.\n \n @defaultValue undefined\n /\n readonly hcollapsed = signal<boolean \| undefined>(undefined);\n /\n Subject to emit to open the accordion.\n /\n readonly open$ = new Subject();\n}\n","/\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport { Injectable, signal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n/* @internal /\n@Injectable({\n providedIn: null\n})\nexport class SiAccordionService {\n /\n Emit an item in the accordion which should be toggled.\n /\n readonly toggle$ = new Subject<any>();\n /\n Subject to emit when the items should be expanded to their full height or restored to normal height.\n \n @defaultValue null\n /\n readonly fullHeight = signal<boolean \| null>(null);\n}\n","/\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport {\n booleanAttribute,\n Component,\n computed,\n ElementRef,\n inject,\n input,\n model,\n output,\n signal,\n viewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { elementDown2 } from '@siemens/element-icons';\nimport { BackgroundColorVariant } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTooltipDirective } from '@siemens/element-ng/tooltip';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { filter } from 'rxjs';\n\nimport { SiAccordionHCollapseService } from './si-accordion-hcollapse.service';\nimport { SiAccordionService } from './si-accordion.service';\n\nlet controlIdCounter = 1;\n\n@Component({\n selector: 'si-collapsible-panel',\n imports: [SiIconComponent, SiTranslatePipe, SiTooltipDirective],\n templateUrl: './si-collapsible-panel.component.html',\n styleUrl: './si-collapsible-panel.component.scss',\n host: {\n '[class]': 'colorVariant()',\n '[class.opened]': 'opened()',\n '[class.hcollapsed]': 'hcollapsed()',\n '[class.full-height]': 'fullHeight()',\n '[style.--element-animations-enabled]': 'disableAnimation() ? \"0\" : undefined'\n }\n})\nexport class SiCollapsiblePanelComponent {\n /\n Heading for the collapsible panel.\n /\n readonly heading = input<TranslatableString>();\n /\n Additional CSS classes for the top element.\n \n @defaultValue ''\n /\n readonly headerCssClasses = input('');\n /\n Additional CSS classes for the collapsible content region.\n \n @defaultValue ''\n /\n readonly contentBgClasses = input('');\n /\n Additional CSS classes for the wrapping content element.\n \n @defaultValue ''\n /\n readonly contentCssClasses = input('');\n /\n Expand/collapse the panel.\n \n @defaultValue false\n /\n readonly opened = model(false);\n /\n The icon to be displayed besides the heading.\n /\n readonly icon = input<string>();\n /\n Whether the si-collapsible-panel is disabled.\n \n @defaultValue false\n /\n readonly disabled = input(false, { transform: booleanAttribute });\n /\n Color variant for component background.\n \n @deprecated This input has no effect on the component styling.\n /\n readonly colorVariant = input<BackgroundColorVariant>();\n /\n Defines the content of the optional badge. Should be a number or something like \"100+\".\n * if undefined or empty string, no badge is displayed\n /\n readonly badge = input<string \| number>();\n /\n Defines the background color of the badge. Default is specific to Element flavour.\n /\n readonly badgeColor = input<string>();\n\n /\n An event emitted when the user triggered expand/collapse and emit with the new open state.\n * The event is emitted before the animation happens.\n /\n readonly panelToggle = output<boolean>();\n\n protected readonly hcollapsed = computed(\n () => this.accordionHCollapseService?.hcollapsed() ?? false\n );\n protected readonly fullHeight = computed(() => this.accordionService?.fullHeight() ?? false);\n protected controlId = '__si-collapsible-' + controlIdCounter++;\n protected headerId = this.controlId + '-header';\n protected isHCollapsible = false;\n protected readonly icons = addIcons({ elementDown2 });\n protected readonly disableAnimation = signal(false);\n\n private readonly accordionService = inject(SiAccordionService, { optional: true });\n private readonly accordionHCollapseService = inject(SiAccordionHCollapseService, {\n optional: true\n });\n /* Restore the content scroll position between open/close of the panel. /\n private lastScrollPos = 0;\n private readonly contentRef = viewChild.required<ElementRef<HTMLElement>>('content');\n\n constructor() {\n this.isHCollapsible = !!this.accordionHCollapseService;\n this.accordionService?.toggle$\n .pipe(\n takeUntilDestroyed(),\n filter(item => item !== this)\n )\n .subscribe(() => this.openClose(false));\n }\n\n /\n Expand/collapse panel.\n * @param open - indicate the panel shall open or close\n * @param enableAnimation - with animation\n /\n openClose(open: boolean, enableAnimation = true): void {\n this.opened.set(open);\n this.disableAnimation.set(!enableAnimation);\n\n if (open) {\n // Restore scroll position after opening\n setTimeout(() => {\n this.contentRef().nativeElement.scrollTop = this.lastScrollPos;\n });\n } else {\n // Save scroll position before closing\n this.lastScrollPos = this.contentRef().nativeElement.scrollTop;\n }\n }\n\n protected doToggle(event?: Event): void {\n if (this.disabled()) {\n return;\n }\n\n event?.preventDefault();\n const opened = this.opened();\n this.panelToggle.emit(!opened);\n this.openClose(this.hcollapsed() \|\| !opened);\n this.accordionService?.toggle$.next(this);\n if (this.hcollapsed()) {\n this.accordionHCollapseService?.open$.next(this);\n }\n }\n\n protected keydown(event: KeyboardEvent): void {\n if (event.key === 'Enter' \|\| event.key === 'Space' \|\| event.key === ' ') {\n this.doToggle(undefined);\n }\n }\n}\n","<div\n role=\"button\"\n placement=\"start\"\n [siTooltip]=\"hcollapsed() && heading() ? (heading()! \| translate) : ''\"\n [class]=\"`collapsible-header focus-inside ${headerCssClasses()}`\"\n [class.px-5]=\"hcollapsed()\"\n [class.px-6]=\"!hcollapsed()\"\n [attr.tabindex]=\"disabled() ? '' : '0'\"\n [id]=\"headerId\"\n [class.open]=\"opened()\"\n [class.disabled]=\"disabled()\"\n [attr.aria-expanded]=\"opened() && !hcollapsed()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-controls]=\"controlId\"\n [attr.aria-label]=\"hcollapsed() ? (heading() \| translate) : ''\"\n (keydown)=\"keydown($event)\"\n (click)=\"doToggle($event)\"\n>\n @let headerIcon = icon();\n @if (headerIcon) {\n <si-icon\n class=\"icon\"\n [class.p-1]=\"hcollapsed()\"\n [class.pe-2]=\"!hcollapsed()\"\n [icon]=\"headerIcon\"\n [class.collapsed-icon]=\"isHCollapsible\"\n />\n }\n @if (icon() && badge() !== undefined && badge() !== '') {\n <span class=\"badge-text\">\n {{ badge() }}\n </span>\n }\n <div class=\"si-h5 autohide\">\n {{ heading() \| translate }}\n <ng-content select=\"[si-panel-heading]\" />\n </div>\n\n @if (badge() !== undefined && badge() !== '') {\n <span [class]=\"'badge autohide' + (badgeColor() ? ' bg-' + badgeColor() : '')\">\n {{ badge() }}\n </span>\n }\n <span class=\"ms-auto autohide\">\n <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n </span>\n</div>\n<div\n #content\n role=\"region\"\n [id]=\"controlId\"\n [class]=\"`collapsible-content ${contentBgClasses()}`\"\n [attr.aria-labelledby]=\"headerId\"\n [class.full-height]=\"fullHeight()\"\n>\n @if (opened()) {\n <div class=\"content-motion\" animate.leave=\"content-leave\">\n <div class=\"overflow-hidden\">\n <div [class]=\"contentCssClasses()\">\n <ng-content />\n </div>\n </div>\n </div>\n }\n</div>\n","/\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport {\n AfterContentInit,\n booleanAttribute,\n Component,\n computed,\n contentChildren,\n DestroyRef,\n ElementRef,\n inject,\n input,\n OnChanges\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\n\nimport { SiAccordionHCollapseService } from './si-accordion-hcollapse.service';\nimport { SiAccordionService } from './si-accordion.service';\nimport { SiCollapsiblePanelComponent } from './si-collapsible-panel.component';\n\nconst PANEL_MIN_HEIGHT = 100;\n\n@Component({\n selector: 'si-accordion',\n template: '<div><ng-content /></div>',\n styleUrl: './si-accordion.component.scss',\n providers: [SiAccordionService],\n host: {\n '[class.full-height]': 'fullHeight()',\n '[class.hcollapsed]': 'collapsed()'\n }\n})\nexport class SiAccordionComponent implements AfterContentInit, OnChanges {\n /* @defaultValue true /\n readonly expandFirstPanel = input(true, { transform: booleanAttribute });\n /* @defaultValue false /\n readonly fullHeight = input(false, { transform: booleanAttribute });\n /* @defaultValue false /\n readonly hcollapsed = input(false);\n /\n Indicate whether the accordion is collapsed.\n * @internal\n /\n readonly collapsed = computed(\n () => this.accordionHCollapseService?.hcollapsed() ?? this.hcollapsed()\n );\n\n private readonly panels = contentChildren(SiCollapsiblePanelComponent);\n private responsive = false;\n private destroyer = inject(DestroyRef);\n private service = inject(SiAccordionService);\n private resizeObserver = inject(ResizeObserverService);\n private element = inject(ElementRef);\n private accordionHCollapseService = inject(SiAccordionHCollapseService, { optional: true });\n\n ngOnChanges(): void {\n this.service.fullHeight.set(this.fullHeight() && !this.responsive);\n }\n\n ngAfterContentInit(): void {\n this.resizeObserver\n .observe(this.element.nativeElement, 100, true, true)\n .pipe(takeUntilDestroyed(this.destroyer))\n .subscribe(() => this.calcFullHeight());\n\n this.panels().at(0)?.openClose(this.expandFirstPanel(), false);\n }\n\n private calcFullHeight(): void {\n if (this.panels()?.length) {\n const height = (this.element.nativeElement as HTMLElement).offsetHeight;\n this.responsive = !this.hcollapsed() && height < this.panels().length PANEL_MIN_HEIGHT;\n this.service.fullHeight.set(this.fullHeight() && !this.responsive);\n }\n }\n}\n","/*\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nimport { NgModule } from '@angular/core';\n\nimport { SiAccordionComponent } from './si-accordion.component';\nimport { SiCollapsiblePanelComponent } from './si-collapsible-panel.component';\n\n@NgModule({\n imports: [SiAccordionComponent, SiCollapsiblePanelComponent],\n exports: [SiAccordionComponent, SiCollapsiblePanelComponent]\n})\nexport class SiAccordionModule {}\n","/\n Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n /\nexport from './si-collapsible-panel.component';\nexport * from './si-accordion.component';\nexport * from './si-accordion.service';\nexport * from './si-accordion-hcollapse.service';\nexport * from './si-accordion.module';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-action-modal.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, inject, ChangeDetectionStrategy, Component, booleanAttribute, Injectable } from '@angular/core';
+import { input, inject, Component, booleanAttribute, Injectable } from '@angular/core';
 import { ModalRef, SiModalService, createModalConfig } from '@siemens/element-ng/modal';
 import { take, Observable, switchMap } from 'rxjs';
 import { AsyncPipe } from '@angular/common';
@@ -13,36 +13,42 @@ import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
  * SPDX-License-Identifier: MIT
  */
 class SiAlertDialogComponent {
-    titleId = input(...(ngDevMode ? [undefined, { debugName: "titleId" }] : []));
+    titleId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "titleId" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    heading = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
+    message = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_ALERT_DIALOG.OK:OK`)
      * ```
      */
-    confirmBtnName = input(t(() => $localize `:@@SI_ALERT_DIALOG.OK:OK`), ...(ngDevMode ? [{ debugName: "confirmBtnName" }] : []));
+    confirmBtnName = input(t(() => $localize `:@@SI_ALERT_DIALOG.OK:OK`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "confirmBtnName" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * {}
      * ```
      */
-    translationParams = input({}, ...(ngDevMode ? [{ debugName: "translationParams" }] : []));
+    translationParams = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translationParams" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     modalRef = inject((ModalRef));
     loading$ = this.modalRef.message.pipe(take(1));
     icons = addIcons({ elementCancel });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiAlertDialogComponent, isStandalone: true, selector: "si-alert-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, confirmBtnName: { classPropertyName: "confirmBtnName", publicName: "confirmBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiAlertDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SiAlertDialogComponent, isStandalone: true, selector: "si-alert-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, confirmBtnName: { classPropertyName: "confirmBtnName", publicName: "confirmBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAlertDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiAlertDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-alert-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
+            args: [{ selector: 'si-alert-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
         }], propDecorators: { titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], confirmBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmBtnName", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 /**
@@ -50,42 +56,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiConfirmationDialogComponent {
-    titleId = input(...(ngDevMode ? [undefined, { debugName: "titleId" }] : []));
+    titleId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "titleId" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    heading = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
+    message = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`)
      * ```
      */
-    confirmBtnName = input(t(() => $localize `:@@SI_CONFIRMATION_DIALOG.YES:Yes`), ...(ngDevMode ? [{ debugName: "confirmBtnName" }] : []));
+    confirmBtnName = input(t(() => $localize `:@@SI_CONFIRMATION_DIALOG.YES:Yes`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "confirmBtnName" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`)
      * ```
      */
-    declineBtnName = input(t(() => $localize `:@@SI_CONFIRMATION_DIALOG.NO:No`), ...(ngDevMode ? [{ debugName: "declineBtnName" }] : []));
+    declineBtnName = input(t(() => $localize `:@@SI_CONFIRMATION_DIALOG.NO:No`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "declineBtnName" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * {}
      * ```
      */
-    translationParams = input({}, ...(ngDevMode ? [{ debugName: "translationParams" }] : []));
+    translationParams = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translationParams" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     modalRef = inject((ModalRef));
     loading$ = this.modalRef.message.pipe(take(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiConfirmationDialogComponent, isStandalone: true, selector: "si-confirmation-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, confirmBtnName: { classPropertyName: "confirmBtnName", publicName: "confirmBtnName", isSignal: true, isRequired: false, transformFunction: null }, declineBtnName: { classPropertyName: "declineBtnName", publicName: "declineBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SiConfirmationDialogComponent, isStandalone: true, selector: "si-confirmation-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, confirmBtnName: { classPropertyName: "confirmBtnName", publicName: "confirmBtnName", isSignal: true, isRequired: false, transformFunction: null }, declineBtnName: { classPropertyName: "declineBtnName", publicName: "declineBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiConfirmationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-confirmation-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
+            args: [{ selector: 'si-confirmation-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
         }], propDecorators: { titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], confirmBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmBtnName", required: false }] }], declineBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "declineBtnName", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 /**
@@ -93,48 +106,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiDeleteConfirmationDialogComponent {
-    titleId = input(...(ngDevMode ? [undefined, { debugName: "titleId" }] : []));
+    titleId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "titleId" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    heading = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`)
      * ```
      */
-    message = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`), ...(ngDevMode ? [{ debugName: "message" }] : []));
+    message = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`)
      * ```
      */
-    deleteBtnName = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`), ...(ngDevMode ? [{ debugName: "deleteBtnName" }] : []));
+    deleteBtnName = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "deleteBtnName" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`)
      * ```
      */
-    cancelBtnName = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`), ...(ngDevMode ? [{ debugName: "cancelBtnName" }] : []));
+    cancelBtnName = input(t(() => $localize `:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelBtnName" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * {}
      * ```
      */
-    translationParams = input({}, ...(ngDevMode ? [{ debugName: "translationParams" }] : []));
+    translationParams = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translationParams" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     modalRef = inject((ModalRef));
     loading$ = this.modalRef.message.pipe(take(1));
     icons = addIcons({ elementCancel });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDeleteConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiDeleteConfirmationDialogComponent, isStandalone: true, selector: "si-delete-confirmation-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, deleteBtnName: { classPropertyName: "deleteBtnName", publicName: "deleteBtnName", isSignal: true, isRequired: false, transformFunction: null }, cancelBtnName: { classPropertyName: "cancelBtnName", publicName: "cancelBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiDeleteConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SiDeleteConfirmationDialogComponent, isStandalone: true, selector: "si-delete-confirmation-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, deleteBtnName: { classPropertyName: "deleteBtnName", publicName: "deleteBtnName", isSignal: true, isRequired: false, transformFunction: null }, cancelBtnName: { classPropertyName: "cancelBtnName", publicName: "cancelBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiDeleteConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiDeleteConfirmationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-delete-confirmation-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
+            args: [{ selector: 'si-delete-confirmation-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n" }]
         }], propDecorators: { titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], deleteBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteBtnName", required: false }] }], cancelBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelBtnName", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 /**
@@ -142,71 +162,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiEditDiscardDialogComponent {
-    titleId = input(...(ngDevMode ? [undefined, { debugName: "titleId" }] : []));
+    titleId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "titleId" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+    heading = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`)
      * ```
      */
-    message = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`), ...(ngDevMode ? [{ debugName: "message" }] : []));
+    message = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`)
      * ```
      */
-    saveBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`), ...(ngDevMode ? [{ debugName: "saveBtnName" }] : []));
+    saveBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "saveBtnName" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Discard`)
      * ```
      */
-    discardBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Discard`), ...(ngDevMode ? [{ debugName: "discardBtnName" }] : []));
+    discardBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Discard`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "discardBtnName" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`)
      * ```
      */
-    cancelBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`), ...(ngDevMode ? [{ debugName: "cancelBtnName" }] : []));
+    cancelBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelBtnName" }] : /* istanbul ignore next */ []));
     /** @defaultValue false */
-    disableSave = input(false, { ...(ngDevMode ? { debugName: "disableSave" } : {}), transform: booleanAttribute });
+    disableSave = input(false, { ...(ngDevMode ? { debugName: "disableSave" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`)
      * ```
      */
-    disableSaveMessage = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`), ...(ngDevMode ? [{ debugName: "disableSaveMessage" }] : []));
+    disableSaveMessage = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableSaveMessage" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`)
      * ```
      */
-    disableSaveDiscardBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`), ...(ngDevMode ? [{ debugName: "disableSaveDiscardBtnName" }] : []));
+    disableSaveDiscardBtnName = input(t(() => $localize `:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableSaveDiscardBtnName" }] : /* istanbul ignore next */ []));
     /**
      * @defaultValue
      * ```
      * {}
      * ```
      */
-    translationParams = input({}, ...(ngDevMode ? [{ debugName: "translationParams" }] : []));
+    translationParams = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translationParams" }] : /* istanbul ignore next */ []));
     /** @defaultValue '' */
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     modalRef = inject((ModalRef));
     loading$ = this.modalRef.message.pipe(take(1));
     icons = addIcons({ elementCancel });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEditDiscardDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiEditDiscardDialogComponent, isStandalone: true, selector: "si-edit-discard-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, saveBtnName: { classPropertyName: "saveBtnName", publicName: "saveBtnName", isSignal: true, isRequired: false, transformFunction: null }, discardBtnName: { classPropertyName: "discardBtnName", publicName: "discardBtnName", isSignal: true, isRequired: false, transformFunction: null }, cancelBtnName: { classPropertyName: "cancelBtnName", publicName: "cancelBtnName", isSignal: true, isRequired: false, transformFunction: null }, disableSave: { classPropertyName: "disableSave", publicName: "disableSave", isSignal: true, isRequired: false, transformFunction: null }, disableSaveMessage: { classPropertyName: "disableSaveMessage", publicName: "disableSaveMessage", isSignal: true, isRequired: false, transformFunction: null }, disableSaveDiscardBtnName: { classPropertyName: "disableSaveDiscardBtnName", publicName: "disableSaveDiscardBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiEditDiscardDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SiEditDiscardDialogComponent, isStandalone: true, selector: "si-edit-discard-dialog", inputs: { titleId: { classPropertyName: "titleId", publicName: "titleId", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, saveBtnName: { classPropertyName: "saveBtnName", publicName: "saveBtnName", isSignal: true, isRequired: false, transformFunction: null }, discardBtnName: { classPropertyName: "discardBtnName", publicName: "discardBtnName", isSignal: true, isRequired: false, transformFunction: null }, cancelBtnName: { classPropertyName: "cancelBtnName", publicName: "cancelBtnName", isSignal: true, isRequired: false, transformFunction: null }, disableSave: { classPropertyName: "disableSave", publicName: "disableSave", isSignal: true, isRequired: false, transformFunction: null }, disableSaveMessage: { classPropertyName: "disableSaveMessage", publicName: "disableSaveMessage", isSignal: true, isRequired: false, transformFunction: null }, disableSaveDiscardBtnName: { classPropertyName: "disableSaveDiscardBtnName", publicName: "disableSaveDiscardBtnName", isSignal: true, isRequired: false, transformFunction: null }, translationParams: { classPropertyName: "translationParams", publicName: "translationParams", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingButtonComponent, selector: "si-loading-button", inputs: ["disabled", "loading", "type", "ariaLabel", "ariaLabelledBy", "buttonClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEditDiscardDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiEditDiscardDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-edit-discard-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n" }]
+            args: [{ selector: 'si-edit-discard-dialog', imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent], template: "@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-tertiary-ghost\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n" }]
         }], propDecorators: { titleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleId", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], saveBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveBtnName", required: false }] }], discardBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "discardBtnName", required: false }] }], cancelBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelBtnName", required: false }] }], disableSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSave", required: false }] }], disableSaveMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSaveMessage", required: false }] }], disableSaveDiscardBtnName: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSaveDiscardBtnName", required: false }] }], translationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationParams", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 /**
@@ -261,10 +291,10 @@ class SiActionDialogService {
             };
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiActionDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiActionDialogService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiActionDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiActionDialogService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiActionDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SiActionDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });