@fundamental-ngx/core 0.43.0-rc.8 → 0.43.0

package/fesm2015/fundamental-ngx-core-switch.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { isDevMode, EventEmitter, forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, Output, Directive, NgModule } from '@angular/core';
+import { isDevMode, EventEmitter, forwardRef, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, Output, Directive, NgModule } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i3 from '@angular/forms';
@@ -74,9 +74,14 @@ class SwitchComponent {
     }
     /** Checked property of the switch. */
     set isChecked(value) {
+        this._switchLabelWrapperEl.nativeElement.classList.remove('fd-switch-no-animate');
         this.checked = value;
         this.onChange(value);
         this.checkedChange.emit(value);
+        setTimeout(() => {
+            // add the no-animate class after the transition duration, 100ms
+            this._switchLabelWrapperEl.nativeElement.classList.add('fd-switch-no-animate');
+        }, 100);
     }
     get isChecked() {
         return this.checked;
@@ -121,7 +126,7 @@ SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
         },
         registerFormItemControl(SwitchComponent),
         contentDensityObserverProviders()
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["switchInput"], descendants: true }], ngImport: i0, template: "<label\n    class=\"fd-switch\"\n    (click)=\"focus()\"\n    [style.cursor]=\"disabled ? 'auto' : 'pointer'\"\n    [class.is-compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-switch--semantic]=\"semantic\"\n    [class.is-disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel\"\n>\n    <span *ngIf=\"isChecked ? activeText : inactiveText as text\" class=\"fd-switch__text\">\n        {{ text }}\n    </span>\n    <span class=\"fd-switch__control\">\n        <input\n            #switchInput\n            class=\"fd-switch__input\"\n            type=\"checkbox\"\n            role=\"switch\"\n            [id]=\"innerInputId\"\n            [name]=\"name\"\n            [disabled]=\"disabled\"\n            [attr.aria-required]=\"required\"\n            [attr.aria-checked]=\"checked\"\n            [attr.aria-labelledby]=\"ariaLabelledBy + ' ' + (semantic ? _semanticLabelId : '')\"\n            [(ngModel)]=\"isChecked\"\n        />\n        <div class=\"fd-switch__slider\">\n            <div class=\"fd-switch__track\" aria-hidden=\"true\">\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon fd-switch__icon--on sap-icon--accept\"\n                ></i>\n                <span class=\"fd-switch__handle\" role=\"presentation\"></span>\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon--off fd-switch__icon sap-icon--decline\"\n                ></i>\n            </div>\n\n            <span *ngIf=\"semantic\" [id]=\"_semanticLabelId\" aria-hidden=\"true\" class=\"fd-switch__invisible-text\">\n                {{\n                    checked\n                        ? semanticAcceptLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                        : semanticDeclineLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                }}\n            </span>\n        </div>\n    </span>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-switch+(--no-border)\n    .fd-switch__content+()\n    .fd-switch__title+()\n*/.fd-switch{-webkit-box-sizing:border-box;-ms-flex-item-align:start;-webkit-box-align:center;-ms-flex-align:center;--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Handle_Offset)*-1),-50%);align-items:center;align-self:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-width:100%;overflow:hidden;overflow:initial;padding:0;padding:var(--fdSwitch_Padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-switch:after,.fd-switch:before{box-sizing:inherit;font-size:inherit}.fd-switch[dir=rtl],[dir=rtl] .fd-switch{margin-left:.5rem;margin-right:0}.fd-switch.is-disabled,.fd-switch:disabled,.fd-switch[aria-disabled=true]{cursor:auto}.fd-switch__control{display:inline-block;position:relative}.fd-switch__slider{-webkit-box-sizing:border-box;-webkit-box-sizing:content-box;-webkit-transition:all .1s;-webkit-box-shadow:var(--fdSwitch_Shadow);background-color:var(--fdSwitch_Track_Background);border:0;border:var(--fdSwitch_Border);border-color:var(--fdSwitch_Border_Color);border-radius:var(--fdSwitch_Border_Radius);box-shadow:var(--fdSwitch_Shadow);box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSwitch_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:all .1s;width:var(--fdSwitch_Width)}.fd-switch__slider:after,.fd-switch__slider:before{box-sizing:inherit;font-size:inherit}.fd-switch__track{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .1s;-webkit-transform:var(--fdSwitch_Track_Offset);align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:4.25rem;padding:0;position:absolute;top:50%;transform:var(--fdSwitch_Track_Offset);transition:all .1s}.fd-switch__track:after,.fd-switch__track:before{box-sizing:inherit;font-size:inherit}.fd-switch .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Active_Handle_Offset)*-1),-50%)}.fd-switch__text{-webkit-box-sizing:border-box;align-self:flex-start;align-self:auto;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-width:100%;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-switch__text:after,.fd-switch__text:before{box-sizing:inherit;font-size:inherit}.fd-switch__text[dir=rtl],[dir=rtl] .fd-switch__text{margin-left:.5rem;margin-right:0}.fd-switch__icon{position:var(--fdSwitch_Semantic_Icon_Position)}.fd-switch__icon [class*=sap-icon],.fd-switch__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:visibility 0s ease .03s,opacity 0s ease .03s;align-items:center;display:flex;font-size:var(--fdSwitch_Icon_Size);justify-content:center;line-height:1.375rem;min-width:1.75rem;transition:visibility 0s ease .03s,opacity 0s ease .03s;width:1.75rem}.fd-switch__icon--off [class*=sap-icon],.fd-switch__icon--off[class*=sap-icon]{color:var(--fdSwitch_Semantic_Handle_Error_Color);margin:var(--fdSwitch_Icon_Error_Margin)}.fd-switch__icon--on [class*=sap-icon],.fd-switch__icon--on[class*=sap-icon]{color:var(--fdSwitch_Semantic_Handle_Success_Color);margin:var(--fdSwitch_Icon_Success_Margin);opacity:0;visibility:hidden}.fd-switch__handle{-webkit-box-sizing:border-box;-webkit-box-sizing:var(--fdSwitch_Slider_Box_Sizing);background-clip:padding-box;background-color:var(--fdSwitch_Handle_Background);border:0;border:var(--fdSwitch_Handle_Border_Width) solid var(--fdSwitch_Handle_Border_Color);border-radius:var(--fdSwitch_Handle_Border_Radius);box-sizing:border-box;box-sizing:var(--fdSwitch_Slider_Box_Sizing);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdSwitch_Handle_Height);min-width:var(--fdSwitch_Handle_Width);padding:0}.fd-switch__handle:after,.fd-switch__handle:before{box-sizing:inherit;font-size:inherit}.fd-switch__input{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:0;line-height:var(--sapContent_LineHeight);margin:0;opacity:0;padding:0;position:absolute;width:0}.fd-switch__input:after,.fd-switch__input:before{box-sizing:inherit;display:none;font-size:inherit}.fd-switch__input:active,.fd-switch__input:hover{border-color:transparent}.fd-switch.is-disabled,.fd-switch:disabled,.fd-switch[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-switch__input:focus+.fd-switch__slider:before{border-color:var(--sapContent_FocusColor);border-radius:var(--fdSwitch_Focus_Outline_Border_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdSwitch_Focus_Outline_Vertical_Offset);content:\"\";display:block;left:var(--fdSwitch_Focus_Outline_Horizontal_Offset);position:absolute;right:var(--fdSwitch_Focus_Outline_Horizontal_Offset);top:var(--fdSwitch_Focus_Outline_Vertical_Offset)}.fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--sapButton_Track_Selected_Background);--fdSwitch_Shadow:var(--fdSwitch_Active_Shadow);--fdSwitch_Handle_Background:var(--sapButton_Selected_Background);--fdSwitch_Handle_Border_Color:var(--sapButton_Selected_BorderColor);--fdSwitch_Border_Color:var(--sapButton_Selected_BorderColor)}.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--off [class*=sap-icon],.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--off[class*=sap-icon]{opacity:0;visibility:hidden}.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--on [class*=sap-icon],.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--on[class*=sap-icon]{opacity:1;visibility:visible}.fd-switch[dir=rtl],[dir=rtl] .fd-switch{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Handle_Offset),-50%)}.fd-switch[dir=rtl] .fd-switch__icon--on,[dir=rtl] .fd-switch .fd-switch__icon--on{margin:var(--fdSwitch_Icon_Error_Margin)}.fd-switch[dir=rtl] .fd-switch__icon--off,[dir=rtl] .fd-switch .fd-switch__icon--off{margin:var(--fdSwitch_Icon_Success_Margin)}.fd-switch[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Active_Handle_Offset),-50%)}.fd-switch.is-hover,.fd-switch:hover{--fdSwitch_Track_Background:var(--fdSwitch_On_Hover_Slider_Background);--fdSwitch_Shadow:var(--fdSwitch_On_Hover_Slider_Shadow);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Handle_Hover_Border_Color);--fdSwitch_Handle_Background:var(--fdSwitch_Hover_Handle_Background);--fdSwitch_Border_Color:var(--fdSwitch_On_Hover_Slider_Border)}.fd-switch.is-hover .fd-switch__input:checked+.fd-switch__slider,.fd-switch:hover .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--fdSwitch_On_Hover_Slider_Active_Background);--fdSwitch_Shadow:var(--fdSwitch_On_Hover_Slider_Active_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Hover_Handle_Active_Background);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Handle_Selected_Hover_Border_Color)}.fd-switch[class*=-compact],.fd-switch[class*=-condensed],[class*=-compact] .fd-switch:not([class*=-cozy]),[class*=-condensed] .fd-switch:not([class*=-cozy]){--fdSwitch_Padding:var(--fdSwitch_Compact_Padding);--fdSwitch_Handle_Width:var(--fdSwitch_Compact_Handle_Width);--fdSwitch_Handle_Height:var(--fdSwitch_Compact_Handle_Height);--fdSwitch_Width:var(--fdSwitch_Compact_Width);--fdSwitch_Height:var(--fdSwitch_Compact_Height);--fdSwitch_Icon_Size:var(--fdSwitch_Compact_Icon_Size);--fdSwitch_Track_Offset:translate(-.8125rem,-50%)}.fd-switch[class*=-compact] .fd-switch__track,.fd-switch[class*=-condensed] .fd-switch__track,[class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__track,[class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__track{min-width:3.125rem}.fd-switch[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Active_Handle_Offset)*-1),-50%)}.fd-switch[class*=-compact][dir=rtl],.fd-switch[class*=-condensed][dir=rtl],[class*=-compact] .fd-switch:not([class*=-cozy])[dir=rtl],[class*=-condensed] .fd-switch:not([class*=-cozy])[dir=rtl],[dir=rtl] .fd-switch[class*=-compact],[dir=rtl] .fd-switch[class*=-condensed],[dir=rtl] [class*=-compact] .fd-switch:not([class*=-cozy]),[dir=rtl] [class*=-condensed] .fd-switch:not([class*=-cozy]){--fdSwitch_Track_Offset:translate(.8125rem,-50%)}.fd-switch[class*=-compact][dir=rtl] .fd-switch__input:checked+.fd-switch__slider,.fd-switch[class*=-condensed][dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch:not([class*=-cozy])[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch:not([class*=-cozy])[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] [class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] [class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset_Rtl),-50%)}.fd-switch--semantic{--fdSwitch_Width:var(--fdSwitch_Semantic_Width);--fdSwitch_Height:var(--fdSwitch_Semantic_Height);--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Error_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Error_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Error_Handle_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Error_Handle_Border_Color);--fdSwitch_Border_Color:var(--sapErrorBorderColor);--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Semantic_Handle_Offset)*-1),-50%)}.fd-switch--semantic .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Semantic_Handle_Active_Offset)*-1),-50%);--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Success_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Success_Box_Shadow);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Border_Color);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Success_Handle_Background_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Border_Color)}.fd-switch--semantic[class*=-compact],.fd-switch--semantic[class*=-condensed],[class*=-compact] .fd-switch--semantic:not([class*=-cozy]),[class*=-condensed] .fd-switch--semantic:not([class*=-cozy]){--fdSwitch_Width:var(--fdSwitch_Compact_Semantic_Width);--fdSwitch_Height:var(--fdSwitch_Compact_Semantic_Height);--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Handle_Offset),-50%);padding:.1875rem 0}.fd-switch--semantic[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset)*-1),-50%)}.fd-switch--semantic.is-hover,.fd-switch--semantic:hover{--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Hover_Error_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Hover_Error_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Error_Handle_Hover_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Error_Handle_Hover_Border_Color);--fdSwitch_Semantic_Handle_Error_Color:var(--fdSwitch_Semantic_Hover_Error_Color);--fdSwitch_Semantic_Handle_Success_Color:var(--fdSwitch_Semantic_Hover_Success_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Hover_Error_Border_Color)}.fd-switch--semantic.is-hover .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic:hover .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Hover_Success_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Hover_Success_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Success_Handle_Hover_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Hover_Border_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Hover_Success_Border_Color)}.fd-switch--semantic[dir=rtl],[dir=rtl] .fd-switch--semantic{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Semantic_Handle_Offset),-50%)}.fd-switch--semantic[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Semantic_Handle_Active_Offset),-50%)}.fd-switch--semantic[dir=rtl][class*=-compact],.fd-switch--semantic[dir=rtl][class*=-condensed],[class*=-compact] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]),[class*=-compact] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]),[class*=-condensed] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]),[class*=-condensed] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]),[dir=rtl] .fd-switch--semantic[class*=-compact],[dir=rtl] .fd-switch--semantic[class*=-condensed]{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Semantic_Handle_Offset)*-1),-50%)}.fd-switch--semantic[dir=rtl][class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic[dir=rtl][class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset),-50%)}.fd-switch-custom{display:block}.fd-switch__invisible-text{display:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["switchInput"], descendants: true }, { propertyName: "_switchLabelWrapperEl", first: true, predicate: ["switchEl"], descendants: true, read: ElementRef }], ngImport: i0, template: "<label\n    class=\"fd-switch fd-switch-no-animate\"\n    (click)=\"focus()\"\n    [style.cursor]=\"disabled ? 'auto' : 'pointer'\"\n    [class.is-compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-switch--semantic]=\"semantic\"\n    [class.is-disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel\"\n    #switchEl\n>\n    <span *ngIf=\"isChecked ? activeText : inactiveText as text\" class=\"fd-switch__text\">\n        {{ text }}\n    </span>\n    <span class=\"fd-switch__control\">\n        <input\n            #switchInput\n            class=\"fd-switch__input\"\n            type=\"checkbox\"\n            role=\"switch\"\n            [id]=\"innerInputId\"\n            [name]=\"name\"\n            [disabled]=\"disabled\"\n            [attr.aria-required]=\"required\"\n            [attr.aria-checked]=\"checked\"\n            [attr.aria-labelledby]=\"ariaLabelledBy + ' ' + (semantic ? _semanticLabelId : '')\"\n            [(ngModel)]=\"isChecked\"\n        />\n        <div class=\"fd-switch__slider\">\n            <div class=\"fd-switch__track\" aria-hidden=\"true\">\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon fd-switch__icon--on sap-icon--accept\"\n                ></i>\n                <span class=\"fd-switch__handle\" role=\"presentation\"></span>\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon--off fd-switch__icon sap-icon--decline\"\n                ></i>\n            </div>\n\n            <span *ngIf=\"semantic\" [id]=\"_semanticLabelId\" aria-hidden=\"true\" class=\"fd-switch__invisible-text\">\n                {{\n                    checked\n                        ? semanticAcceptLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                        : semanticDeclineLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                }}\n            </span>\n        </div>\n    </span>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-switch+(--no-border)\n    .fd-switch__content+()\n    .fd-switch__title+()\n*/.fd-switch{-webkit-box-sizing:border-box;-ms-flex-item-align:start;-webkit-box-align:center;-ms-flex-align:center;--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Handle_Offset)*-1),-50%);align-items:center;align-self:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-width:100%;overflow:hidden;overflow:initial;padding:0;padding:var(--fdSwitch_Padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-switch:after,.fd-switch:before{box-sizing:inherit;font-size:inherit}.fd-switch[dir=rtl],[dir=rtl] .fd-switch{margin-left:.5rem;margin-right:0}.fd-switch.is-disabled,.fd-switch:disabled,.fd-switch[aria-disabled=true]{cursor:auto}.fd-switch__control{display:inline-block;position:relative}.fd-switch__slider{-webkit-box-sizing:border-box;-webkit-box-sizing:content-box;-webkit-transition:all .1s;-webkit-box-shadow:var(--fdSwitch_Shadow);background-color:var(--fdSwitch_Track_Background);border:0;border:var(--fdSwitch_Border);border-color:var(--fdSwitch_Border_Color);border-radius:var(--fdSwitch_Border_Radius);box-shadow:var(--fdSwitch_Shadow);box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSwitch_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:all .1s;width:var(--fdSwitch_Width)}.fd-switch__slider:after,.fd-switch__slider:before{box-sizing:inherit;font-size:inherit}.fd-switch__track{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .1s;-webkit-transform:var(--fdSwitch_Track_Offset);align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:4.25rem;padding:0;position:absolute;top:50%;transform:var(--fdSwitch_Track_Offset);transition:all .1s}.fd-switch__track:after,.fd-switch__track:before{box-sizing:inherit;font-size:inherit}.fd-switch .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Active_Handle_Offset)*-1),-50%)}.fd-switch__text{-webkit-box-sizing:border-box;align-self:flex-start;align-self:auto;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-width:100%;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-switch__text:after,.fd-switch__text:before{box-sizing:inherit;font-size:inherit}.fd-switch__text[dir=rtl],[dir=rtl] .fd-switch__text{margin-left:.5rem;margin-right:0}.fd-switch__icon{position:var(--fdSwitch_Semantic_Icon_Position)}.fd-switch__icon [class*=sap-icon],.fd-switch__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:visibility 0s ease .03s,opacity 0s ease .03s;align-items:center;display:flex;font-size:var(--fdSwitch_Icon_Size);justify-content:center;line-height:1.375rem;min-width:1.75rem;transition:visibility 0s ease .03s,opacity 0s ease .03s;width:1.75rem}.fd-switch__icon--off [class*=sap-icon],.fd-switch__icon--off[class*=sap-icon]{color:var(--fdSwitch_Semantic_Handle_Error_Color);margin:var(--fdSwitch_Icon_Error_Margin)}.fd-switch__icon--on [class*=sap-icon],.fd-switch__icon--on[class*=sap-icon]{color:var(--fdSwitch_Semantic_Handle_Success_Color);margin:var(--fdSwitch_Icon_Success_Margin);opacity:0;visibility:hidden}.fd-switch__handle{-webkit-box-sizing:border-box;-webkit-box-sizing:var(--fdSwitch_Slider_Box_Sizing);background-clip:padding-box;background-color:var(--fdSwitch_Handle_Background);border:0;border:var(--fdSwitch_Handle_Border_Width) solid var(--fdSwitch_Handle_Border_Color);border-radius:var(--fdSwitch_Handle_Border_Radius);box-sizing:border-box;box-sizing:var(--fdSwitch_Slider_Box_Sizing);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdSwitch_Handle_Height);min-width:var(--fdSwitch_Handle_Width);padding:0}.fd-switch__handle:after,.fd-switch__handle:before{box-sizing:inherit;font-size:inherit}.fd-switch__input{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:0;line-height:var(--sapContent_LineHeight);margin:0;opacity:0;padding:0;position:absolute;width:0}.fd-switch__input:after,.fd-switch__input:before{box-sizing:inherit;display:none;font-size:inherit}.fd-switch__input:active,.fd-switch__input:hover{border-color:transparent}.fd-switch.is-disabled,.fd-switch:disabled,.fd-switch[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-switch__input:focus+.fd-switch__slider:before{border-color:var(--sapContent_FocusColor);border-radius:var(--fdSwitch_Focus_Outline_Border_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdSwitch_Focus_Outline_Vertical_Offset);content:\"\";display:block;left:var(--fdSwitch_Focus_Outline_Horizontal_Offset);position:absolute;right:var(--fdSwitch_Focus_Outline_Horizontal_Offset);top:var(--fdSwitch_Focus_Outline_Vertical_Offset)}.fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--sapButton_Track_Selected_Background);--fdSwitch_Shadow:var(--fdSwitch_Active_Shadow);--fdSwitch_Handle_Background:var(--sapButton_Selected_Background);--fdSwitch_Handle_Border_Color:var(--sapButton_Selected_BorderColor);--fdSwitch_Border_Color:var(--sapButton_Selected_BorderColor)}.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--off [class*=sap-icon],.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--off[class*=sap-icon]{opacity:0;visibility:hidden}.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--on [class*=sap-icon],.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--on[class*=sap-icon]{opacity:1;visibility:visible}.fd-switch[dir=rtl],[dir=rtl] .fd-switch{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Handle_Offset),-50%)}.fd-switch[dir=rtl] .fd-switch__icon--on,[dir=rtl] .fd-switch .fd-switch__icon--on{margin:var(--fdSwitch_Icon_Error_Margin)}.fd-switch[dir=rtl] .fd-switch__icon--off,[dir=rtl] .fd-switch .fd-switch__icon--off{margin:var(--fdSwitch_Icon_Success_Margin)}.fd-switch[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Active_Handle_Offset),-50%)}.fd-switch.is-hover,.fd-switch:hover{--fdSwitch_Track_Background:var(--fdSwitch_On_Hover_Slider_Background);--fdSwitch_Shadow:var(--fdSwitch_On_Hover_Slider_Shadow);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Handle_Hover_Border_Color);--fdSwitch_Handle_Background:var(--fdSwitch_Hover_Handle_Background);--fdSwitch_Border_Color:var(--fdSwitch_On_Hover_Slider_Border)}.fd-switch.is-hover .fd-switch__input:checked+.fd-switch__slider,.fd-switch:hover .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--fdSwitch_On_Hover_Slider_Active_Background);--fdSwitch_Shadow:var(--fdSwitch_On_Hover_Slider_Active_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Hover_Handle_Active_Background);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Handle_Selected_Hover_Border_Color)}.fd-switch[class*=-compact],.fd-switch[class*=-condensed],[class*=-compact] .fd-switch:not([class*=-cozy]),[class*=-condensed] .fd-switch:not([class*=-cozy]){--fdSwitch_Padding:var(--fdSwitch_Compact_Padding);--fdSwitch_Handle_Width:var(--fdSwitch_Compact_Handle_Width);--fdSwitch_Handle_Height:var(--fdSwitch_Compact_Handle_Height);--fdSwitch_Width:var(--fdSwitch_Compact_Width);--fdSwitch_Height:var(--fdSwitch_Compact_Height);--fdSwitch_Icon_Size:var(--fdSwitch_Compact_Icon_Size);--fdSwitch_Track_Offset:translate(-.8125rem,-50%)}.fd-switch[class*=-compact] .fd-switch__track,.fd-switch[class*=-condensed] .fd-switch__track,[class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__track,[class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__track{min-width:3.125rem}.fd-switch[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Active_Handle_Offset)*-1),-50%)}.fd-switch[class*=-compact][dir=rtl],.fd-switch[class*=-condensed][dir=rtl],[class*=-compact] .fd-switch:not([class*=-cozy])[dir=rtl],[class*=-condensed] .fd-switch:not([class*=-cozy])[dir=rtl],[dir=rtl] .fd-switch[class*=-compact],[dir=rtl] .fd-switch[class*=-condensed],[dir=rtl] [class*=-compact] .fd-switch:not([class*=-cozy]),[dir=rtl] [class*=-condensed] .fd-switch:not([class*=-cozy]){--fdSwitch_Track_Offset:translate(.8125rem,-50%)}.fd-switch[class*=-compact][dir=rtl] .fd-switch__input:checked+.fd-switch__slider,.fd-switch[class*=-condensed][dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch:not([class*=-cozy])[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch:not([class*=-cozy])[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] [class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] [class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset_Rtl),-50%)}.fd-switch--semantic{--fdSwitch_Width:var(--fdSwitch_Semantic_Width);--fdSwitch_Height:var(--fdSwitch_Semantic_Height);--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Error_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Error_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Error_Handle_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Error_Handle_Border_Color);--fdSwitch_Border_Color:var(--sapErrorBorderColor);--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Semantic_Handle_Offset)*-1),-50%)}.fd-switch--semantic .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Semantic_Handle_Active_Offset)*-1),-50%);--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Success_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Success_Box_Shadow);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Border_Color);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Success_Handle_Background_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Border_Color)}.fd-switch--semantic[class*=-compact],.fd-switch--semantic[class*=-condensed],[class*=-compact] .fd-switch--semantic:not([class*=-cozy]),[class*=-condensed] .fd-switch--semantic:not([class*=-cozy]){--fdSwitch_Width:var(--fdSwitch_Compact_Semantic_Width);--fdSwitch_Height:var(--fdSwitch_Compact_Semantic_Height);--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Handle_Offset),-50%);padding:.1875rem 0}.fd-switch--semantic[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset)*-1),-50%)}.fd-switch--semantic.is-hover,.fd-switch--semantic:hover{--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Hover_Error_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Hover_Error_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Error_Handle_Hover_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Error_Handle_Hover_Border_Color);--fdSwitch_Semantic_Handle_Error_Color:var(--fdSwitch_Semantic_Hover_Error_Color);--fdSwitch_Semantic_Handle_Success_Color:var(--fdSwitch_Semantic_Hover_Success_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Hover_Error_Border_Color)}.fd-switch--semantic.is-hover .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic:hover .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Hover_Success_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Hover_Success_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Success_Handle_Hover_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Hover_Border_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Hover_Success_Border_Color)}.fd-switch--semantic[dir=rtl],[dir=rtl] .fd-switch--semantic{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Semantic_Handle_Offset),-50%)}.fd-switch--semantic[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Semantic_Handle_Active_Offset),-50%)}.fd-switch--semantic[dir=rtl][class*=-compact],.fd-switch--semantic[dir=rtl][class*=-condensed],[class*=-compact] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]),[class*=-compact] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]),[class*=-condensed] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]),[class*=-condensed] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]),[dir=rtl] .fd-switch--semantic[class*=-compact],[dir=rtl] .fd-switch--semantic[class*=-condensed]{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Semantic_Handle_Offset)*-1),-50%)}.fd-switch--semantic[dir=rtl][class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic[dir=rtl][class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset),-50%)}.fd-switch-custom{display:block}.fd-switch__invisible-text{display:none!important}.fd-switch-no-animate *{transition:none!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-switch', providers: [
@@ -136,7 +141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         class: 'fd-form__item fd-form__item--check fd-switch-custom',
                         '[attr.id]': 'id',
                         '(focusout)': 'onTouched()'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<label\n    class=\"fd-switch\"\n    (click)=\"focus()\"\n    [style.cursor]=\"disabled ? 'auto' : 'pointer'\"\n    [class.is-compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-switch--semantic]=\"semantic\"\n    [class.is-disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel\"\n>\n    <span *ngIf=\"isChecked ? activeText : inactiveText as text\" class=\"fd-switch__text\">\n        {{ text }}\n    </span>\n    <span class=\"fd-switch__control\">\n        <input\n            #switchInput\n            class=\"fd-switch__input\"\n            type=\"checkbox\"\n            role=\"switch\"\n            [id]=\"innerInputId\"\n            [name]=\"name\"\n            [disabled]=\"disabled\"\n            [attr.aria-required]=\"required\"\n            [attr.aria-checked]=\"checked\"\n            [attr.aria-labelledby]=\"ariaLabelledBy + ' ' + (semantic ? _semanticLabelId : '')\"\n            [(ngModel)]=\"isChecked\"\n        />\n        <div class=\"fd-switch__slider\">\n            <div class=\"fd-switch__track\" aria-hidden=\"true\">\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon fd-switch__icon--on sap-icon--accept\"\n                ></i>\n                <span class=\"fd-switch__handle\" role=\"presentation\"></span>\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon--off fd-switch__icon sap-icon--decline\"\n                ></i>\n            </div>\n\n            <span *ngIf=\"semantic\" [id]=\"_semanticLabelId\" aria-hidden=\"true\" class=\"fd-switch__invisible-text\">\n                {{\n                    checked\n                        ? semanticAcceptLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                        : semanticDeclineLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                }}\n            </span>\n        </div>\n    </span>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-switch+(--no-border)\n    .fd-switch__content+()\n    .fd-switch__title+()\n*/.fd-switch{-webkit-box-sizing:border-box;-ms-flex-item-align:start;-webkit-box-align:center;-ms-flex-align:center;--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Handle_Offset)*-1),-50%);align-items:center;align-self:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-width:100%;overflow:hidden;overflow:initial;padding:0;padding:var(--fdSwitch_Padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-switch:after,.fd-switch:before{box-sizing:inherit;font-size:inherit}.fd-switch[dir=rtl],[dir=rtl] .fd-switch{margin-left:.5rem;margin-right:0}.fd-switch.is-disabled,.fd-switch:disabled,.fd-switch[aria-disabled=true]{cursor:auto}.fd-switch__control{display:inline-block;position:relative}.fd-switch__slider{-webkit-box-sizing:border-box;-webkit-box-sizing:content-box;-webkit-transition:all .1s;-webkit-box-shadow:var(--fdSwitch_Shadow);background-color:var(--fdSwitch_Track_Background);border:0;border:var(--fdSwitch_Border);border-color:var(--fdSwitch_Border_Color);border-radius:var(--fdSwitch_Border_Radius);box-shadow:var(--fdSwitch_Shadow);box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSwitch_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:all .1s;width:var(--fdSwitch_Width)}.fd-switch__slider:after,.fd-switch__slider:before{box-sizing:inherit;font-size:inherit}.fd-switch__track{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .1s;-webkit-transform:var(--fdSwitch_Track_Offset);align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:4.25rem;padding:0;position:absolute;top:50%;transform:var(--fdSwitch_Track_Offset);transition:all .1s}.fd-switch__track:after,.fd-switch__track:before{box-sizing:inherit;font-size:inherit}.fd-switch .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Active_Handle_Offset)*-1),-50%)}.fd-switch__text{-webkit-box-sizing:border-box;align-self:flex-start;align-self:auto;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-width:100%;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-switch__text:after,.fd-switch__text:before{box-sizing:inherit;font-size:inherit}.fd-switch__text[dir=rtl],[dir=rtl] .fd-switch__text{margin-left:.5rem;margin-right:0}.fd-switch__icon{position:var(--fdSwitch_Semantic_Icon_Position)}.fd-switch__icon [class*=sap-icon],.fd-switch__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:visibility 0s ease .03s,opacity 0s ease .03s;align-items:center;display:flex;font-size:var(--fdSwitch_Icon_Size);justify-content:center;line-height:1.375rem;min-width:1.75rem;transition:visibility 0s ease .03s,opacity 0s ease .03s;width:1.75rem}.fd-switch__icon--off [class*=sap-icon],.fd-switch__icon--off[class*=sap-icon]{color:var(--fdSwitch_Semantic_Handle_Error_Color);margin:var(--fdSwitch_Icon_Error_Margin)}.fd-switch__icon--on [class*=sap-icon],.fd-switch__icon--on[class*=sap-icon]{color:var(--fdSwitch_Semantic_Handle_Success_Color);margin:var(--fdSwitch_Icon_Success_Margin);opacity:0;visibility:hidden}.fd-switch__handle{-webkit-box-sizing:border-box;-webkit-box-sizing:var(--fdSwitch_Slider_Box_Sizing);background-clip:padding-box;background-color:var(--fdSwitch_Handle_Background);border:0;border:var(--fdSwitch_Handle_Border_Width) solid var(--fdSwitch_Handle_Border_Color);border-radius:var(--fdSwitch_Handle_Border_Radius);box-sizing:border-box;box-sizing:var(--fdSwitch_Slider_Box_Sizing);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdSwitch_Handle_Height);min-width:var(--fdSwitch_Handle_Width);padding:0}.fd-switch__handle:after,.fd-switch__handle:before{box-sizing:inherit;font-size:inherit}.fd-switch__input{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:0;line-height:var(--sapContent_LineHeight);margin:0;opacity:0;padding:0;position:absolute;width:0}.fd-switch__input:after,.fd-switch__input:before{box-sizing:inherit;display:none;font-size:inherit}.fd-switch__input:active,.fd-switch__input:hover{border-color:transparent}.fd-switch.is-disabled,.fd-switch:disabled,.fd-switch[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-switch__input:focus+.fd-switch__slider:before{border-color:var(--sapContent_FocusColor);border-radius:var(--fdSwitch_Focus_Outline_Border_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdSwitch_Focus_Outline_Vertical_Offset);content:\"\";display:block;left:var(--fdSwitch_Focus_Outline_Horizontal_Offset);position:absolute;right:var(--fdSwitch_Focus_Outline_Horizontal_Offset);top:var(--fdSwitch_Focus_Outline_Vertical_Offset)}.fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--sapButton_Track_Selected_Background);--fdSwitch_Shadow:var(--fdSwitch_Active_Shadow);--fdSwitch_Handle_Background:var(--sapButton_Selected_Background);--fdSwitch_Handle_Border_Color:var(--sapButton_Selected_BorderColor);--fdSwitch_Border_Color:var(--sapButton_Selected_BorderColor)}.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--off [class*=sap-icon],.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--off[class*=sap-icon]{opacity:0;visibility:hidden}.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--on [class*=sap-icon],.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--on[class*=sap-icon]{opacity:1;visibility:visible}.fd-switch[dir=rtl],[dir=rtl] .fd-switch{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Handle_Offset),-50%)}.fd-switch[dir=rtl] .fd-switch__icon--on,[dir=rtl] .fd-switch .fd-switch__icon--on{margin:var(--fdSwitch_Icon_Error_Margin)}.fd-switch[dir=rtl] .fd-switch__icon--off,[dir=rtl] .fd-switch .fd-switch__icon--off{margin:var(--fdSwitch_Icon_Success_Margin)}.fd-switch[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Active_Handle_Offset),-50%)}.fd-switch.is-hover,.fd-switch:hover{--fdSwitch_Track_Background:var(--fdSwitch_On_Hover_Slider_Background);--fdSwitch_Shadow:var(--fdSwitch_On_Hover_Slider_Shadow);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Handle_Hover_Border_Color);--fdSwitch_Handle_Background:var(--fdSwitch_Hover_Handle_Background);--fdSwitch_Border_Color:var(--fdSwitch_On_Hover_Slider_Border)}.fd-switch.is-hover .fd-switch__input:checked+.fd-switch__slider,.fd-switch:hover .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--fdSwitch_On_Hover_Slider_Active_Background);--fdSwitch_Shadow:var(--fdSwitch_On_Hover_Slider_Active_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Hover_Handle_Active_Background);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Handle_Selected_Hover_Border_Color)}.fd-switch[class*=-compact],.fd-switch[class*=-condensed],[class*=-compact] .fd-switch:not([class*=-cozy]),[class*=-condensed] .fd-switch:not([class*=-cozy]){--fdSwitch_Padding:var(--fdSwitch_Compact_Padding);--fdSwitch_Handle_Width:var(--fdSwitch_Compact_Handle_Width);--fdSwitch_Handle_Height:var(--fdSwitch_Compact_Handle_Height);--fdSwitch_Width:var(--fdSwitch_Compact_Width);--fdSwitch_Height:var(--fdSwitch_Compact_Height);--fdSwitch_Icon_Size:var(--fdSwitch_Compact_Icon_Size);--fdSwitch_Track_Offset:translate(-.8125rem,-50%)}.fd-switch[class*=-compact] .fd-switch__track,.fd-switch[class*=-condensed] .fd-switch__track,[class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__track,[class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__track{min-width:3.125rem}.fd-switch[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Active_Handle_Offset)*-1),-50%)}.fd-switch[class*=-compact][dir=rtl],.fd-switch[class*=-condensed][dir=rtl],[class*=-compact] .fd-switch:not([class*=-cozy])[dir=rtl],[class*=-condensed] .fd-switch:not([class*=-cozy])[dir=rtl],[dir=rtl] .fd-switch[class*=-compact],[dir=rtl] .fd-switch[class*=-condensed],[dir=rtl] [class*=-compact] .fd-switch:not([class*=-cozy]),[dir=rtl] [class*=-condensed] .fd-switch:not([class*=-cozy]){--fdSwitch_Track_Offset:translate(.8125rem,-50%)}.fd-switch[class*=-compact][dir=rtl] .fd-switch__input:checked+.fd-switch__slider,.fd-switch[class*=-condensed][dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch:not([class*=-cozy])[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch:not([class*=-cozy])[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] [class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] [class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset_Rtl),-50%)}.fd-switch--semantic{--fdSwitch_Width:var(--fdSwitch_Semantic_Width);--fdSwitch_Height:var(--fdSwitch_Semantic_Height);--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Error_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Error_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Error_Handle_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Error_Handle_Border_Color);--fdSwitch_Border_Color:var(--sapErrorBorderColor);--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Semantic_Handle_Offset)*-1),-50%)}.fd-switch--semantic .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Semantic_Handle_Active_Offset)*-1),-50%);--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Success_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Success_Box_Shadow);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Border_Color);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Success_Handle_Background_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Border_Color)}.fd-switch--semantic[class*=-compact],.fd-switch--semantic[class*=-condensed],[class*=-compact] .fd-switch--semantic:not([class*=-cozy]),[class*=-condensed] .fd-switch--semantic:not([class*=-cozy]){--fdSwitch_Width:var(--fdSwitch_Compact_Semantic_Width);--fdSwitch_Height:var(--fdSwitch_Compact_Semantic_Height);--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Handle_Offset),-50%);padding:.1875rem 0}.fd-switch--semantic[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset)*-1),-50%)}.fd-switch--semantic.is-hover,.fd-switch--semantic:hover{--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Hover_Error_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Hover_Error_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Error_Handle_Hover_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Error_Handle_Hover_Border_Color);--fdSwitch_Semantic_Handle_Error_Color:var(--fdSwitch_Semantic_Hover_Error_Color);--fdSwitch_Semantic_Handle_Success_Color:var(--fdSwitch_Semantic_Hover_Success_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Hover_Error_Border_Color)}.fd-switch--semantic.is-hover .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic:hover .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Hover_Success_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Hover_Success_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Success_Handle_Hover_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Hover_Border_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Hover_Success_Border_Color)}.fd-switch--semantic[dir=rtl],[dir=rtl] .fd-switch--semantic{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Semantic_Handle_Offset),-50%)}.fd-switch--semantic[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Semantic_Handle_Active_Offset),-50%)}.fd-switch--semantic[dir=rtl][class*=-compact],.fd-switch--semantic[dir=rtl][class*=-condensed],[class*=-compact] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]),[class*=-compact] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]),[class*=-condensed] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]),[class*=-condensed] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]),[dir=rtl] .fd-switch--semantic[class*=-compact],[dir=rtl] .fd-switch--semantic[class*=-condensed]{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Semantic_Handle_Offset)*-1),-50%)}.fd-switch--semantic[dir=rtl][class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic[dir=rtl][class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset),-50%)}.fd-switch-custom{display:block}.fd-switch__invisible-text{display:none!important}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<label\n    class=\"fd-switch fd-switch-no-animate\"\n    (click)=\"focus()\"\n    [style.cursor]=\"disabled ? 'auto' : 'pointer'\"\n    [class.is-compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-switch--semantic]=\"semantic\"\n    [class.is-disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel\"\n    #switchEl\n>\n    <span *ngIf=\"isChecked ? activeText : inactiveText as text\" class=\"fd-switch__text\">\n        {{ text }}\n    </span>\n    <span class=\"fd-switch__control\">\n        <input\n            #switchInput\n            class=\"fd-switch__input\"\n            type=\"checkbox\"\n            role=\"switch\"\n            [id]=\"innerInputId\"\n            [name]=\"name\"\n            [disabled]=\"disabled\"\n            [attr.aria-required]=\"required\"\n            [attr.aria-checked]=\"checked\"\n            [attr.aria-labelledby]=\"ariaLabelledBy + ' ' + (semantic ? _semanticLabelId : '')\"\n            [(ngModel)]=\"isChecked\"\n        />\n        <div class=\"fd-switch__slider\">\n            <div class=\"fd-switch__track\" aria-hidden=\"true\">\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon fd-switch__icon--on sap-icon--accept\"\n                ></i>\n                <span class=\"fd-switch__handle\" role=\"presentation\"></span>\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon--off fd-switch__icon sap-icon--decline\"\n                ></i>\n            </div>\n\n            <span *ngIf=\"semantic\" [id]=\"_semanticLabelId\" aria-hidden=\"true\" class=\"fd-switch__invisible-text\">\n                {{\n                    checked\n                        ? semanticAcceptLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                        : semanticDeclineLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                }}\n            </span>\n        </div>\n    </span>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-switch+(--no-border)\n    .fd-switch__content+()\n    .fd-switch__title+()\n*/.fd-switch{-webkit-box-sizing:border-box;-ms-flex-item-align:start;-webkit-box-align:center;-ms-flex-align:center;--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Handle_Offset)*-1),-50%);align-items:center;align-self:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-width:100%;overflow:hidden;overflow:initial;padding:0;padding:var(--fdSwitch_Padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-switch:after,.fd-switch:before{box-sizing:inherit;font-size:inherit}.fd-switch[dir=rtl],[dir=rtl] .fd-switch{margin-left:.5rem;margin-right:0}.fd-switch.is-disabled,.fd-switch:disabled,.fd-switch[aria-disabled=true]{cursor:auto}.fd-switch__control{display:inline-block;position:relative}.fd-switch__slider{-webkit-box-sizing:border-box;-webkit-box-sizing:content-box;-webkit-transition:all .1s;-webkit-box-shadow:var(--fdSwitch_Shadow);background-color:var(--fdSwitch_Track_Background);border:0;border:var(--fdSwitch_Border);border-color:var(--fdSwitch_Border_Color);border-radius:var(--fdSwitch_Border_Radius);box-shadow:var(--fdSwitch_Shadow);box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSwitch_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:all .1s;width:var(--fdSwitch_Width)}.fd-switch__slider:after,.fd-switch__slider:before{box-sizing:inherit;font-size:inherit}.fd-switch__track{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .1s;-webkit-transform:var(--fdSwitch_Track_Offset);align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:4.25rem;padding:0;position:absolute;top:50%;transform:var(--fdSwitch_Track_Offset);transition:all .1s}.fd-switch__track:after,.fd-switch__track:before{box-sizing:inherit;font-size:inherit}.fd-switch .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Active_Handle_Offset)*-1),-50%)}.fd-switch__text{-webkit-box-sizing:border-box;align-self:flex-start;align-self:auto;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;max-width:100%;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-switch__text:after,.fd-switch__text:before{box-sizing:inherit;font-size:inherit}.fd-switch__text[dir=rtl],[dir=rtl] .fd-switch__text{margin-left:.5rem;margin-right:0}.fd-switch__icon{position:var(--fdSwitch_Semantic_Icon_Position)}.fd-switch__icon [class*=sap-icon],.fd-switch__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:visibility 0s ease .03s,opacity 0s ease .03s;align-items:center;display:flex;font-size:var(--fdSwitch_Icon_Size);justify-content:center;line-height:1.375rem;min-width:1.75rem;transition:visibility 0s ease .03s,opacity 0s ease .03s;width:1.75rem}.fd-switch__icon--off [class*=sap-icon],.fd-switch__icon--off[class*=sap-icon]{color:var(--fdSwitch_Semantic_Handle_Error_Color);margin:var(--fdSwitch_Icon_Error_Margin)}.fd-switch__icon--on [class*=sap-icon],.fd-switch__icon--on[class*=sap-icon]{color:var(--fdSwitch_Semantic_Handle_Success_Color);margin:var(--fdSwitch_Icon_Success_Margin);opacity:0;visibility:hidden}.fd-switch__handle{-webkit-box-sizing:border-box;-webkit-box-sizing:var(--fdSwitch_Slider_Box_Sizing);background-clip:padding-box;background-color:var(--fdSwitch_Handle_Background);border:0;border:var(--fdSwitch_Handle_Border_Width) solid var(--fdSwitch_Handle_Border_Color);border-radius:var(--fdSwitch_Handle_Border_Radius);box-sizing:border-box;box-sizing:var(--fdSwitch_Slider_Box_Sizing);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdSwitch_Handle_Height);min-width:var(--fdSwitch_Handle_Width);padding:0}.fd-switch__handle:after,.fd-switch__handle:before{box-sizing:inherit;font-size:inherit}.fd-switch__input{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:0;line-height:var(--sapContent_LineHeight);margin:0;opacity:0;padding:0;position:absolute;width:0}.fd-switch__input:after,.fd-switch__input:before{box-sizing:inherit;display:none;font-size:inherit}.fd-switch__input:active,.fd-switch__input:hover{border-color:transparent}.fd-switch.is-disabled,.fd-switch:disabled,.fd-switch[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-switch__input:focus+.fd-switch__slider:before{border-color:var(--sapContent_FocusColor);border-radius:var(--fdSwitch_Focus_Outline_Border_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdSwitch_Focus_Outline_Vertical_Offset);content:\"\";display:block;left:var(--fdSwitch_Focus_Outline_Horizontal_Offset);position:absolute;right:var(--fdSwitch_Focus_Outline_Horizontal_Offset);top:var(--fdSwitch_Focus_Outline_Vertical_Offset)}.fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--sapButton_Track_Selected_Background);--fdSwitch_Shadow:var(--fdSwitch_Active_Shadow);--fdSwitch_Handle_Background:var(--sapButton_Selected_Background);--fdSwitch_Handle_Border_Color:var(--sapButton_Selected_BorderColor);--fdSwitch_Border_Color:var(--sapButton_Selected_BorderColor)}.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--off [class*=sap-icon],.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--off[class*=sap-icon]{opacity:0;visibility:hidden}.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--on [class*=sap-icon],.fd-switch__input:checked+.fd-switch__slider .fd-switch__icon--on[class*=sap-icon]{opacity:1;visibility:visible}.fd-switch[dir=rtl],[dir=rtl] .fd-switch{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Handle_Offset),-50%)}.fd-switch[dir=rtl] .fd-switch__icon--on,[dir=rtl] .fd-switch .fd-switch__icon--on{margin:var(--fdSwitch_Icon_Error_Margin)}.fd-switch[dir=rtl] .fd-switch__icon--off,[dir=rtl] .fd-switch .fd-switch__icon--off{margin:var(--fdSwitch_Icon_Success_Margin)}.fd-switch[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Active_Handle_Offset),-50%)}.fd-switch.is-hover,.fd-switch:hover{--fdSwitch_Track_Background:var(--fdSwitch_On_Hover_Slider_Background);--fdSwitch_Shadow:var(--fdSwitch_On_Hover_Slider_Shadow);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Handle_Hover_Border_Color);--fdSwitch_Handle_Background:var(--fdSwitch_Hover_Handle_Background);--fdSwitch_Border_Color:var(--fdSwitch_On_Hover_Slider_Border)}.fd-switch.is-hover .fd-switch__input:checked+.fd-switch__slider,.fd-switch:hover .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--fdSwitch_On_Hover_Slider_Active_Background);--fdSwitch_Shadow:var(--fdSwitch_On_Hover_Slider_Active_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Hover_Handle_Active_Background);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Handle_Selected_Hover_Border_Color)}.fd-switch[class*=-compact],.fd-switch[class*=-condensed],[class*=-compact] .fd-switch:not([class*=-cozy]),[class*=-condensed] .fd-switch:not([class*=-cozy]){--fdSwitch_Padding:var(--fdSwitch_Compact_Padding);--fdSwitch_Handle_Width:var(--fdSwitch_Compact_Handle_Width);--fdSwitch_Handle_Height:var(--fdSwitch_Compact_Handle_Height);--fdSwitch_Width:var(--fdSwitch_Compact_Width);--fdSwitch_Height:var(--fdSwitch_Compact_Height);--fdSwitch_Icon_Size:var(--fdSwitch_Compact_Icon_Size);--fdSwitch_Track_Offset:translate(-.8125rem,-50%)}.fd-switch[class*=-compact] .fd-switch__track,.fd-switch[class*=-condensed] .fd-switch__track,[class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__track,[class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__track{min-width:3.125rem}.fd-switch[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Active_Handle_Offset)*-1),-50%)}.fd-switch[class*=-compact][dir=rtl],.fd-switch[class*=-condensed][dir=rtl],[class*=-compact] .fd-switch:not([class*=-cozy])[dir=rtl],[class*=-condensed] .fd-switch:not([class*=-cozy])[dir=rtl],[dir=rtl] .fd-switch[class*=-compact],[dir=rtl] .fd-switch[class*=-condensed],[dir=rtl] [class*=-compact] .fd-switch:not([class*=-cozy]),[dir=rtl] [class*=-condensed] .fd-switch:not([class*=-cozy]){--fdSwitch_Track_Offset:translate(.8125rem,-50%)}.fd-switch[class*=-compact][dir=rtl] .fd-switch__input:checked+.fd-switch__slider,.fd-switch[class*=-condensed][dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch:not([class*=-cozy])[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch:not([class*=-cozy])[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] [class*=-compact] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] [class*=-condensed] .fd-switch:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset_Rtl),-50%)}.fd-switch--semantic{--fdSwitch_Width:var(--fdSwitch_Semantic_Width);--fdSwitch_Height:var(--fdSwitch_Semantic_Height);--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Error_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Error_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Error_Handle_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Error_Handle_Border_Color);--fdSwitch_Border_Color:var(--sapErrorBorderColor);--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Semantic_Handle_Offset)*-1),-50%)}.fd-switch--semantic .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Semantic_Handle_Active_Offset)*-1),-50%);--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Success_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Success_Box_Shadow);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Border_Color);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Success_Handle_Background_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Border_Color)}.fd-switch--semantic[class*=-compact],.fd-switch--semantic[class*=-condensed],[class*=-compact] .fd-switch--semantic:not([class*=-cozy]),[class*=-condensed] .fd-switch--semantic:not([class*=-cozy]){--fdSwitch_Width:var(--fdSwitch_Compact_Semantic_Width);--fdSwitch_Height:var(--fdSwitch_Compact_Semantic_Height);--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Handle_Offset),-50%);padding:.1875rem 0}.fd-switch--semantic[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset)*-1),-50%)}.fd-switch--semantic.is-hover,.fd-switch--semantic:hover{--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Hover_Error_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Hover_Error_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Error_Handle_Hover_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Error_Handle_Hover_Border_Color);--fdSwitch_Semantic_Handle_Error_Color:var(--fdSwitch_Semantic_Hover_Error_Color);--fdSwitch_Semantic_Handle_Success_Color:var(--fdSwitch_Semantic_Hover_Success_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Hover_Error_Border_Color)}.fd-switch--semantic.is-hover .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic:hover .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Background:var(--fdSwitch_Semantic_Hover_Success_Background_Color);--fdSwitch_Shadow:var(--fdSwitch_Semantic_Hover_Success_Box_Shadow);--fdSwitch_Handle_Background:var(--fdSwitch_Semantic_Success_Handle_Hover_Background_Color);--fdSwitch_Handle_Border_Color:var(--fdSwitch_Semantic_Success_Handle_Hover_Border_Color);--fdSwitch_Border_Color:var(--fdSwitch_Semantic_Hover_Success_Border_Color)}.fd-switch--semantic[dir=rtl],[dir=rtl] .fd-switch--semantic{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Semantic_Handle_Offset),-50%)}.fd-switch--semantic[dir=rtl] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Semantic_Handle_Active_Offset),-50%)}.fd-switch--semantic[dir=rtl][class*=-compact],.fd-switch--semantic[dir=rtl][class*=-condensed],[class*=-compact] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]),[class*=-compact] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]),[class*=-condensed] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]),[class*=-condensed] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]),[dir=rtl] .fd-switch--semantic[class*=-compact],[dir=rtl] .fd-switch--semantic[class*=-condensed]{--fdSwitch_Track_Offset:translate(calc(var(--fdSwitch_Compact_Semantic_Handle_Offset)*-1),-50%)}.fd-switch--semantic[dir=rtl][class*=-compact] .fd-switch__input:checked+.fd-switch__slider,.fd-switch--semantic[dir=rtl][class*=-condensed] .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-compact] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] .fd-switch--semantic[dir=rtl]:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[class*=-condensed] [dir=rtl] .fd-switch--semantic:not([class*=-cozy]) .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic[class*=-compact] .fd-switch__input:checked+.fd-switch__slider,[dir=rtl] .fd-switch--semantic[class*=-condensed] .fd-switch__input:checked+.fd-switch__slider{--fdSwitch_Track_Offset:translate(var(--fdSwitch_Compact_Semantic_Active_Handle_Offset),-50%)}.fd-switch-custom{display:block}.fd-switch__invisible-text{display:none!important}.fd-switch-no-animate *{transition:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ContentDensityObserver }]; }, propDecorators: { inputElement: [{
                 type: ViewChild,
                 args: ['switchInput']
