@fundamental-ngx/core 0.59.1-rc.9 → 0.59.1

package/fesm2022/fundamental-ngx-core-object-marker.mjs

@@ -1,72 +1,82 @@
-import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import { applyCssClass } from '@fundamental-ngx/cdk/utils';
+import { input, inject, ElementRef, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { FD_DEFAULT_ICON_FONT_FAMILY, IconComponent } from '@fundamental-ngx/core/icon';
+import { resolveTranslationSignal } from '@fundamental-ngx/i18n';
 
+let objectMarkerId = 0;
 class ObjectMarkerComponent {
-    /** @hidden */
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor() {
+        /**
+         * Object Marker ID
+         * If not set, a default value is provided
+         */
+        this.id = input('fd-object-marker-' + ++objectMarkerId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+        /** Sets aria-labelledby attribute for object marker */
+        this.ariaLabelledBy = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : []));
+        /** Status text for the Object Status. */
+        this.statusText = input(...(ngDevMode ? [undefined, { debugName: "statusText" }] : []));
+        /** Glyph (icon) of the Object Status.*/
+        this.glyph = input(...(ngDevMode ? [undefined, { debugName: "glyph" }] : []));
         /** Glyph font family */
-        this.glyphFont = FD_DEFAULT_ICON_FONT_FAMILY;
+        this.glyphFont = input(FD_DEFAULT_ICON_FONT_FAMILY, ...(ngDevMode ? [{ debugName: "glyphFont" }] : []));
         /** Whether the Object Status is clickable. */
-        this.clickable = false;
+        this.clickable = input(false, ...(ngDevMode ? [{ debugName: "clickable" }] : []));
+        /** Define the text content of the Object Status */
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        /** Title attribute for the Object Status */
+        this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+        /** @hidden */
+        this.elementRef = inject(ElementRef);
+        /** Computed ID for the screen-reader only element */
+        this.srOnlyId = computed(() => `${this.id()}-sr-only`, ...(ngDevMode ? [{ debugName: "srOnlyId" }] : []));
+        /** Computed ID for the label element */
+        this.labelId = computed(() => `${this.id()}-label`, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+        /** Computed ID for the screen-reader only element for icon-only object marker */
+        this.srOnlyIconOnlyId = computed(() => `${this.id()}-sr-only-icon-only`, ...(ngDevMode ? [{ debugName: "srOnlyIconOnlyId" }] : []));
+        /** @hidden Role attribute for the object marker */
+        this.role = computed(() => this.clickable() ? 'link' : this.glyph() && !this.label() ? 'img' : undefined, ...(ngDevMode ? [{ debugName: "role" }] : []));
+        /** @hidden Role attribute for the icon */
+        this.iconRole = computed(() => (this.label() ? 'presentation' : undefined), ...(ngDevMode ? [{ debugName: "iconRole" }] : []));
+        /** @hidden Computed status text (uses custom or default) */
+        this.statusText$ = computed(() => this.statusText() ?? this._defaultStatusText(), ...(ngDevMode ? [{ debugName: "statusText$" }] : []));
+        /** @hidden Computed title for icon (only when no label exists) */
+        this.iconTitle = computed(() => {
+            if (!this.glyph() || this.label()) {
+                return undefined;
+            }
+            return this.title() ?? this.glyph();
+        }, ...(ngDevMode ? [{ debugName: "iconTitle" }] : []));
+        /** @hidden Computed aria-labelledby attribute */
+        this.computedAriaLabelledBy = computed(() => {
+            if (this.ariaLabelledBy()) {
+                return this.ariaLabelledBy();
+            }
+            if (this.glyph() && !this.label()) {
+                return `${this.srOnlyId()} ${this.srOnlyIconOnlyId()}`;
+            }
+            return `${this.srOnlyId()} ${this.labelId()}`;
+        }, ...(ngDevMode ? [{ debugName: "computedAriaLabelledBy" }] : []));
+        /** @hidden Translation signal for active state */
+        this._activeStatusText = resolveTranslationSignal('coreObjectMarker.active');
+        /** @hidden Translation signal for inactive state */
+        this._inactiveStatusText = resolveTranslationSignal('coreObjectMarker.inactive');
+        /** @hidden Default status text for the Object Marker. */
+        this._defaultStatusText = computed(() => this.clickable() ? this._activeStatusText() : this._inactiveStatusText(), ...(ngDevMode ? [{ debugName: "_defaultStatusText" }] : []));
     }
-    /** @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass() {
-        return ['fd-object-marker', this.clickable ? 'fd-object-marker--link' : '', this.class];
-    }
-    /** @hidden */
-    ngOnChanges() {
-        this.buildComponentCssClass();
-    }
-    /** @hidden */
-    ngOnInit() {
-        this.buildComponentCssClass();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ObjectMarkerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ObjectMarkerComponent, isStandalone: true, selector: "[fd-object-marker]", inputs: { class: "class", glyph: "glyph", glyphFont: "glyphFont", clickable: "clickable", label: "label" }, host: { properties: { "attr.tabindex": "clickable ? 0 : -1", "attr.role": "clickable ? \"link\" :\"\"" } }, usesOnChanges: true, ngImport: i0, template: `@if (glyph) {
-            <fd-icon [glyph]="glyph" [font]="glyphFont" class="fd-object-marker__icon"></fd-icon>
-        }
-        @if (label) {
-            <span class="fd-object-marker__text">{{ label }}</span>
-        }
-        <ng-content></ng-content>`, isInline: true, styles: [".fd-object-marker{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-object-marker:after,.fd-object-marker:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-marker--link{color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;-webkit-text-decoration:var(--fdLink_Text_Decoration,none);text-decoration:var(--fdLink_Text_Decoration,none);-webkit-transition:all .125s ease-in;transition:all .125s ease-in}.fd-object-marker--link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-object-marker--link:visited{color:var(--sapLink_Visited_Color)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{color:var(--sapLink_Hover_Color)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{color:var(--sapLink_Active_Color)}.fd-object-marker--link.is-active.is-focus,.fd-object-marker--link.is-active:focus,.fd-object-marker--link:active.is-focus,.fd-object-marker--link:active:focus{background-color:transparent;z-index:5}.fd-object-marker--link--inverted{text-shadow:none}.fd-object-marker--link--inverted,.fd-object-marker--link--inverted.is-hover,.fd-object-marker--link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-object-marker--link--inverted.is-focus,.fd-object-marker--link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-object-marker--link--subtle{color:var(--sapLink_SubtleColor)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-object-marker--link>img{vertical-align:bottom}.fd-object-marker--link .fd-object-marker__text,.fd-object-marker--link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{z-index:5;--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-object-marker--link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-object-marker--link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-object-marker__icon [class*=sap-icon],.fd-object-marker__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;line-height:normal;-webkit-padding-end:.25rem;color:var(--sapContent_MarkerIconColor);padding-inline-end:.25rem}.fd-object-marker__icon [class*=sap-icon]:first-child:last-child,.fd-object-marker__icon[class*=sap-icon]:first-child:last-child{padding-inline:0}.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;word-break:break-word}.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:after,.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-marker+.fd-object-marker{-webkit-margin-start:.5rem;margin-inline-start:.5rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/object-marker.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ObjectMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ObjectMarkerComponent, isStandalone: true, selector: "[fd-object-marker]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, statusText: { classPropertyName: "statusText", publicName: "statusText", isSignal: true, isRequired: false, transformFunction: null }, glyph: { classPropertyName: "glyph", publicName: "glyph", isSignal: true, isRequired: false, transformFunction: null }, glyphFont: { classPropertyName: "glyphFont", publicName: "glyphFont", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-object-marker--link": "clickable()", "attr.id": "id()", "attr.tabindex": "clickable() ? 0 : -1", "attr.role": "role()", "attr.aria-labelledby": "computedAriaLabelledBy()" }, classAttribute: "fd-object-marker" }, ngImport: i0, template: "<span class=\"fd-object-marker__sr-only\" [id]=\"srOnlyId()\" [attr.aria-hidden]=\"true\">{{ statusText$() }}</span>\n\n@if (glyph()) {\n    <fd-icon\n        [glyph]=\"glyph()\"\n        [font]=\"glyphFont()\"\n        class=\"fd-object-marker__icon\"\n        [attr.role]=\"iconRole()\"\n        [attr.title]=\"iconTitle()\"\n        [ariaHidden]=\"true\"\n    ></fd-icon>\n}\n@if (label()) {\n    <span class=\"fd-object-marker__text\" [id]=\"labelId()\">{{ label() }}</span>\n}\n\n@if (glyph() && !label()) {\n    <span class=\"fd-object-marker__sr-only\" [id]=\"srOnlyIconOnlyId()\" [attr.aria-hidden]=\"true\">{{ iconTitle() }}</span>\n}\n<ng-content></ng-content>\n", styles: [".fd-object-marker{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-object-marker:after,.fd-object-marker:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-marker--link{color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;-webkit-text-decoration:var(--fdLink_Text_Decoration,none);text-decoration:var(--fdLink_Text_Decoration,none);-webkit-transition:all .125s ease-in;transition:all .125s ease-in}.fd-object-marker--link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-object-marker--link:visited{color:var(--sapLink_Visited_Color)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{color:var(--sapLink_Hover_Color)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{color:var(--sapLink_Active_Color)}.fd-object-marker--link.is-active.is-focus,.fd-object-marker--link.is-active:focus,.fd-object-marker--link:active.is-focus,.fd-object-marker--link:active:focus{background-color:transparent;z-index:5}.fd-object-marker--link--inverted{text-shadow:none}.fd-object-marker--link--inverted,.fd-object-marker--link--inverted.is-hover,.fd-object-marker--link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-object-marker--link--inverted.is-focus,.fd-object-marker--link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-object-marker--link--subtle{color:var(--sapLink_SubtleColor)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-object-marker--link>img{vertical-align:bottom}.fd-object-marker--link .fd-object-marker__text,.fd-object-marker--link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{z-index:5;--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-object-marker--link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-object-marker--link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-object-marker__icon [class*=sap-icon],.fd-object-marker__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;line-height:normal;-webkit-padding-end:.25rem;color:var(--sapContent_MarkerIconColor);padding-inline-end:.25rem}.fd-object-marker__icon [class*=sap-icon]:first-child:last-child,.fd-object-marker__icon[class*=sap-icon]:first-child:last-child{padding-inline:0}.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;word-break:break-word}.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:after,.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-marker+.fd-object-marker{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.fd-object-marker__sr-only{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;border:0;margin-inline:-1px;margin-block:-1px;padding-inline:0;padding-block:0;overflow:hidden;white-space:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/object-marker.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-__decorate([
-    applyCssClass,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Array)
-], ObjectMarkerComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ObjectMarkerComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fd-object-marker]', template: `@if (glyph) {
-            <fd-icon [glyph]="glyph" [font]="glyphFont" class="fd-object-marker__icon"></fd-icon>
-        }
-        @if (label) {
-            <span class="fd-object-marker__text">{{ label }}</span>
-        }
-        <ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[attr.tabindex]': 'clickable ? 0 : -1',
-                        '[attr.role]': 'clickable ? "link" :""'
-                    }, imports: [IconComponent], styles: [".fd-object-marker{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-object-marker:after,.fd-object-marker:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-marker--link{color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;-webkit-text-decoration:var(--fdLink_Text_Decoration,none);text-decoration:var(--fdLink_Text_Decoration,none);-webkit-transition:all .125s ease-in;transition:all .125s ease-in}.fd-object-marker--link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-object-marker--link:visited{color:var(--sapLink_Visited_Color)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{color:var(--sapLink_Hover_Color)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{color:var(--sapLink_Active_Color)}.fd-object-marker--link.is-active.is-focus,.fd-object-marker--link.is-active:focus,.fd-object-marker--link:active.is-focus,.fd-object-marker--link:active:focus{background-color:transparent;z-index:5}.fd-object-marker--link--inverted{text-shadow:none}.fd-object-marker--link--inverted,.fd-object-marker--link--inverted.is-hover,.fd-object-marker--link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-object-marker--link--inverted.is-focus,.fd-object-marker--link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-object-marker--link--subtle{color:var(--sapLink_SubtleColor)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-object-marker--link>img{vertical-align:bottom}.fd-object-marker--link .fd-object-marker__text,.fd-object-marker--link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{z-index:5;--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-object-marker--link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-object-marker--link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-object-marker__icon [class*=sap-icon],.fd-object-marker__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;line-height:normal;-webkit-padding-end:.25rem;color:var(--sapContent_MarkerIconColor);padding-inline-end:.25rem}.fd-object-marker__icon [class*=sap-icon]:first-child:last-child,.fd-object-marker__icon[class*=sap-icon]:first-child:last-child{padding-inline:0}.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;word-break:break-word}.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:after,.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-marker+.fd-object-marker{-webkit-margin-start:.5rem;margin-inline-start:.5rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/object-marker.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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*/\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { class: [{
-                type: Input
-            }], glyph: [{
-                type: Input
-            }], glyphFont: [{
-                type: Input
-            }], clickable: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], buildComponentCssClass: [] } });
+            args: [{ selector: '[fd-object-marker]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'fd-object-marker',
+                        '[class.fd-object-marker--link]': 'clickable()',
+                        '[attr.id]': 'id()',
+                        '[attr.tabindex]': 'clickable() ? 0 : -1',
+                        '[attr.role]': 'role()',
+                        '[attr.aria-labelledby]': 'computedAriaLabelledBy()'
+                    }, imports: [IconComponent], template: "<span class=\"fd-object-marker__sr-only\" [id]=\"srOnlyId()\" [attr.aria-hidden]=\"true\">{{ statusText$() }}</span>\n\n@if (glyph()) {\n    <fd-icon\n        [glyph]=\"glyph()\"\n        [font]=\"glyphFont()\"\n        class=\"fd-object-marker__icon\"\n        [attr.role]=\"iconRole()\"\n        [attr.title]=\"iconTitle()\"\n        [ariaHidden]=\"true\"\n    ></fd-icon>\n}\n@if (label()) {\n    <span class=\"fd-object-marker__text\" [id]=\"labelId()\">{{ label() }}</span>\n}\n\n@if (glyph() && !label()) {\n    <span class=\"fd-object-marker__sr-only\" [id]=\"srOnlyIconOnlyId()\" [attr.aria-hidden]=\"true\">{{ iconTitle() }}</span>\n}\n<ng-content></ng-content>\n", styles: [".fd-object-marker{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-object-marker:after,.fd-object-marker:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-marker--link{color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;-webkit-text-decoration:var(--fdLink_Text_Decoration,none);text-decoration:var(--fdLink_Text_Decoration,none);-webkit-transition:all .125s ease-in;transition:all .125s ease-in}.fd-object-marker--link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-object-marker--link:visited{color:var(--sapLink_Visited_Color)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{color:var(--sapLink_Hover_Color)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{color:var(--sapLink_Active_Color)}.fd-object-marker--link.is-active.is-focus,.fd-object-marker--link.is-active:focus,.fd-object-marker--link:active.is-focus,.fd-object-marker--link:active:focus{background-color:transparent;z-index:5}.fd-object-marker--link--inverted{text-shadow:none}.fd-object-marker--link--inverted,.fd-object-marker--link--inverted.is-hover,.fd-object-marker--link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-object-marker--link--inverted.is-focus,.fd-object-marker--link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-object-marker--link--subtle{color:var(--sapLink_SubtleColor)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-object-marker--link>img{vertical-align:bottom}.fd-object-marker--link .fd-object-marker__text,.fd-object-marker--link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{z-index:5;--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-object-marker--link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-object-marker--link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-object-marker__icon [class*=sap-icon],.fd-object-marker__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;line-height:normal;-webkit-padding-end:.25rem;color:var(--sapContent_MarkerIconColor);padding-inline-end:.25rem}.fd-object-marker__icon [class*=sap-icon]:first-child:last-child,.fd-object-marker__icon[class*=sap-icon]:first-child:last-child{padding-inline:0}.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;word-break:break-word}.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:after,.fd-object-marker:not(.fd-object-marker--link) .fd-object-marker__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-marker+.fd-object-marker{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.fd-object-marker__sr-only{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;border:0;margin-inline:-1px;margin-block:-1px;padding-inline:0;padding-block:0;overflow:hidden;white-space:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/object-marker.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 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*/\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], statusText: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusText", required: false }] }], glyph: [{ type: i0.Input, args: [{ isSignal: true, alias: "glyph", required: false }] }], glyphFont: [{ type: i0.Input, args: [{ isSignal: true, alias: "glyphFont", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
 
 /**
  * @deprecated

package/fesm2022/fundamental-ngx-core-object-marker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-object-marker.mjs","sources":["../../../../libs/core/object-marker/object-marker.component.ts","../../../../libs/core/object-marker/object-marker.module.ts","../../../../libs/core/object-marker/fundamental-ngx-core-object-marker.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CssClassBuilder, applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { FD_DEFAULT_ICON_FONT_FAMILY, IconComponent, IconFont } from '@fundamental-ngx/core/icon';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-object-marker]',\n    template: `@if (glyph) {\n            <fd-icon [glyph]=\"glyph\" [font]=\"glyphFont\" class=\"fd-object-marker__icon\"></fd-icon>\n        }\n        @if (label) {\n            <span class=\"fd-object-marker__text\">{{ label }}</span>\n        }\n        <ng-content></ng-content>`,\n    styleUrl: './object-marker.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.tabindex]': 'clickable ? 0 : -1',\n        '[attr.role]': 'clickable ? \"link\" :\"\"'\n    },\n    imports: [IconComponent]\n})\nexport class ObjectMarkerComponent implements OnChanges, OnInit, CssClassBuilder {\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** Glyph (icon) of the Object Status.*/\n    @Input()\n    glyph: string;\n\n    /** Glyph font family */\n    @Input()\n    glyphFont: IconFont = FD_DEFAULT_ICON_FONT_FAMILY;\n\n    /** Whether the Object Status is clickable. */\n    @Input()\n    clickable = false;\n\n    /** Define the text content of the Object Status */\n    @Input()\n    label: string;\n\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef) {}\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return ['fd-object-marker', this.clickable ? 'fd-object-marker--link' : '', this.class];\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { ObjectMarkerComponent } from './object-marker.component';\n\n/**\n * @deprecated\n * Use direct import of `ObjectMarkerComponent`\n */\n@NgModule({\n    imports: [ObjectMarkerComponent],\n    exports: [ObjectMarkerComponent]\n})\nexport class ObjectMarkerModule {}\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-object-marker.mjs","sources":["../../../../libs/core/object-marker/object-marker.component.ts","../../../../libs/core/object-marker/object-marker.component.html","../../../../libs/core/object-marker/object-marker.module.ts","../../../../libs/core/object-marker/fundamental-ngx-core-object-marker.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    inject,\n    input,\n    ViewEncapsulation\n} from '@angular/core';\nimport { HasElementRef } from '@fundamental-ngx/cdk';\nimport { FD_DEFAULT_ICON_FONT_FAMILY, IconComponent, IconFont } from '@fundamental-ngx/core/icon';\nimport { resolveTranslationSignal } from '@fundamental-ngx/i18n';\n\nlet objectMarkerId = 0;\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-object-marker]',\n    templateUrl: './object-marker.component.html',\n    styleUrl: './object-marker.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-object-marker',\n        '[class.fd-object-marker--link]': 'clickable()',\n        '[attr.id]': 'id()',\n        '[attr.tabindex]': 'clickable() ? 0 : -1',\n        '[attr.role]': 'role()',\n        '[attr.aria-labelledby]': 'computedAriaLabelledBy()'\n    },\n    imports: [IconComponent]\n})\nexport class ObjectMarkerComponent implements HasElementRef {\n    /**\n     * Object Marker ID\n     * If not set, a default value is provided\n     */\n    readonly id = input('fd-object-marker-' + ++objectMarkerId);\n\n    /** Sets aria-labelledby attribute for object marker */\n    readonly ariaLabelledBy = input<string>();\n\n    /** Status text for the Object Status. */\n    readonly statusText = input<string>();\n\n    /** Glyph (icon) of the Object Status.*/\n    readonly glyph = input<string>();\n\n    /** Glyph font family */\n    readonly glyphFont = input<IconFont>(FD_DEFAULT_ICON_FONT_FAMILY);\n\n    /** Whether the Object Status is clickable. */\n    readonly clickable = input(false);\n\n    /** Define the text content of the Object Status */\n    readonly label = input<string>();\n\n    /** Title attribute for the Object Status */\n    readonly title = input<string>();\n\n    /** @hidden */\n    readonly elementRef = inject(ElementRef);\n\n    /** Computed ID for the screen-reader only element */\n    protected readonly srOnlyId = computed(() => `${this.id()}-sr-only`);\n\n    /** Computed ID for the label element */\n    protected readonly labelId = computed(() => `${this.id()}-label`);\n\n    /** Computed ID for the screen-reader only element for icon-only object marker */\n    protected readonly srOnlyIconOnlyId = computed(() => `${this.id()}-sr-only-icon-only`);\n\n    /** @hidden Role attribute for the object marker */\n    protected readonly role = computed(() =>\n        this.clickable() ? 'link' : this.glyph() && !this.label() ? 'img' : undefined\n    );\n\n    /** @hidden Role attribute for the icon */\n    protected readonly iconRole = computed(() => (this.label() ? 'presentation' : undefined));\n\n    /** @hidden Computed status text (uses custom or default) */\n    protected readonly statusText$ = computed(() => this.statusText() ?? this._defaultStatusText());\n\n    /** @hidden Computed title for icon (only when no label exists) */\n    protected readonly iconTitle = computed(() => {\n        if (!this.glyph() || this.label()) {\n            return undefined;\n        }\n        return this.title() ?? this.glyph();\n    });\n\n    /** @hidden Computed aria-labelledby attribute */\n    protected readonly computedAriaLabelledBy = computed(() => {\n        if (this.ariaLabelledBy()) {\n            return this.ariaLabelledBy();\n        }\n\n        if (this.glyph() && !this.label()) {\n            return `${this.srOnlyId()} ${this.srOnlyIconOnlyId()}`;\n        }\n\n        return `${this.srOnlyId()} ${this.labelId()}`;\n    });\n\n    /** @hidden Translation signal for active state */\n    private readonly _activeStatusText = resolveTranslationSignal('coreObjectMarker.active');\n\n    /** @hidden Translation signal for inactive state */\n    private readonly _inactiveStatusText = resolveTranslationSignal('coreObjectMarker.inactive');\n\n    /** @hidden Default status text for the Object Marker. */\n    private readonly _defaultStatusText = computed(() =>\n        this.clickable() ? this._activeStatusText() : this._inactiveStatusText()\n    );\n}\n","<span class=\"fd-object-marker__sr-only\" [id]=\"srOnlyId()\" [attr.aria-hidden]=\"true\">{{ statusText$() }}</span>\n\n@if (glyph()) {\n    <fd-icon\n        [glyph]=\"glyph()\"\n        [font]=\"glyphFont()\"\n        class=\"fd-object-marker__icon\"\n        [attr.role]=\"iconRole()\"\n        [attr.title]=\"iconTitle()\"\n        [ariaHidden]=\"true\"\n    ></fd-icon>\n}\n@if (label()) {\n    <span class=\"fd-object-marker__text\" [id]=\"labelId()\">{{ label() }}</span>\n}\n\n@if (glyph() && !label()) {\n    <span class=\"fd-object-marker__sr-only\" [id]=\"srOnlyIconOnlyId()\" [attr.aria-hidden]=\"true\">{{ iconTitle() }}</span>\n}\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { ObjectMarkerComponent } from './object-marker.component';\n\n/**\n * @deprecated\n * Use direct import of `ObjectMarkerComponent`\n */\n@NgModule({\n    imports: [ObjectMarkerComponent],\n    exports: [ObjectMarkerComponent]\n})\nexport class ObjectMarkerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}