@fundamental-ngx/core 0.49.1 → 0.49.2

package/fesm2022/fundamental-ngx-core-side-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-side-navigation.mjs","sources":["../../../../libs/core/side-navigation/side-navigation-main.directive.ts","../../../../libs/core/side-navigation/side-navigation-utility.directive.ts","../../../../libs/core/side-navigation/side-navigation.component.ts","../../../../libs/core/side-navigation/side-navigation.component.html","../../../../libs/core/side-navigation/side-navigation.module.ts","../../../../libs/core/side-navigation/fundamental-ngx-core-side-navigation.ts"],"sourcesContent":["import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListDirective } from '@fundamental-ngx/core/nested-list';\n\n@Directive({\n    selector: '[fdSideNavigationMain], [fd-side-nav-main]',\n    standalone: true\n})\nexport class SideNavigationMainDirective {\n    /** @hidden */\n    @ContentChild(NestedListDirective)\n    list: NestedListDirective;\n\n    /** @hidden */\n    @HostBinding('class.fd-side-nav__main-navigation')\n    classSideNavMainNavigation = true;\n}\n","import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListDirective } from '@fundamental-ngx/core/nested-list';\n\n@Directive({\n    selector: '[fdSideNavigationUtility], [fd-side-nav-utility]',\n    standalone: true\n})\nexport class SideNavigationUtilityDirective {\n    /** @hidden */\n    @ContentChild(NestedListDirective)\n    list: NestedListDirective;\n\n    /** @hidden */\n    @HostBinding('class.fd-side-nav__utility')\n    classSideNavUtility = true;\n}\n","import {\n    AfterContentInit,\n    AfterViewInit,\n    Component,\n    ContentChild,\n    HostBinding,\n    HostListener,\n    Input,\n    OnInit,\n    QueryList,\n    ViewChildren,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Nullable, warnOnce } from '@fundamental-ngx/cdk/utils';\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport {\n    NestedListDirective,\n    NestedListKeyboardService,\n    NestedListStateService,\n    PreparedNestedListComponent\n} from '@fundamental-ngx/core/nested-list';\nimport { SideNavigationMainDirective } from './side-navigation-main.directive';\nimport { SideNavigationModel } from './side-navigation-model';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationInterface } from './side-navigation.interface';\n\n/**\n * @deprecated use the vertical navigation component instead.\n * The side-navigation is a wrapping component representing\n * a left navigation that can always display or expand/collapse using the menu icon within the global navigation.\n */\n@Component({\n    templateUrl: './side-navigation.component.html',\n    selector: 'fd-side-nav',\n    styleUrl: './side-navigation.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService],\n    standalone: true,\n    imports: [SideNavigationMainDirective, PreparedNestedListComponent, SideNavigationUtilityDirective]\n})\nexport class SideNavigationComponent implements AfterContentInit, AfterViewInit, OnInit, SideNavigationInterface {\n    /**\n     * Side navigation configuration, to pass whole model object, instead of creating HTML from scratch\n     */\n    @Input()\n    sideNavigationConfiguration: Nullable<SideNavigationModel>;\n\n    /** Whether condensed mode is included */\n    @Input()\n    @HostBinding('class.fd-side-nav--condensed')\n    condensed = false;\n\n    /**\n     * The screen width, in pixels, at which to automatically collapse the side navigation on window resize.\n     */\n    @Input()\n    collapseWidth: number;\n\n    /** Whether clicking on elements should change selected state of items */\n    @Input()\n    set selectable(selectable: boolean) {\n        this.nestedListState.selectable = selectable;\n    }\n\n    /** @hidden */\n    @ContentChild(SideNavigationUtilityDirective)\n    sideNavUtility: SideNavigationUtilityDirective;\n\n    /** @hidden */\n    @ContentChild(SideNavigationMainDirective)\n    sideNavMain: SideNavigationMainDirective;\n\n    /** @hidden */\n    @ViewChildren(PreparedNestedListComponent)\n    preparedNestedList: QueryList<PreparedNestedListComponent>;\n\n    /** @hidden */\n    additionalShellbarCssClass = 'fd-shellbar--side-nav';\n\n    /** @hidden */\n    constructor(\n        private keyboardService: NestedListKeyboardService,\n        private nestedListState: NestedListStateService\n    ) {\n        this.keyboardService.refresh$.subscribe(() => {\n            /** Refresh list of elements, that are being supported by keyboard */\n            this.keyboardService.refreshItems(this.getLists());\n        });\n        warnOnce(`\n            SideNavigationComponent is deprecated since version 0.40.0 and will be removed in future release.\n            Use the vertical navigation component instead.\n            For more information check the documentation.\n        `);\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        /** Set up condensed state */\n        this.nestedListState.condensed =\n            this.condensed || !!(this.sideNavigationConfiguration && this.sideNavigationConfiguration.condensed);\n\n        if (this.collapseWidth) {\n            this.onResize();\n        }\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        if (!this.sideNavigationConfiguration) {\n            this.keyboardService.refreshItems(this.getLists());\n        }\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        if (this.sideNavigationConfiguration) {\n            this.keyboardService.refreshItems(this.getLists());\n        }\n    }\n\n    /** @hidden */\n    @HostListener('window:resize')\n    onResize(): void {\n        if (this.collapseWidth) {\n            this.condensed = window.innerWidth <= this.collapseWidth;\n        }\n    }\n\n    /**\n     * @hidden\n     * Method that returns 1 deep level of lists.\n     */\n    private getLists(): NestedListDirective[] {\n        const lists: NestedListDirective[] = [];\n\n        if (this.sideNavMain) {\n            lists.push(this.sideNavMain.list);\n        }\n        if (this.sideNavUtility) {\n            lists.push(this.sideNavUtility.list);\n        }\n        if (this.preparedNestedList) {\n            lists.push(...this.preparedNestedList.map((preparedNested) => preparedNested.nestedListDirective));\n        }\n\n        return lists;\n    }\n}\n","<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n    @if (!sideNavigationConfiguration) {\n        <ng-content></ng-content>\n    } @else {\n        @if (sideNavigationConfiguration.mainNavigation) {\n            <div fd-side-nav-main>\n                <fd-prepared-nested-list\n                    [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n                    [first]=\"true\"\n                    [list]=\"sideNavigationConfiguration.mainNavigation\"\n                >\n                </fd-prepared-nested-list>\n            </div>\n        }\n        @if (sideNavigationConfiguration.utilityNavigation) {\n            <div fd-side-nav-utility>\n                <fd-prepared-nested-list\n                    [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n                    [first]=\"true\"\n                    [list]=\"sideNavigationConfiguration.utilityNavigation\"\n                >\n                </fd-prepared-nested-list>\n            </div>\n        }\n    }\n</nav>\n","import { NgModule } from '@angular/core';\n\nimport { SideNavigationMainDirective } from './side-navigation-main.directive';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationComponent } from './side-navigation.component';\n\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport { NestedListKeyboardService, NestedListStateService } from '@fundamental-ngx/core/nested-list';\n\n/**\n * @deprecated\n */\n@NgModule({\n    imports: [SideNavigationComponent, SideNavigationMainDirective, SideNavigationUtilityDirective],\n    exports: [SideNavigationComponent, SideNavigationMainDirective, SideNavigationUtilityDirective],\n    providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService]\n})\nexport class SideNavigationModule {}\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-side-navigation.mjs","sources":["../../../../libs/core/side-navigation/side-navigation-main.directive.ts","../../../../libs/core/side-navigation/side-navigation-utility.directive.ts","../../../../libs/core/side-navigation/side-navigation.component.ts","../../../../libs/core/side-navigation/side-navigation.component.html","../../../../libs/core/side-navigation/side-navigation.module.ts","../../../../libs/core/side-navigation/fundamental-ngx-core-side-navigation.ts"],"sourcesContent":["import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListDirective } from '@fundamental-ngx/core/nested-list';\n\n@Directive({\n    selector: '[fdSideNavigationMain], [fd-side-nav-main]',\n    standalone: true\n})\nexport class SideNavigationMainDirective {\n    /** @hidden */\n    @ContentChild(NestedListDirective)\n    list: NestedListDirective;\n\n    /** @hidden */\n    @HostBinding('class.fd-side-nav__main-navigation')\n    classSideNavMainNavigation = true;\n}\n","import { ContentChild, Directive, HostBinding } from '@angular/core';\nimport { NestedListDirective } from '@fundamental-ngx/core/nested-list';\n\n@Directive({\n    selector: '[fdSideNavigationUtility], [fd-side-nav-utility]',\n    standalone: true\n})\nexport class SideNavigationUtilityDirective {\n    /** @hidden */\n    @ContentChild(NestedListDirective)\n    list: NestedListDirective;\n\n    /** @hidden */\n    @HostBinding('class.fd-side-nav__utility')\n    classSideNavUtility = true;\n}\n","import {\n    AfterContentInit,\n    AfterViewInit,\n    Component,\n    ContentChild,\n    HostBinding,\n    HostListener,\n    Input,\n    OnInit,\n    QueryList,\n    ViewChildren,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Nullable, warnOnce } from '@fundamental-ngx/cdk/utils';\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport {\n    NestedListDirective,\n    NestedListKeyboardService,\n    NestedListStateService,\n    PreparedNestedListComponent\n} from '@fundamental-ngx/core/nested-list';\nimport { SideNavigationMainDirective } from './side-navigation-main.directive';\nimport { SideNavigationModel } from './side-navigation-model';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationInterface } from './side-navigation.interface';\n\n/**\n * @deprecated use the vertical navigation component instead.\n * The side-navigation is a wrapping component representing\n * a left navigation that can always display or expand/collapse using the menu icon within the global navigation.\n */\n@Component({\n    templateUrl: './side-navigation.component.html',\n    selector: 'fd-side-nav',\n    styleUrl: './side-navigation.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService],\n    standalone: true,\n    imports: [SideNavigationMainDirective, PreparedNestedListComponent, SideNavigationUtilityDirective]\n})\nexport class SideNavigationComponent implements AfterContentInit, AfterViewInit, OnInit, SideNavigationInterface {\n    /**\n     * Side navigation configuration, to pass whole model object, instead of creating HTML from scratch\n     */\n    @Input()\n    sideNavigationConfiguration: Nullable<SideNavigationModel>;\n\n    /** Whether condensed mode is included */\n    @Input()\n    @HostBinding('class.fd-side-nav--condensed')\n    condensed = false;\n\n    /**\n     * The screen width, in pixels, at which to automatically collapse the side navigation on window resize.\n     */\n    @Input()\n    collapseWidth: number;\n\n    /** Whether clicking on elements should change selected state of items */\n    @Input()\n    set selectable(selectable: boolean) {\n        this.nestedListState.selectable = selectable;\n    }\n\n    /** @hidden */\n    @ContentChild(SideNavigationUtilityDirective)\n    sideNavUtility: SideNavigationUtilityDirective;\n\n    /** @hidden */\n    @ContentChild(SideNavigationMainDirective)\n    sideNavMain: SideNavigationMainDirective;\n\n    /** @hidden */\n    @ViewChildren(PreparedNestedListComponent)\n    preparedNestedList: QueryList<PreparedNestedListComponent>;\n\n    /** @hidden */\n    additionalShellbarCssClass = 'fd-shellbar--side-nav';\n\n    /** @hidden */\n    constructor(\n        private keyboardService: NestedListKeyboardService,\n        private nestedListState: NestedListStateService\n    ) {\n        this.keyboardService.refresh$.subscribe(() => {\n            /** Refresh list of elements, that are being supported by keyboard */\n            this.keyboardService.refreshItems(this.getLists());\n        });\n        warnOnce(`\n            SideNavigationComponent is deprecated since version 0.40.0 and will be removed in future release.\n            Use the vertical navigation component instead.\n            For more information check the documentation.\n        `);\n    }\n\n    /** @hidden */\n    @HostListener('window:resize')\n    onResize(): void {\n        if (this.collapseWidth) {\n            this.condensed = window.innerWidth <= this.collapseWidth;\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        /** Set up condensed state */\n        this.nestedListState.condensed =\n            this.condensed || !!(this.sideNavigationConfiguration && this.sideNavigationConfiguration.condensed);\n\n        if (this.collapseWidth) {\n            this.onResize();\n        }\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        if (!this.sideNavigationConfiguration) {\n            this.keyboardService.refreshItems(this.getLists());\n        }\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        if (this.sideNavigationConfiguration) {\n            this.keyboardService.refreshItems(this.getLists());\n        }\n    }\n\n    /**\n     * @hidden\n     * Method that returns 1 deep level of lists.\n     */\n    private getLists(): NestedListDirective[] {\n        const lists: NestedListDirective[] = [];\n\n        if (this.sideNavMain) {\n            lists.push(this.sideNavMain.list);\n        }\n        if (this.sideNavUtility) {\n            lists.push(this.sideNavUtility.list);\n        }\n        if (this.preparedNestedList) {\n            lists.push(...this.preparedNestedList.map((preparedNested) => preparedNested.nestedListDirective));\n        }\n\n        return lists;\n    }\n}\n","<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n    @if (!sideNavigationConfiguration) {\n        <ng-content></ng-content>\n    } @else {\n        @if (sideNavigationConfiguration.mainNavigation) {\n            <div fd-side-nav-main>\n                <fd-prepared-nested-list\n                    [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n                    [first]=\"true\"\n                    [list]=\"sideNavigationConfiguration.mainNavigation\"\n                >\n                </fd-prepared-nested-list>\n            </div>\n        }\n        @if (sideNavigationConfiguration.utilityNavigation) {\n            <div fd-side-nav-utility>\n                <fd-prepared-nested-list\n                    [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n                    [first]=\"true\"\n                    [list]=\"sideNavigationConfiguration.utilityNavigation\"\n                >\n                </fd-prepared-nested-list>\n            </div>\n        }\n    }\n</nav>\n","import { NgModule } from '@angular/core';\n\nimport { SideNavigationMainDirective } from './side-navigation-main.directive';\nimport { SideNavigationUtilityDirective } from './side-navigation-utility.directive';\nimport { SideNavigationComponent } from './side-navigation.component';\n\nimport { MenuKeyboardService } from '@fundamental-ngx/core/menu';\nimport { NestedListKeyboardService, NestedListStateService } from '@fundamental-ngx/core/nested-list';\n\n/**\n * @deprecated\n */\n@NgModule({\n    imports: [SideNavigationComponent, SideNavigationMainDirective, SideNavigationUtilityDirective],\n    exports: [SideNavigationComponent, SideNavigationMainDirective, SideNavigationUtilityDirective],\n    providers: [MenuKeyboardService, NestedListKeyboardService, NestedListStateService]\n})\nexport class SideNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-skeleton.mjs

@@ -8,10 +8,10 @@ class SkeletonComponent {
         /** Whether the skeleton is animated. True by default. */
         this.animated = true;
         /** @hidden */
-        this._id = `fd-skeleton-${skeletonUniqueId++}`;
-        /** @hidden */
         this._skeletonClass = true;
         /** @hidden */
+        this._id = `fd-skeleton-${skeletonUniqueId++}`;
+        /** @hidden */
         this._textLines = 3;
     }
     /** Number of lines when type is set to `text`. Default is 3. Last one is 60% in width if more than 1 line. */

package/fesm2022/fundamental-ngx-core-skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-skeleton.mjs","sources":["../../../../libs/core/skeleton/components/skeleton.component.ts","../../../../libs/core/skeleton/components/skeleton.component.html","../../../../libs/core/skeleton/skeleton.module.ts","../../../../libs/core/skeleton/fundamental-ngx-core-skeleton.ts"],"sourcesContent":["import { coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\n\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Input,\n    OnChanges,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\n\nexport type SkeletonType = 'rectangle' | 'circle' | 'text';\n\nlet skeletonUniqueId = 0;\n\n@Component({\n    selector: 'fd-skeleton',\n    templateUrl: './skeleton.component.html',\n    styleUrl: './skeleton.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: []\n})\nexport class SkeletonComponent implements OnChanges {\n    /** Whether the skeleton is animated. True by default. */\n    @Input()\n    @HostBinding('class.fd-skeleton--animated')\n    animated = true;\n\n    /** Type of the skeleton.\n     * Can be one of the following: 'rectangle' | 'circle' | 'text'.\n     * Default is not set, allowing to project any SVG elements to define own complex loading template.\n     */\n    @Input()\n    type: SkeletonType;\n\n    /** Number of lines when type is set to `text`. Default is 3. Last one is 60% in width if more than 1 line. */\n    @Input()\n    set textLines(value: NumberInput) {\n        this._textLines = coerceNumberProperty(value);\n    }\n    get textLines(): number {\n        return this._textLines;\n    }\n\n    /** Width of skeleton */\n    @Input()\n    set width(value: string) {\n        this._width = value;\n    }\n    get width(): string {\n        return this._width;\n    }\n\n    /** Height of skeleton */\n    @Input()\n    set height(value: string) {\n        this._height = value;\n    }\n    get height(): string {\n        return this._height;\n    }\n\n    /** @hidden */\n    _id = `fd-skeleton-${skeletonUniqueId++}`;\n\n    /** @hidden */\n    @HostBinding('class.fd-skeleton')\n    readonly _skeletonClass = true;\n\n    /** @hidden */\n    @HostBinding('style.width')\n    _width: string;\n\n    /** @hidden */\n    @HostBinding('style.height')\n    _height: string;\n\n    /** @hidden */\n    private _textLines = 3;\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['type'] && this.type === 'text') {\n            if (!this.width) {\n                this.width = '100%';\n            }\n\n            if (!this.height) {\n                const textLines = this.textLines || 1;\n                this.height = textLines > 1 ? 20 * textLines + 'px' : '8px';\n            }\n\n            return;\n        }\n\n        if (changes['type'] && this.type === 'circle') {\n            if (!this.width && this.height) {\n                this.width = this.height;\n                return;\n            }\n\n            if (!this.height && this.width) {\n                this.height = this.width;\n                return;\n            }\n        }\n    }\n}\n","<svg width=\"100%\" height=\"100%\" class=\"fd-skeleton__canvas\">\n    <defs>\n        <linearGradient id=\"skeletonGradient\">\n            <stop offset=\"0\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n            <stop class=\"fd-skeleton__middle\">\n                <animate attributeName=\"offset\" values=\"0; 0; 0.5; 1; 1\" dur=\"2s\" repeatCount=\"indefinite\" />\n            </stop>\n            <stop offset=\"1\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n        </linearGradient>\n        <mask [id]=\"_id\">\n            @if (type === 'rectangle') {\n                <rect x=\"0\" y=\"0\" width=\"100%\" rx=\"4\" height=\"100%\"></rect>\n            }\n            @if (type === 'circle') {\n                <circle cx=\"50%\" cy=\"50%\" r=\"50%\"></circle>\n            }\n            @if (type === 'text') {\n                @for (line of [].constructor(textLines); track line; let i = $index) {\n                    <rect\n                        x=\"0\"\n                        [attr.y]=\"i * 20\"\n                        width=\"100%\"\n                        rx=\"4\"\n                        height=\"8\"\n                        [attr.width]=\"i > 0 && i + 1 === textLines ? '60%' : '100%'\"\n                    ></rect>\n                }\n            }\n            <ng-content></ng-content>\n        </mask>\n    </defs>\n    <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" [attr.mask]=\"'url(#' + _id + ')'\"></rect>\n</svg>\n","import { NgModule } from '@angular/core';\n\nimport { SkeletonComponent } from './components/skeleton.component';\n\n/**\n * @deprecated\n * Use direct `SkeletonComponent` import.\n */\n@NgModule({\n    imports: [SkeletonComponent],\n    exports: [SkeletonComponent]\n})\nexport class SkeletonModule {}\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-skeleton.mjs","sources":["../../../../libs/core/skeleton/components/skeleton.component.ts","../../../../libs/core/skeleton/components/skeleton.component.html","../../../../libs/core/skeleton/skeleton.module.ts","../../../../libs/core/skeleton/fundamental-ngx-core-skeleton.ts"],"sourcesContent":["import { coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\n\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Input,\n    OnChanges,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\n\nexport type SkeletonType = 'rectangle' | 'circle' | 'text';\n\nlet skeletonUniqueId = 0;\n\n@Component({\n    selector: 'fd-skeleton',\n    templateUrl: './skeleton.component.html',\n    styleUrl: './skeleton.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: []\n})\nexport class SkeletonComponent implements OnChanges {\n    /** Whether the skeleton is animated. True by default. */\n    @Input()\n    @HostBinding('class.fd-skeleton--animated')\n    animated = true;\n\n    /** Type of the skeleton.\n     * Can be one of the following: 'rectangle' | 'circle' | 'text'.\n     * Default is not set, allowing to project any SVG elements to define own complex loading template.\n     */\n    @Input()\n    type: SkeletonType;\n\n    /** Number of lines when type is set to `text`. Default is 3. Last one is 60% in width if more than 1 line. */\n    @Input()\n    set textLines(value: NumberInput) {\n        this._textLines = coerceNumberProperty(value);\n    }\n    get textLines(): number {\n        return this._textLines;\n    }\n\n    /** Width of skeleton */\n    @Input()\n    set width(value: string) {\n        this._width = value;\n    }\n    get width(): string {\n        return this._width;\n    }\n\n    /** Height of skeleton */\n    @Input()\n    set height(value: string) {\n        this._height = value;\n    }\n    get height(): string {\n        return this._height;\n    }\n\n    /** @hidden */\n    @HostBinding('class.fd-skeleton')\n    readonly _skeletonClass = true;\n\n    /** @hidden */\n    @HostBinding('style.width')\n    _width: string;\n\n    /** @hidden */\n    @HostBinding('style.height')\n    _height: string;\n\n    /** @hidden */\n    _id = `fd-skeleton-${skeletonUniqueId++}`;\n\n    /** @hidden */\n    private _textLines = 3;\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['type'] && this.type === 'text') {\n            if (!this.width) {\n                this.width = '100%';\n            }\n\n            if (!this.height) {\n                const textLines = this.textLines || 1;\n                this.height = textLines > 1 ? 20 * textLines + 'px' : '8px';\n            }\n\n            return;\n        }\n\n        if (changes['type'] && this.type === 'circle') {\n            if (!this.width && this.height) {\n                this.width = this.height;\n                return;\n            }\n\n            if (!this.height && this.width) {\n                this.height = this.width;\n                return;\n            }\n        }\n    }\n}\n","<svg width=\"100%\" height=\"100%\" class=\"fd-skeleton__canvas\">\n    <defs>\n        <linearGradient id=\"skeletonGradient\">\n            <stop offset=\"0\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n            <stop class=\"fd-skeleton__middle\">\n                <animate attributeName=\"offset\" values=\"0; 0; 0.5; 1; 1\" dur=\"2s\" repeatCount=\"indefinite\" />\n            </stop>\n            <stop offset=\"1\" stop-color=\"var(--sapContent_Placeholderloading_Background)\"></stop>\n        </linearGradient>\n        <mask [id]=\"_id\">\n            @if (type === 'rectangle') {\n                <rect x=\"0\" y=\"0\" width=\"100%\" rx=\"4\" height=\"100%\"></rect>\n            }\n            @if (type === 'circle') {\n                <circle cx=\"50%\" cy=\"50%\" r=\"50%\"></circle>\n            }\n            @if (type === 'text') {\n                @for (line of [].constructor(textLines); track line; let i = $index) {\n                    <rect\n                        x=\"0\"\n                        [attr.y]=\"i * 20\"\n                        width=\"100%\"\n                        rx=\"4\"\n                        height=\"8\"\n                        [attr.width]=\"i > 0 && i + 1 === textLines ? '60%' : '100%'\"\n                    ></rect>\n                }\n            }\n            <ng-content></ng-content>\n        </mask>\n    </defs>\n    <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" [attr.mask]=\"'url(#' + _id + ')'\"></rect>\n</svg>\n","import { NgModule } from '@angular/core';\n\nimport { SkeletonComponent } from './components/skeleton.component';\n\n/**\n * @deprecated\n * Use direct `SkeletonComponent` import.\n */\n@NgModule({\n    imports: [SkeletonComponent],\n    exports: [SkeletonComponent]\n})\nexport class SkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-status-indicator.mjs

@@ -45,20 +45,6 @@ class StatusIndicatorComponent {
         /** @hidden */
         this.pointsArray = [];
     }
-    /** @hidden */
-    ngAfterViewInit() {
-        this._angleCalculation();
-        this._cd.detectChanges();
-    }
-    /** @hidden */
-    ngOnChanges() {
-        this._calculateFilling();
-        this.buildComponentCssClass();
-    }
-    /** @hidden */
-    ngOnInit() {
-        this.buildComponentCssClass();
-    }
     /** @hidden
      * CssClassBuilder interface implementation
      * function must return single string
@@ -77,6 +63,20 @@ class StatusIndicatorComponent {
         ];
     }
     /** @hidden */
+    ngAfterViewInit() {
+        this._angleCalculation();
+        this._cd.detectChanges();
+    }
+    /** @hidden */
+    ngOnChanges() {
+        this._calculateFilling();
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
+    ngOnInit() {
+        this.buildComponentCssClass();
+    }
+    /** @hidden */
     _calculateFilling() {
         if (this.fillPercentage < 0 || this.fillPercentage === undefined) {
             this.fillCalculator = 0;

package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-status-indicator.mjs","sources":["../../../../libs/core/status-indicator/status-indicator.component.ts","../../../../libs/core/status-indicator/status-indicator.component.html","../../../../libs/core/status-indicator/status-indicator.module.ts","../../../../libs/core/status-indicator/fundamental-ngx-core-status-indicator.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CssClassBuilder, Nullable, applyCssClass } from '@fundamental-ngx/cdk/utils';\n\nexport type StatusIndicatorSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type StatusIndicatorColor = 'negative' | 'critical' | 'positive';\nexport type LablePosition = 'left' | 'right' | 'top' | 'bottom';\nexport type FillingType = 'radial' | 'angled' | 'linearup' | 'lineardown' | 'linearleft';\nexport type FillingDirection = 'clockwise' | 'counterclockwise';\n\nexport class Point {\n    /** @hidden */\n    constructor(\n        public x: number,\n        public y: number\n    ) {}\n}\n\n@Component({\n    selector: 'fd-status-indicator',\n    templateUrl: './status-indicator.component.html',\n    styleUrl: './status-indicator.component.scss',\n    host: {\n        '[attr.aria-label]': 'ariaLabel',\n        '[attr.aria-roledescription]': 'ariaRoleDescription',\n        '[attr.focusable]': 'focusable',\n        '[attr.title]': 'title',\n        '[attr.role]': 'role',\n        '[attr.aria-valuetext]': 'ariaValueText',\n        '[attr.aria-valuenow]': 'fillPercentage ? fillPercentage : 0',\n        '[attr.aria-valuemin]': '0',\n        '[attr.aria-valuemax]': '100',\n        '[attr.tabindex]': 'focusable ? 0 : -1'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [NgTemplateOutlet]\n})\nexport class StatusIndicatorComponent implements OnChanges, AfterViewInit, CssClassBuilder, OnInit {\n    /**\n     * value id defines the id of the object.\n     */\n    @Input()\n    id: string;\n\n    /**\n     * defines the size of the status indicator.\n     * Can be one of the following: 'sm' | 'md' | 'lg' | 'xl'\n     * Default size is Medium(md).\n     */\n    @Input()\n    size: StatusIndicatorSize = 'md';\n\n    /**\n     * The status represented by the Status Indicator.\n     * Can be one of the following: 'negative' | 'critical' | 'informative'\n     * For default Object Status omit this property\n     */\n    @Input()\n    status: StatusIndicatorColor;\n\n    /** Define the text content of the Status indicator*/\n    @Input()\n    statusLabel: string;\n\n    /**\n     * positioning of the status indicator image withing the defined height and width .\n     */\n    @Input()\n    viewBox: string;\n\n    /**\n     * boolean value to be marked as a clickable\n     */\n    @Input()\n    clickable: boolean;\n\n    /**\n     * defines the size of the status indicator.\n     * Can be one of the following: 'sm' | 'md' | 'lg' | 'xl'\n     */\n    @Input()\n    labelSize: StatusIndicatorSize = 'sm';\n\n    /** Aria label for the Status Indicator. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** Aria defines role description for the Status Indicator. */\n    @Input()\n    ariaRoleDescription: Nullable<string>;\n\n    /** Aria Focusable for the Status Indicator. */\n    @Input()\n    focusable: boolean;\n\n    /** Aria Role for the Status Indicator. */\n    @Input()\n    role: Nullable<string>;\n\n    /** Aria Value Text for the Status Indicator. */\n    @Input()\n    ariaValueText: Nullable<string>;\n\n    /** Aria title for the status indicator. */\n    @Input()\n    title: Nullable<string>;\n\n    /** defines the label position the value can be 'left' | 'right' | 'top' | 'bottom' */\n    @Input()\n    labelPosition: LablePosition;\n\n    /** Path for the status indicator */\n    @Input()\n    path: string[];\n\n    /**\n     * Offset value to be filled under the give percentatge value.\n     */\n    @Input()\n    fillPercentage: number;\n\n    /**\n     * value to define fill direction\n     */\n    @Input()\n    fillDirection: FillingDirection = 'clockwise';\n\n    /** @hidden */\n    set _fillDirection(direction: FillingDirection) {\n        this.fillDirection = direction;\n    }\n    get _fillDirection(): FillingDirection {\n        return this.fillDirection;\n    }\n\n    /**\n     * FillingType to represent the fill pattern of the component\n     */\n    @Input()\n    fillingType: FillingType = 'lineardown';\n\n    /** represent the degree of angle to project the filling of the component */\n    @Input()\n    angle: number;\n\n    /** @hidden */\n    fillCalculator: number;\n    /** @hidden */\n    binaryString: string;\n    /** @hidden */\n    x1: string;\n    /** @hidden */\n    y1: string;\n    /** @hidden */\n    x2: string;\n    /** @hidden */\n    y2: string;\n    /** @hidden */\n    pointsArray: string[] = [];\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef<HTMLElement>,\n        private _cd: ChangeDetectorRef\n    ) {}\n\n    /** @hidden */\n    class: string;\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._angleCalculation();\n        this._cd.detectChanges();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this._calculateFilling();\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    public ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\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 [\n            'fd-status-indicator',\n            this.size ? `fd-status-indicator--${this.size}` : '',\n            this.status ? `fd-status-indicator--${this.status}` : '',\n            this.clickable ? `fd-status-indicator--link` : '',\n            this.labelPosition === 'right' || this.labelPosition === 'left'\n                ? `fd-status-indicator--horizontal-label`\n                : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    private _calculateFilling(): void {\n        if (this.fillPercentage < 0 || this.fillPercentage === undefined) {\n            this.fillCalculator = 0;\n        } else {\n            this.fillCalculator = (this.fillPercentage * this.path.length) / 100;\n        }\n    }\n\n    /** @hidden */\n    private _angleCalculation(): void {\n        let sPointsAttributeValue: Array<Point>;\n        let polygonPoints: string;\n        switch (this.fillingType) {\n            case 'angled':\n                this.binaryString = this._convertAngleToBinary(this.angle);\n                this._assignBinaryValue(this.binaryString);\n                break;\n            case 'radial': {\n                const tempPercent = this.fillCalculator % 1;\n                const fillNumber = Number(tempPercent.toFixed(2));\n                const element = this.elementRef.nativeElement.querySelectorAll('svg');\n\n                for (let i = 1; i < element.length; i++) {\n                    sPointsAttributeValue = this._getPolygonPointsForCircularFilling(\n                        fillNumber * 100,\n                        element[i].getBBox()\n                    );\n                    polygonPoints = sPointsAttributeValue.reduce((acc, item) => acc + item.x + ',' + item.y + ' ', '');\n                    this.pointsArray.push(polygonPoints);\n                }\n                break;\n            }\n            case 'linearup':\n                this.binaryString = this._convertAngleToBinary(90);\n                this._assignBinaryValue(this.binaryString);\n                break;\n            case 'lineardown':\n                this.binaryString = this._convertAngleToBinary(270);\n                this._assignBinaryValue(this.binaryString);\n                break;\n            case 'linearleft':\n                this.binaryString = this._convertAngleToBinary(180);\n                this._assignBinaryValue(this.binaryString);\n                break;\n            default:\n                throw new Error(`fdStatusIndicator: No fillType found for ${this.fillingType}.`);\n        }\n    }\n\n    /** @hidden */\n    private _convertAngleToBinary(angle: number): string {\n        if (angle > 0 && angle <= 45) {\n            return '1,0,0,1';\n        } else if (angle >= 45 && angle < 90) {\n            return '0,0,0,1';\n        } else if (angle >= 90 && angle < 135) {\n            return '0,0,0,1';\n        } else if (angle >= 135 && angle < 180) {\n            return '0,0,1,1';\n        } else if (angle >= 180 && angle < 225) {\n            return '0,0,1,0';\n        } else if (angle >= 225 && angle < 270) {\n            return '0,1,1,0';\n        } else if (angle >= 270 && angle < 315) {\n            return '0,1,0,0';\n        } else if (angle >= 315 && angle < 360) {\n            return '1,1,0,0';\n        } else if (angle === 0 || angle === 360) {\n            return '1,0,0,0';\n        } else {\n            return 'invalid';\n        }\n    }\n\n    /** @hidden */\n    private _assignBinaryValue(binaryString: string): void {\n        const binaryValue = binaryString.split(',');\n        this.x1 = binaryValue[0];\n        this.y1 = binaryValue[1];\n        this.x2 = binaryValue[2];\n        this.y2 = binaryValue[3];\n    }\n\n    /** @hidden */\n    private _getPolygonPointsForCircularFilling(value: number, boundingBoxSvg: DOMRect): Array<Point> {\n        const angle = 3.6 * value;\n        const points: Point[] = [];\n        let xDifferenceFromBoundaryCentre: number;\n        let yDifferenceFromBoundaryCentre: number;\n        let polygonPoint: Point;\n\n        // starts at 12, the algorithm computes the coordination for clockwise direction only\n        // counter clockwise direction is managed by symmetry\n        const oStartPoint = new Point(boundingBoxSvg.x + boundingBoxSvg.width / 2, boundingBoxSvg.y);\n        const oCentrePoint = new Point(\n            boundingBoxSvg.x + boundingBoxSvg.width / 2,\n            boundingBoxSvg.y + boundingBoxSvg.height / 2\n        );\n\n        // Reflects x coordinate by centre point for Counter Clockwise type\n        const _adjustIfCounterClockwise = (oPoint: Point): Point => {\n            const res = Object.assign({}, oPoint);\n\n            if (this._fillDirection === 'counterclockwise') {\n                const iXDistanceFromCentre = oPoint.x - oCentrePoint.x;\n                res.x = oCentrePoint.x - iXDistanceFromCentre;\n            }\n\n            return res;\n        };\n\n        // Boundary centre is given by angle distance from the beginning (0°). The returned difference is related\n        // to x or y coordinate depending on boundary centre angle (e.g. 0° -> x, 90° -> y, 180° -> x  270° -> y).\n        // Boundary length is length of the corresponding side of bounding box (width for x, height for y).\n        const computeDifferenceFromBoundaryCentre = (\n            inAngle: number,\n            iBoundaryCentreAngle: number,\n            iBoundaryLength: number\n        ): number => {\n            const tan = Math.tan(((iBoundaryCentreAngle - inAngle) * Math.PI) / 180);\n\n            return (tan * iBoundaryLength) / 2;\n        };\n\n        points.push(oStartPoint);\n\n        if (0 < angle && angle < 45) {\n            xDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 0, boundingBoxSvg.height);\n            polygonPoint = new Point(oStartPoint.x - xDifferenceFromBoundaryCentre, oStartPoint.y);\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        if (45 <= angle) {\n            points.push(\n                _adjustIfCounterClockwise(new Point(boundingBoxSvg.x + boundingBoxSvg.width, boundingBoxSvg.y))\n            );\n        }\n\n        if (45 < angle && angle < 135) {\n            yDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 90, boundingBoxSvg.width);\n            polygonPoint = new Point(\n                boundingBoxSvg.x + boundingBoxSvg.width,\n                boundingBoxSvg.y + boundingBoxSvg.height / 2 - yDifferenceFromBoundaryCentre\n            );\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        if (135 <= angle) {\n            points.push(\n                _adjustIfCounterClockwise(\n                    new Point(boundingBoxSvg.x + boundingBoxSvg.width, boundingBoxSvg.y + boundingBoxSvg.height)\n                )\n            );\n        }\n\n        if (135 < angle && angle < 225) {\n            xDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 180, boundingBoxSvg.height);\n            polygonPoint = new Point(\n                boundingBoxSvg.x + boundingBoxSvg.width / 2 + xDifferenceFromBoundaryCentre,\n                boundingBoxSvg.y + boundingBoxSvg.height\n            );\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        if (225 <= angle) {\n            points.push(\n                _adjustIfCounterClockwise(new Point(boundingBoxSvg.x, boundingBoxSvg.y + boundingBoxSvg.height))\n            );\n        }\n\n        if (225 < angle && angle < 315) {\n            yDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 270, boundingBoxSvg.width);\n            polygonPoint = new Point(\n                boundingBoxSvg.x,\n                boundingBoxSvg.y + boundingBoxSvg.height / 2 + yDifferenceFromBoundaryCentre\n            );\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        if (315 <= angle) {\n            points.push(_adjustIfCounterClockwise(new Point(boundingBoxSvg.x, boundingBoxSvg.y)));\n        }\n\n        if (315 < angle && angle <= 360) {\n            xDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 360, boundingBoxSvg.height);\n            polygonPoint = new Point(\n                boundingBoxSvg.x + boundingBoxSvg.width / 2 - xDifferenceFromBoundaryCentre,\n                boundingBoxSvg.y\n            );\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        points.push(oCentrePoint);\n\n        return points;\n    }\n}\n","@if (labelPosition === 'left' || labelPosition === 'top') {\n    <span\n        [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n        [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n        [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n        [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n        [class.fd-status-indicator__label--top]=\"labelPosition === 'top'\"\n        [class.fd-status-indicator__label--left]=\"labelPosition === 'left'\"\n        class=\"fd-status-indicator__label\"\n        >{{ statusLabel }}\n    </span>\n}\n<svg\n    [attr.id]=\"id\"\n    data-sap-ui=\"__shape0-__box21-24\"\n    version=\"1.1\"\n    [attr.viewBox]=\"viewBox\"\n    xlmns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    class=\"fd-status-indicator__svg\"\n>\n    <ng-container [ngTemplateOutlet]=\"svgTemplate\"></ng-container>\n</svg>\n@if (labelPosition === 'right' || labelPosition === 'bottom') {\n    <span\n        [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n        [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n        [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n        [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n        [class.fd-status-indicator__label--right]=\"labelPosition === 'right'\"\n        [class.fd-status-indicator__label--bottom]=\"labelPosition === 'bottom'\"\n        class=\"fd-status-indicator__label\"\n        >{{ statusLabel }}\n    </span>\n}\n<ng-template #svgTemplate>\n    @for (path of path; track path; let i = $index) {\n        <svg\n            xlmns=\"http://www.w3.org/2000/svg\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            overflow=\"visible\"\n            [attr.id]=\"id + i\"\n            data-sap-ui=\"id\"\n        >\n            <defs>\n                @if (!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial') {\n                    <linearGradient\n                        id=\"{{ id + i }}-gradient\"\n                        [attr.x1]=\"x1\"\n                        [attr.y1]=\"y1\"\n                        [attr.x2]=\"x2\"\n                        [attr.y2]=\"y2\"\n                    >\n                        <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"white\">\n                            <animate\n                                attributeName=\"offset\"\n                                attr.values=\"0, {{ fillCalculator - i }}\"\n                                repeatCount=\"1\"\n                                dur=\"1s\"\n                                begin=\"0s\"\n                            />\n                        </stop>\n                        <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"transparent\">\n                            <animate\n                                attributeName=\"offset\"\n                                attr.values=\"0, {{ fillCalculator - i }}\"\n                                repeatCount=\"1\"\n                                dur=\"1s\"\n                                begin=\"0s\"\n                            />\n                        </stop>\n                    </linearGradient>\n                }\n                <mask #maskTemplate id=\"{{ id + i }}-mask\">\n                    @if (!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial') {\n                        <path\n                            id=\"{{ id + i }}-mask-shape\"\n                            [attr.d]=\"path\"\n                            stroke-width=\"0\"\n                            stroke=\"white\"\n                            attr.fill=\"url(#{{ id + i }}-gradient)\"\n                        ></path>\n                    }\n                    @if (fillingType === 'radial' && fillCalculator - i > 0 && fillCalculator - i < 1) {\n                        <polygon id=\"{{ id + i }}-mask-shape\" fill=\"white\" [attr.points]=\"pointsArray[i]\"></polygon>\n                    }\n                </mask>\n            </defs>\n            <path\n                id=\"{{ id + i }}-shape\"\n                [attr.d]=\"path\"\n                stroke-width=\"0\"\n                stroke=\"#89919A\"\n                attr.mask=\"url(#{{ id + i }}-mask)\"\n            ></path>\n            <path\n                id=\"{{ id + i }}-shape-border\"\n                [attr.d]=\"path\"\n                stroke-width=\"0.25\"\n                stroke=\"#89919A\"\n                fill=\"transparent\"\n            ></path>\n        </svg>\n    }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { StatusIndicatorComponent } from './status-indicator.component';\n\n@NgModule({\n    imports: [StatusIndicatorComponent],\n    exports: [StatusIndicatorComponent]\n})\nexport class StatusIndicatorModule {}\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-status-indicator.mjs","sources":["../../../../libs/core/status-indicator/status-indicator.component.ts","../../../../libs/core/status-indicator/status-indicator.component.html","../../../../libs/core/status-indicator/status-indicator.module.ts","../../../../libs/core/status-indicator/fundamental-ngx-core-status-indicator.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CssClassBuilder, Nullable, applyCssClass } from '@fundamental-ngx/cdk/utils';\n\nexport type StatusIndicatorSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type StatusIndicatorColor = 'negative' | 'critical' | 'positive';\nexport type LablePosition = 'left' | 'right' | 'top' | 'bottom';\nexport type FillingType = 'radial' | 'angled' | 'linearup' | 'lineardown' | 'linearleft';\nexport type FillingDirection = 'clockwise' | 'counterclockwise';\n\nexport class Point {\n    /** @hidden */\n    constructor(\n        public x: number,\n        public y: number\n    ) {}\n}\n\n@Component({\n    selector: 'fd-status-indicator',\n    templateUrl: './status-indicator.component.html',\n    styleUrl: './status-indicator.component.scss',\n    host: {\n        '[attr.aria-label]': 'ariaLabel',\n        '[attr.aria-roledescription]': 'ariaRoleDescription',\n        '[attr.focusable]': 'focusable',\n        '[attr.title]': 'title',\n        '[attr.role]': 'role',\n        '[attr.aria-valuetext]': 'ariaValueText',\n        '[attr.aria-valuenow]': 'fillPercentage ? fillPercentage : 0',\n        '[attr.aria-valuemin]': '0',\n        '[attr.aria-valuemax]': '100',\n        '[attr.tabindex]': 'focusable ? 0 : -1'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [NgTemplateOutlet]\n})\nexport class StatusIndicatorComponent implements OnChanges, AfterViewInit, CssClassBuilder, OnInit {\n    /**\n     * value id defines the id of the object.\n     */\n    @Input()\n    id: string;\n\n    /**\n     * defines the size of the status indicator.\n     * Can be one of the following: 'sm' | 'md' | 'lg' | 'xl'\n     * Default size is Medium(md).\n     */\n    @Input()\n    size: StatusIndicatorSize = 'md';\n\n    /**\n     * The status represented by the Status Indicator.\n     * Can be one of the following: 'negative' | 'critical' | 'informative'\n     * For default Object Status omit this property\n     */\n    @Input()\n    status: StatusIndicatorColor;\n\n    /** Define the text content of the Status indicator*/\n    @Input()\n    statusLabel: string;\n\n    /**\n     * positioning of the status indicator image withing the defined height and width .\n     */\n    @Input()\n    viewBox: string;\n\n    /**\n     * boolean value to be marked as a clickable\n     */\n    @Input()\n    clickable: boolean;\n\n    /**\n     * defines the size of the status indicator.\n     * Can be one of the following: 'sm' | 'md' | 'lg' | 'xl'\n     */\n    @Input()\n    labelSize: StatusIndicatorSize = 'sm';\n\n    /** Aria label for the Status Indicator. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** Aria defines role description for the Status Indicator. */\n    @Input()\n    ariaRoleDescription: Nullable<string>;\n\n    /** Aria Focusable for the Status Indicator. */\n    @Input()\n    focusable: boolean;\n\n    /** Aria Role for the Status Indicator. */\n    @Input()\n    role: Nullable<string>;\n\n    /** Aria Value Text for the Status Indicator. */\n    @Input()\n    ariaValueText: Nullable<string>;\n\n    /** Aria title for the status indicator. */\n    @Input()\n    title: Nullable<string>;\n\n    /** defines the label position the value can be 'left' | 'right' | 'top' | 'bottom' */\n    @Input()\n    labelPosition: LablePosition;\n\n    /** Path for the status indicator */\n    @Input()\n    path: string[];\n\n    /**\n     * Offset value to be filled under the give percentatge value.\n     */\n    @Input()\n    fillPercentage: number;\n\n    /**\n     * value to define fill direction\n     */\n    @Input()\n    fillDirection: FillingDirection = 'clockwise';\n\n    /** @hidden */\n    set _fillDirection(direction: FillingDirection) {\n        this.fillDirection = direction;\n    }\n    get _fillDirection(): FillingDirection {\n        return this.fillDirection;\n    }\n\n    /**\n     * FillingType to represent the fill pattern of the component\n     */\n    @Input()\n    fillingType: FillingType = 'lineardown';\n\n    /** represent the degree of angle to project the filling of the component */\n    @Input()\n    angle: number;\n\n    /** @hidden */\n    fillCalculator: number;\n    /** @hidden */\n    binaryString: string;\n    /** @hidden */\n    x1: string;\n    /** @hidden */\n    y1: string;\n    /** @hidden */\n    x2: string;\n    /** @hidden */\n    y2: string;\n    /** @hidden */\n    pointsArray: string[] = [];\n\n    /** @hidden */\n    class: string;\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef<HTMLElement>,\n        private _cd: ChangeDetectorRef\n    ) {}\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 [\n            'fd-status-indicator',\n            this.size ? `fd-status-indicator--${this.size}` : '',\n            this.status ? `fd-status-indicator--${this.status}` : '',\n            this.clickable ? `fd-status-indicator--link` : '',\n            this.labelPosition === 'right' || this.labelPosition === 'left'\n                ? `fd-status-indicator--horizontal-label`\n                : '',\n            this.class\n        ];\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._angleCalculation();\n        this._cd.detectChanges();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this._calculateFilling();\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    public ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    private _calculateFilling(): void {\n        if (this.fillPercentage < 0 || this.fillPercentage === undefined) {\n            this.fillCalculator = 0;\n        } else {\n            this.fillCalculator = (this.fillPercentage * this.path.length) / 100;\n        }\n    }\n\n    /** @hidden */\n    private _angleCalculation(): void {\n        let sPointsAttributeValue: Array<Point>;\n        let polygonPoints: string;\n        switch (this.fillingType) {\n            case 'angled':\n                this.binaryString = this._convertAngleToBinary(this.angle);\n                this._assignBinaryValue(this.binaryString);\n                break;\n            case 'radial': {\n                const tempPercent = this.fillCalculator % 1;\n                const fillNumber = Number(tempPercent.toFixed(2));\n                const element = this.elementRef.nativeElement.querySelectorAll('svg');\n\n                for (let i = 1; i < element.length; i++) {\n                    sPointsAttributeValue = this._getPolygonPointsForCircularFilling(\n                        fillNumber * 100,\n                        element[i].getBBox()\n                    );\n                    polygonPoints = sPointsAttributeValue.reduce((acc, item) => acc + item.x + ',' + item.y + ' ', '');\n                    this.pointsArray.push(polygonPoints);\n                }\n                break;\n            }\n            case 'linearup':\n                this.binaryString = this._convertAngleToBinary(90);\n                this._assignBinaryValue(this.binaryString);\n                break;\n            case 'lineardown':\n                this.binaryString = this._convertAngleToBinary(270);\n                this._assignBinaryValue(this.binaryString);\n                break;\n            case 'linearleft':\n                this.binaryString = this._convertAngleToBinary(180);\n                this._assignBinaryValue(this.binaryString);\n                break;\n            default:\n                throw new Error(`fdStatusIndicator: No fillType found for ${this.fillingType}.`);\n        }\n    }\n\n    /** @hidden */\n    private _convertAngleToBinary(angle: number): string {\n        if (angle > 0 && angle <= 45) {\n            return '1,0,0,1';\n        } else if (angle >= 45 && angle < 90) {\n            return '0,0,0,1';\n        } else if (angle >= 90 && angle < 135) {\n            return '0,0,0,1';\n        } else if (angle >= 135 && angle < 180) {\n            return '0,0,1,1';\n        } else if (angle >= 180 && angle < 225) {\n            return '0,0,1,0';\n        } else if (angle >= 225 && angle < 270) {\n            return '0,1,1,0';\n        } else if (angle >= 270 && angle < 315) {\n            return '0,1,0,0';\n        } else if (angle >= 315 && angle < 360) {\n            return '1,1,0,0';\n        } else if (angle === 0 || angle === 360) {\n            return '1,0,0,0';\n        } else {\n            return 'invalid';\n        }\n    }\n\n    /** @hidden */\n    private _assignBinaryValue(binaryString: string): void {\n        const binaryValue = binaryString.split(',');\n        this.x1 = binaryValue[0];\n        this.y1 = binaryValue[1];\n        this.x2 = binaryValue[2];\n        this.y2 = binaryValue[3];\n    }\n\n    /** @hidden */\n    private _getPolygonPointsForCircularFilling(value: number, boundingBoxSvg: DOMRect): Array<Point> {\n        const angle = 3.6 * value;\n        const points: Point[] = [];\n        let xDifferenceFromBoundaryCentre: number;\n        let yDifferenceFromBoundaryCentre: number;\n        let polygonPoint: Point;\n\n        // starts at 12, the algorithm computes the coordination for clockwise direction only\n        // counter clockwise direction is managed by symmetry\n        const oStartPoint = new Point(boundingBoxSvg.x + boundingBoxSvg.width / 2, boundingBoxSvg.y);\n        const oCentrePoint = new Point(\n            boundingBoxSvg.x + boundingBoxSvg.width / 2,\n            boundingBoxSvg.y + boundingBoxSvg.height / 2\n        );\n\n        // Reflects x coordinate by centre point for Counter Clockwise type\n        const _adjustIfCounterClockwise = (oPoint: Point): Point => {\n            const res = Object.assign({}, oPoint);\n\n            if (this._fillDirection === 'counterclockwise') {\n                const iXDistanceFromCentre = oPoint.x - oCentrePoint.x;\n                res.x = oCentrePoint.x - iXDistanceFromCentre;\n            }\n\n            return res;\n        };\n\n        // Boundary centre is given by angle distance from the beginning (0°). The returned difference is related\n        // to x or y coordinate depending on boundary centre angle (e.g. 0° -> x, 90° -> y, 180° -> x  270° -> y).\n        // Boundary length is length of the corresponding side of bounding box (width for x, height for y).\n        const computeDifferenceFromBoundaryCentre = (\n            inAngle: number,\n            iBoundaryCentreAngle: number,\n            iBoundaryLength: number\n        ): number => {\n            const tan = Math.tan(((iBoundaryCentreAngle - inAngle) * Math.PI) / 180);\n\n            return (tan * iBoundaryLength) / 2;\n        };\n\n        points.push(oStartPoint);\n\n        if (0 < angle && angle < 45) {\n            xDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 0, boundingBoxSvg.height);\n            polygonPoint = new Point(oStartPoint.x - xDifferenceFromBoundaryCentre, oStartPoint.y);\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        if (45 <= angle) {\n            points.push(\n                _adjustIfCounterClockwise(new Point(boundingBoxSvg.x + boundingBoxSvg.width, boundingBoxSvg.y))\n            );\n        }\n\n        if (45 < angle && angle < 135) {\n            yDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 90, boundingBoxSvg.width);\n            polygonPoint = new Point(\n                boundingBoxSvg.x + boundingBoxSvg.width,\n                boundingBoxSvg.y + boundingBoxSvg.height / 2 - yDifferenceFromBoundaryCentre\n            );\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        if (135 <= angle) {\n            points.push(\n                _adjustIfCounterClockwise(\n                    new Point(boundingBoxSvg.x + boundingBoxSvg.width, boundingBoxSvg.y + boundingBoxSvg.height)\n                )\n            );\n        }\n\n        if (135 < angle && angle < 225) {\n            xDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 180, boundingBoxSvg.height);\n            polygonPoint = new Point(\n                boundingBoxSvg.x + boundingBoxSvg.width / 2 + xDifferenceFromBoundaryCentre,\n                boundingBoxSvg.y + boundingBoxSvg.height\n            );\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        if (225 <= angle) {\n            points.push(\n                _adjustIfCounterClockwise(new Point(boundingBoxSvg.x, boundingBoxSvg.y + boundingBoxSvg.height))\n            );\n        }\n\n        if (225 < angle && angle < 315) {\n            yDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 270, boundingBoxSvg.width);\n            polygonPoint = new Point(\n                boundingBoxSvg.x,\n                boundingBoxSvg.y + boundingBoxSvg.height / 2 + yDifferenceFromBoundaryCentre\n            );\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        if (315 <= angle) {\n            points.push(_adjustIfCounterClockwise(new Point(boundingBoxSvg.x, boundingBoxSvg.y)));\n        }\n\n        if (315 < angle && angle <= 360) {\n            xDifferenceFromBoundaryCentre = computeDifferenceFromBoundaryCentre(angle, 360, boundingBoxSvg.height);\n            polygonPoint = new Point(\n                boundingBoxSvg.x + boundingBoxSvg.width / 2 - xDifferenceFromBoundaryCentre,\n                boundingBoxSvg.y\n            );\n            points.push(_adjustIfCounterClockwise(polygonPoint));\n        }\n\n        points.push(oCentrePoint);\n\n        return points;\n    }\n}\n","@if (labelPosition === 'left' || labelPosition === 'top') {\n    <span\n        [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n        [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n        [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n        [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n        [class.fd-status-indicator__label--top]=\"labelPosition === 'top'\"\n        [class.fd-status-indicator__label--left]=\"labelPosition === 'left'\"\n        class=\"fd-status-indicator__label\"\n        >{{ statusLabel }}\n    </span>\n}\n<svg\n    [attr.id]=\"id\"\n    data-sap-ui=\"__shape0-__box21-24\"\n    version=\"1.1\"\n    [attr.viewBox]=\"viewBox\"\n    xlmns=\"http://www.w3.org/2000/svg\"\n    preserveAspectRatio=\"xMidYMid meet\"\n    class=\"fd-status-indicator__svg\"\n>\n    <ng-container [ngTemplateOutlet]=\"svgTemplate\"></ng-container>\n</svg>\n@if (labelPosition === 'right' || labelPosition === 'bottom') {\n    <span\n        [class.fd-status-indicator__label--sm]=\"labelSize === 'sm'\"\n        [class.fd-status-indicator__label--md]=\"labelSize === 'md'\"\n        [class.fd-status-indicator__label--lg]=\"labelSize === 'lg'\"\n        [class.fd-status-indicator__label--xl]=\"labelSize === 'xl'\"\n        [class.fd-status-indicator__label--right]=\"labelPosition === 'right'\"\n        [class.fd-status-indicator__label--bottom]=\"labelPosition === 'bottom'\"\n        class=\"fd-status-indicator__label\"\n        >{{ statusLabel }}\n    </span>\n}\n<ng-template #svgTemplate>\n    @for (path of path; track path; let i = $index) {\n        <svg\n            xlmns=\"http://www.w3.org/2000/svg\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            overflow=\"visible\"\n            [attr.id]=\"id + i\"\n            data-sap-ui=\"id\"\n        >\n            <defs>\n                @if (!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial') {\n                    <linearGradient\n                        id=\"{{ id + i }}-gradient\"\n                        [attr.x1]=\"x1\"\n                        [attr.y1]=\"y1\"\n                        [attr.x2]=\"x2\"\n                        [attr.y2]=\"y2\"\n                    >\n                        <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"white\">\n                            <animate\n                                attributeName=\"offset\"\n                                attr.values=\"0, {{ fillCalculator - i }}\"\n                                repeatCount=\"1\"\n                                dur=\"1s\"\n                                begin=\"0s\"\n                            />\n                        </stop>\n                        <stop [attr.offset]=\"fillCalculator - i\" stop-color=\"transparent\">\n                            <animate\n                                attributeName=\"offset\"\n                                attr.values=\"0, {{ fillCalculator - i }}\"\n                                repeatCount=\"1\"\n                                dur=\"1s\"\n                                begin=\"0s\"\n                            />\n                        </stop>\n                    </linearGradient>\n                }\n                <mask #maskTemplate id=\"{{ id + i }}-mask\">\n                    @if (!(fillCalculator - i > 0 && fillCalculator - i < 1) || fillingType !== 'radial') {\n                        <path\n                            id=\"{{ id + i }}-mask-shape\"\n                            [attr.d]=\"path\"\n                            stroke-width=\"0\"\n                            stroke=\"white\"\n                            attr.fill=\"url(#{{ id + i }}-gradient)\"\n                        ></path>\n                    }\n                    @if (fillingType === 'radial' && fillCalculator - i > 0 && fillCalculator - i < 1) {\n                        <polygon id=\"{{ id + i }}-mask-shape\" fill=\"white\" [attr.points]=\"pointsArray[i]\"></polygon>\n                    }\n                </mask>\n            </defs>\n            <path\n                id=\"{{ id + i }}-shape\"\n                [attr.d]=\"path\"\n                stroke-width=\"0\"\n                stroke=\"#89919A\"\n                attr.mask=\"url(#{{ id + i }}-mask)\"\n            ></path>\n            <path\n                id=\"{{ id + i }}-shape-border\"\n                [attr.d]=\"path\"\n                stroke-width=\"0.25\"\n                stroke=\"#89919A\"\n                fill=\"transparent\"\n            ></path>\n        </svg>\n    }\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { StatusIndicatorComponent } from './status-indicator.component';\n\n@NgModule({\n    imports: [StatusIndicatorComponent],\n    exports: [StatusIndicatorComponent]\n})\nexport class StatusIndicatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-table.mjs

@@ -408,7 +408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
  */
 class TableResponsiveWrapperDirective {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableResponsiveWrapperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: TableResponsiveWrapperDirective, isStandalone: true, selector: "[fd-table-responsive-wrapper]", host: { styleAttribute: "overflow-x: auto" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: TableResponsiveWrapperDirective, isStandalone: true, selector: "[fd-table-responsive-wrapper]", host: { properties: { "style.overflow-x": "\"auto\"" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableResponsiveWrapperDirective, decorators: [{
             type: Directive,
@@ -416,7 +416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: '[fd-table-responsive-wrapper]',
                     host: {
-                        style: 'overflow-x: auto'
+                        '[style.overflow-x]': '"auto"'
                     },
                     standalone: true
                 }]