@@ -168,6 +173,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], checkedChange: [{
                 type: Output
+            }], _switchLabelWrapperEl: [{
+                type: ViewChild,
+                args: ['switchEl', { read: ElementRef }]
             }] } });
 
 class DeprecatedSwitchCompactDirective extends DeprecatedCompactDirective {

package/fesm2015/fundamental-ngx-core-switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-switch.mjs","sources":["../../../../libs/core/src/lib/switch/switch.component.ts","../../../../libs/core/src/lib/switch/switch.component.html","../../../../libs/core/src/lib/switch/deprecated-switch-compact.directive.ts","../../../../libs/core/src/lib/switch/switch.module.ts","../../../../libs/core/src/lib/switch/fundamental-ngx-core-switch.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Input,\n    isDevMode,\n    OnDestroy,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { FormItemControl, registerFormItemControl } from '@fundamental-ngx/core/form';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nlet switchUniqueId = 0;\nlet warnedAboutAriaLabeledBy = false;\n\n/**\n * The Switch component is used to activate or deactivate an element.\n * It uses a visual metaphor to inform the user of the state of the switch.\n */\n@Component({\n    selector: 'fd-switch',\n    templateUrl: './switch.component.html',\n    styleUrls: ['./switch.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => SwitchComponent),\n            multi: true\n        },\n        registerFormItemControl(SwitchComponent),\n        contentDensityObserverProviders()\n    ],\n    host: {\n        class: 'fd-form__item fd-form__item--check fd-switch-custom',\n        '[attr.id]': 'id',\n        '(focusout)': 'onTouched()'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SwitchComponent implements ControlValueAccessor, OnDestroy, FormItemControl {\n    /** @hidden */\n    @ViewChild('switchInput')\n    inputElement: ElementRef<HTMLInputElement>;\n\n    /** Optional text for the active state of the switch. */\n    @Input()\n    activeText = '';\n\n    /** Optional text for the inactive state of the switch. */\n    @Input()\n    inactiveText = '';\n\n    /** Whether the switch is disabled. */\n    @Input()\n    disabled = false;\n\n    /** Id for the switch component. If omitted, a unique one is generated. */\n    @Input()\n    id = `fd-switch-${switchUniqueId++}`;\n\n    /** Sets input name attribute. */\n    @Input()\n    name: string;\n\n    /** If it is mandatory field */\n    @Input()\n    required = false;\n\n    /** Whether the switch is checked. */\n    @Input()\n    checked = false;\n\n    /** Whether the switch is semantic */\n    @Input()\n    semantic = false;\n\n    /** aria-label attribute of the inner input element. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** @deprecated renamed to \"ariaLabelledBy\" */\n    @Input()\n    set ariaLabelledby(value: Nullable<string>) {\n        if (isDevMode() && !warnedAboutAriaLabeledBy) {\n            console.warn('fd-switch[ariaLabelledby] is deprecated. Use fd-switch[ariaLabelledBy] instead');\n            warnedAboutAriaLabeledBy = true;\n        }\n        this.ariaLabelledBy = value;\n    }\n\n    /** aria-labelledby attribute of the inner input element. */\n    @Input()\n    ariaLabelledBy: Nullable<string>;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Semantic Label Accept set for Accessibility\n     */\n    @Input()\n    semanticAcceptLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Semantic Label Decline set for Accessibility\n     */\n    @Input()\n    semanticDeclineLabel: string;\n\n    /**\n     * Event fired when the state of the switch changes.\n     * *$event* can be used to retrieve the new state of the switch.\n     */\n    @Output()\n    readonly checkedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    onChange: (value: boolean) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /** @hidden */\n    constructor(\n        private readonly _changeDetectorRef: ChangeDetectorRef,\n        readonly _contentDensityObserver: ContentDensityObserver\n    ) {}\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** Set focus on the input element. */\n    focus(): void {\n        this.inputElement.nativeElement.focus();\n    }\n\n    /** Get the id of the inner input element of the switch. */\n    get innerInputId(): string {\n        return `${this.id}-input`;\n    }\n\n    /** Get the id of the semantic label element of the switch. */\n    get _semanticLabelId(): string {\n        return `${this.id}-semantic-label`;\n    }\n\n    /** Checked property of the switch. */\n    set isChecked(value) {\n        this.checked = value;\n        this.onChange(value);\n        this.checkedChange.emit(value);\n    }\n    get isChecked(): boolean {\n        return this.checked;\n    }\n\n    /**\n     * @hidden\n     * @param value Sets the value of the *checked* property of the switch.\n     */\n    writeValue(value: any): void {\n        this.checked = value;\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * @hidden\n     * @param fn User defined function that handles the *onChange* event of the switch.\n     */\n    registerOnChange(fn: (value: boolean) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * @hidden\n     * @param fn User defined function that handles the *onTouch* event of the switch.\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * @hidden\n     * @param isDisabled Sets the value of the *disabled* property of the switch.\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this._changeDetectorRef.detectChanges();\n    }\n}\n","<label\n    class=\"fd-switch\"\n    (click)=\"focus()\"\n    [style.cursor]=\"disabled ? 'auto' : 'pointer'\"\n    [class.is-compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-switch--semantic]=\"semantic\"\n    [class.is-disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel\"\n>\n    <span *ngIf=\"isChecked ? activeText : inactiveText as text\" class=\"fd-switch__text\">\n        {{ text }}\n    </span>\n    <span class=\"fd-switch__control\">\n        <input\n            #switchInput\n            class=\"fd-switch__input\"\n            type=\"checkbox\"\n            role=\"switch\"\n            [id]=\"innerInputId\"\n            [name]=\"name\"\n            [disabled]=\"disabled\"\n            [attr.aria-required]=\"required\"\n            [attr.aria-checked]=\"checked\"\n            [attr.aria-labelledby]=\"ariaLabelledBy + ' ' + (semantic ? _semanticLabelId : '')\"\n            [(ngModel)]=\"isChecked\"\n        />\n        <div class=\"fd-switch__slider\">\n            <div class=\"fd-switch__track\" aria-hidden=\"true\">\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon fd-switch__icon--on sap-icon--accept\"\n                ></i>\n                <span class=\"fd-switch__handle\" role=\"presentation\"></span>\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon--off fd-switch__icon sap-icon--decline\"\n                ></i>\n            </div>\n\n            <span *ngIf=\"semantic\" [id]=\"_semanticLabelId\" aria-hidden=\"true\" class=\"fd-switch__invisible-text\">\n                {{\n                    checked\n                        ? semanticAcceptLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                        : semanticDeclineLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                }}\n            </span>\n        </div>\n    </span>\n</label>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-switch[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedSwitchCompactDirective)\n        }\n    ]\n})\nexport class DeprecatedSwitchCompactDirective extends DeprecatedCompactDirective {\n    /** @hidden */\n    constructor() {\n        super('fd-switch');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SwitchComponent } from './switch.component';\nimport { I18nModule } from '@fundamental-ngx/i18n';\nimport { FormsModule } from '@angular/forms';\nimport { DeprecatedSwitchCompactDirective } from './deprecated-switch-compact.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    declarations: [SwitchComponent, DeprecatedSwitchCompactDirective],\n    imports: [CommonModule, FormsModule, ContentDensityModule, I18nModule],\n    exports: [SwitchComponent, DeprecatedSwitchCompactDirective, ContentDensityModule]\n})\nexport class SwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-switch.mjs","sources":["../../../../libs/core/src/lib/switch/switch.component.ts","../../../../libs/core/src/lib/switch/switch.component.html","../../../../libs/core/src/lib/switch/deprecated-switch-compact.directive.ts","../../../../libs/core/src/lib/switch/switch.module.ts","../../../../libs/core/src/lib/switch/fundamental-ngx-core-switch.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Input,\n    isDevMode,\n    OnDestroy,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { FormItemControl, registerFormItemControl } from '@fundamental-ngx/core/form';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nlet switchUniqueId = 0;\nlet warnedAboutAriaLabeledBy = false;\n\n/**\n * The Switch component is used to activate or deactivate an element.\n * It uses a visual metaphor to inform the user of the state of the switch.\n */\n@Component({\n    selector: 'fd-switch',\n    templateUrl: './switch.component.html',\n    styleUrls: ['./switch.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => SwitchComponent),\n            multi: true\n        },\n        registerFormItemControl(SwitchComponent),\n        contentDensityObserverProviders()\n    ],\n    host: {\n        class: 'fd-form__item fd-form__item--check fd-switch-custom',\n        '[attr.id]': 'id',\n        '(focusout)': 'onTouched()'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SwitchComponent implements ControlValueAccessor, OnDestroy, FormItemControl {\n    /** @hidden */\n    @ViewChild('switchInput')\n    inputElement: ElementRef<HTMLInputElement>;\n\n    /** Optional text for the active state of the switch. */\n    @Input()\n    activeText = '';\n\n    /** Optional text for the inactive state of the switch. */\n    @Input()\n    inactiveText = '';\n\n    /** Whether the switch is disabled. */\n    @Input()\n    disabled = false;\n\n    /** Id for the switch component. If omitted, a unique one is generated. */\n    @Input()\n    id = `fd-switch-${switchUniqueId++}`;\n\n    /** Sets input name attribute. */\n    @Input()\n    name: string;\n\n    /** If it is mandatory field */\n    @Input()\n    required = false;\n\n    /** Whether the switch is checked. */\n    @Input()\n    checked = false;\n\n    /** Whether the switch is semantic */\n    @Input()\n    semantic = false;\n\n    /** aria-label attribute of the inner input element. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** @deprecated renamed to \"ariaLabelledBy\" */\n    @Input()\n    set ariaLabelledby(value: Nullable<string>) {\n        if (isDevMode() && !warnedAboutAriaLabeledBy) {\n            console.warn('fd-switch[ariaLabelledby] is deprecated. Use fd-switch[ariaLabelledBy] instead');\n            warnedAboutAriaLabeledBy = true;\n        }\n        this.ariaLabelledBy = value;\n    }\n\n    /** aria-labelledby attribute of the inner input element. */\n    @Input()\n    ariaLabelledBy: Nullable<string>;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Semantic Label Accept set for Accessibility\n     */\n    @Input()\n    semanticAcceptLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Semantic Label Decline set for Accessibility\n     */\n    @Input()\n    semanticDeclineLabel: string;\n\n    /**\n     * Event fired when the state of the switch changes.\n     * *$event* can be used to retrieve the new state of the switch.\n     */\n    @Output()\n    readonly checkedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /** @hidden */\n    @ViewChild('switchEl', { read: ElementRef })\n    _switchLabelWrapperEl: ElementRef;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    onChange: (value: boolean) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /** @hidden */\n    constructor(\n        private readonly _changeDetectorRef: ChangeDetectorRef,\n        readonly _contentDensityObserver: ContentDensityObserver\n    ) {}\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** Set focus on the input element. */\n    focus(): void {\n        this.inputElement.nativeElement.focus();\n    }\n\n    /** Get the id of the inner input element of the switch. */\n    get innerInputId(): string {\n        return `${this.id}-input`;\n    }\n\n    /** Get the id of the semantic label element of the switch. */\n    get _semanticLabelId(): string {\n        return `${this.id}-semantic-label`;\n    }\n\n    /** Checked property of the switch. */\n    set isChecked(value) {\n        this._switchLabelWrapperEl.nativeElement.classList.remove('fd-switch-no-animate');\n        this.checked = value;\n        this.onChange(value);\n        this.checkedChange.emit(value);\n        setTimeout(() => {\n            // add the no-animate class after the transition duration, 100ms\n            this._switchLabelWrapperEl.nativeElement.classList.add('fd-switch-no-animate');\n        }, 100);\n    }\n    get isChecked(): boolean {\n        return this.checked;\n    }\n\n    /**\n     * @hidden\n     * @param value Sets the value of the *checked* property of the switch.\n     */\n    writeValue(value: any): void {\n        this.checked = value;\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /**\n     * @hidden\n     * @param fn User defined function that handles the *onChange* event of the switch.\n     */\n    registerOnChange(fn: (value: boolean) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * @hidden\n     * @param fn User defined function that handles the *onTouch* event of the switch.\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /**\n     * @hidden\n     * @param isDisabled Sets the value of the *disabled* property of the switch.\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this._changeDetectorRef.detectChanges();\n    }\n}\n","<label\n    class=\"fd-switch fd-switch-no-animate\"\n    (click)=\"focus()\"\n    [style.cursor]=\"disabled ? 'auto' : 'pointer'\"\n    [class.is-compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-switch--semantic]=\"semantic\"\n    [class.is-disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel\"\n    #switchEl\n>\n    <span *ngIf=\"isChecked ? activeText : inactiveText as text\" class=\"fd-switch__text\">\n        {{ text }}\n    </span>\n    <span class=\"fd-switch__control\">\n        <input\n            #switchInput\n            class=\"fd-switch__input\"\n            type=\"checkbox\"\n            role=\"switch\"\n            [id]=\"innerInputId\"\n            [name]=\"name\"\n            [disabled]=\"disabled\"\n            [attr.aria-required]=\"required\"\n            [attr.aria-checked]=\"checked\"\n            [attr.aria-labelledby]=\"ariaLabelledBy + ' ' + (semantic ? _semanticLabelId : '')\"\n            [(ngModel)]=\"isChecked\"\n        />\n        <div class=\"fd-switch__slider\">\n            <div class=\"fd-switch__track\" aria-hidden=\"true\">\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon fd-switch__icon--on sap-icon--accept\"\n                ></i>\n                <span class=\"fd-switch__handle\" role=\"presentation\"></span>\n                <i\n                    *ngIf=\"semantic\"\n                    role=\"presentation\"\n                    class=\"fd-switch__icon--off fd-switch__icon sap-icon--decline\"\n                ></i>\n            </div>\n\n            <span *ngIf=\"semantic\" [id]=\"_semanticLabelId\" aria-hidden=\"true\" class=\"fd-switch__invisible-text\">\n                {{\n                    checked\n                        ? semanticAcceptLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                        : semanticDeclineLabel || ('coreSwitch.semanticAcceptLabel' | fdTranslate)\n                }}\n            </span>\n        </div>\n    </span>\n</label>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-switch[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedSwitchCompactDirective)\n        }\n    ]\n})\nexport class DeprecatedSwitchCompactDirective extends DeprecatedCompactDirective {\n    /** @hidden */\n    constructor() {\n        super('fd-switch');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SwitchComponent } from './switch.component';\nimport { I18nModule } from '@fundamental-ngx/i18n';\nimport { FormsModule } from '@angular/forms';\nimport { DeprecatedSwitchCompactDirective } from './deprecated-switch-compact.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    declarations: [SwitchComponent, DeprecatedSwitchCompactDirective],\n    imports: [CommonModule, FormsModule, ContentDensityModule, I18nModule],\n    exports: [SwitchComponent, DeprecatedSwitchCompactDirective, ContentDensityModule]\n})\nexport class SwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/fundamental-ngx-core-tabs.mjs

@@ -291,6 +291,12 @@ class TabPanelComponent {
         }
     }
     /** @hidden */
+    _focusFirstFocusableElement() {
+        var _a;
+        (_a = this.elementRef.nativeElement
+            .querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+    }
+    /** @hidden */
     _updateHost() {
         this._expandedClass = this.expanded;
     }
@@ -594,6 +600,8 @@ class TabListComponent {
         this.collapsibleTabs = false;
         /** Whether to try to keep selected tab (default value) on tabs change or to select default one (first if not specified). */
         this.selectDefaultOnTabsChange = false;
+        /** Whether to focus the first focusable element in a tab panel when using stacked tabs. */
+        this.focusFirstFocusableElement = true;
         /** Event emitted when the selected panel changes. */
         this.selectedTabChange = new EventEmitter();
         /** Event emitted when visible items count has been changed. */
@@ -771,6 +779,9 @@ class TabListComponent {
                 .subscribe(() => (this._disableScrollSpy = false));
             scrollTop(containerElement, distanceToScroll);
         }
+        if (this.focusFirstFocusableElement) {
+            tabPanel._focusFirstFocusableElement();
+        }
     }
     /** @hidden Whether tab can be expanded/collapsed */
     _canChangeExpandState(tabPanel, expand) {
@@ -778,7 +789,7 @@ class TabListComponent {
     }
 }
 TabListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.ContentDensityObserver }, { token: i2$1.DestroyedService }], target: i0.ɵɵFactoryTarget.Component });
-TabListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TabListComponent, selector: "fd-tab-list", inputs: { size: "size", mode: "mode", collapseOverflow: "collapseOverflow", maxVisibleTabs: "maxVisibleTabs", stackContent: "stackContent", maxContentHeight: "maxContentHeight", collapsibleTabs: "collapsibleTabs", expandOverflowText: "expandOverflowText", defaultTab: "defaultTab", selectDefaultOnTabsChange: "selectDefaultOnTabsChange" }, outputs: { selectedTabChange: "selectedTabChange", visibleItemsCount: "visibleItemsCount", hiddenItemsCount: "hiddenItemsCount" }, host: { classAttribute: "fd-tabs-custom" }, providers: [
+TabListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TabListComponent, selector: "fd-tab-list", inputs: { size: "size", mode: "mode", collapseOverflow: "collapseOverflow", maxVisibleTabs: "maxVisibleTabs", stackContent: "stackContent", maxContentHeight: "maxContentHeight", collapsibleTabs: "collapsibleTabs", expandOverflowText: "expandOverflowText", defaultTab: "defaultTab", selectDefaultOnTabsChange: "selectDefaultOnTabsChange", focusFirstFocusableElement: "focusFirstFocusableElement" }, outputs: { selectedTabChange: "selectedTabChange", visibleItemsCount: "visibleItemsCount", hiddenItemsCount: "hiddenItemsCount" }, host: { classAttribute: "fd-tabs-custom" }, providers: [
         contentDensityObserverProviders(),
         DestroyedService,
         {
@@ -818,6 +829,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], selectDefaultOnTabsChange: [{
                 type: Input
+            }], focusFirstFocusableElement: [{
+                type: Input
             }], selectedTabChange: [{
                 type: Output
             }], visibleItemsCount: [{