@fundamental-ngx/core 0.44.1-rc.3 → 0.45.0

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

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-facets.mjs","sources":["../../../../libs/core/src/lib/facets/constants.ts","../../../../libs/core/src/lib/facets/facet-group.component.ts","../../../../libs/core/src/lib/facets/utils.ts","../../../../libs/core/src/lib/facets/content/facet-content.component.ts","../../../../libs/core/src/lib/facets/facet/facet.component.ts","../../../../libs/core/src/lib/facets/facet/facet.component.html","../../../../libs/core/src/lib/facets/facet.module.ts","../../../../libs/core/src/lib/facets/fundamental-ngx-core-facets.ts"],"sourcesContent":["export const FACET_CLASS_NAME = {\n    facetContainer: 'fd-facet__container',\n    facetRatingIndicatorContainer: 'fd-facet__rating-container',\n    facetRatingIndicatorDynamicText: 'fd-facet__rating-dynamic-text',\n    facetObjectStatus: 'fd-facet__object-status',\n    facetObjectStatusText: 'fd-facet__object-status-text',\n    marginTopTiny: 'fd-margin-top--tiny',\n    marginBottomTiny: 'fd-margin-bottom--tiny',\n    marginEndTiny: 'fd-margin-end--tiny',\n    paddingNone: 'fd-padding--none'\n} as const;\n\nexport type FacetType = 'form' | 'key-value' | 'image' | 'rating-indicator' | 'custom';\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\n\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\n\n@Component({\n    selector: 'fd-facet-group',\n    template: ` <ng-content select=\"fd-facet\"></ng-content> `,\n    styleUrls: ['./facet-group.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class.fd-facet-group]': 'true',\n        '[attr.aria-label]': 'ariaLabel',\n        role: 'group'\n    }\n})\nexport class FacetGroupComponent {\n    /**\n     * the aria label for the facet group\n     */\n    @Input()\n    ariaLabel: Nullable<string>;\n}\n","import { Renderer2 } from '@angular/core';\n\nexport const addClassNameToFacetElement = (renderer: Renderer2, element: Element, className: string): void => {\n    renderer.addClass(element, className);\n};\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, Renderer2, OnInit } from '@angular/core';\nimport { FACET_CLASS_NAME } from '../constants';\nimport { addClassNameToFacetElement } from '../utils';\n\n@Component({\n    selector: 'fd-facet-content',\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class FacetContentComponent implements OnInit {\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef<HTMLElement>, private _renderer: Renderer2) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._addClassNameToHostElement(FACET_CLASS_NAME.facetContainer);\n    }\n\n    /** @hidden */\n    private _addClassNameToHostElement(className: string): void {\n        addClassNameToFacetElement(this._renderer, this.elementRef.nativeElement, className);\n    }\n}\n","import {\n    Component,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    ElementRef,\n    Renderer2,\n    AfterViewInit,\n    HostBinding\n} from '@angular/core';\nimport { FacetType, FACET_CLASS_NAME } from '../constants';\nimport { addClassNameToFacetElement } from '../utils';\n\nlet randomId = 0;\nlet randomTitleId = 0;\n\n@Component({\n    selector: 'fd-facet',\n    templateUrl: './facet.component.html',\n    styleUrls: ['./facet.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class.fd-facet]': 'true'\n    }\n})\nexport class FacetComponent implements AfterViewInit {\n    /** the type of Facet: form, key-value, image, rating-indicator */\n    @Input()\n    type: FacetType;\n\n    /** The facet title.\n     * For eg: for key-value facet, facetTitle is the key and the underlying object status or object number\n     * component is the value.\n     */\n    @Input()\n    facetTitle: string;\n\n    /** An optional subtitle to display in the rating-indicator facet */\n    @Input()\n    subtitle: string;\n\n    /**\n     * id for the facet\n     */\n    @Input()\n    @HostBinding('attr.role')\n    id = `fd-facet-id-${randomId++}`;\n\n    /**\n     * property that allows the facet to be aligned to the end of the facet group, right-aligned.\n     */\n    @Input()\n    alignEnd = false;\n\n    /** @hidden\n     * the appropriate role for each facet type\n     */\n    @HostBinding('attr.role')\n    get role(): string {\n        return this.type !== 'image' ? 'group' : '';\n    }\n\n    /** @hidden\n     * the appropriate aria-labelledby to associate with the role\n     */\n    @HostBinding('attr.aria-labelledby')\n    get ariaLabelledby(): string {\n        return this.type !== 'image' ? this.titleId : '';\n    }\n\n    /** @hidden\n     * the internal id for the title to be associated with the aria-labelledby\n     */\n    titleId = `fd-facet-title-id-${randomTitleId++}`;\n\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef<HTMLElement>, private _renderer: Renderer2) {}\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._setupAdditionalStyles();\n        this._addAlignmentModifier();\n    }\n\n    /**\n     * @hidden\n     * set up common styles and specific styles based on each facet type\n     */\n    private _setupAdditionalStyles(): void {\n        if (!this.type) {\n            return;\n        }\n        // add type modifier class to host\n        this.elementRef.nativeElement.classList.add(`fd-facet--${this.type}`);\n\n        // add margin end and bottom spacings\n        this.elementRef.nativeElement.classList.add(`fd-margin-end--md`);\n        if (this.type !== 'image') {\n            // add bottom margin to non-image facets\n            this.elementRef.nativeElement.classList.add(`fd-margin-bottom--sm`);\n        }\n\n        switch (this.type) {\n            case 'image':\n                // image should always be on the left\n                this._setStyleToHostElement('order', '-1');\n                break;\n            case 'rating-indicator': {\n                const ratingIndicatorComponent = this.elementRef.nativeElement.querySelector('.fd-rating-indicator');\n\n                if (!ratingIndicatorComponent) {\n                    return;\n                }\n                this._addClassNameToCustomElement(ratingIndicatorComponent, FACET_CLASS_NAME.facetContainer);\n                const ratingIndicatorContainer = ratingIndicatorComponent.querySelector(\n                    '.fd-rating-indicator__container'\n                );\n                if (!ratingIndicatorContainer) {\n                    return;\n                }\n                this._addClassNameToCustomElement(\n                    ratingIndicatorContainer,\n                    FACET_CLASS_NAME.facetRatingIndicatorContainer\n                );\n\n                const ratingIndicatorDynamicText = ratingIndicatorComponent.querySelector(\n                    '.fd-rating-indicator__dynamic-text'\n                );\n                if (!ratingIndicatorDynamicText) {\n                    return;\n                }\n                this._addClassNameToCustomElement(\n                    ratingIndicatorDynamicText,\n                    FACET_CLASS_NAME.facetRatingIndicatorDynamicText\n                );\n                this._addClassNameToCustomElement(ratingIndicatorDynamicText, FACET_CLASS_NAME.marginTopTiny);\n                break;\n            }\n            case 'form': {\n                const formFacetContainer = this.elementRef.nativeElement.querySelectorAll('.fd-facet__container');\n                if (!formFacetContainer) {\n                    return;\n                }\n                formFacetContainer.forEach((container, index) => {\n                    if (index !== formFacetContainer.length - 1) {\n                        this._addClassNameToCustomElement(container, FACET_CLASS_NAME.marginBottomTiny);\n                    }\n                    // if icon+link is presented, add spacing to the icon\n                    const iconComponent = container.querySelector('fd-icon');\n                    if (!iconComponent) {\n                        return;\n                    }\n                    this._addClassNameToCustomElement(iconComponent, FACET_CLASS_NAME.marginEndTiny);\n                });\n\n                break;\n            }\n            case 'key-value': {\n                // add class to object status\n                const objectStatusComponent = this.elementRef.nativeElement.querySelector('.fd-object-status');\n                if (!objectStatusComponent) {\n                    return;\n                }\n                this._addClassNameToCustomElement(objectStatusComponent, FACET_CLASS_NAME.facetObjectStatus);\n\n                // add class to override font-family value\n                const objectStatusText = objectStatusComponent.querySelector('.fd-object-status__text');\n                if (!objectStatusText) {\n                    return;\n                }\n                this._addClassNameToCustomElement(objectStatusText, FACET_CLASS_NAME.facetObjectStatusText);\n\n                // add spacing to object status icon, if present\n                const objectStatusIcon = objectStatusComponent.querySelector('.fd-object-status__icon');\n                if (!objectStatusIcon) {\n                    return;\n                }\n                this._addClassNameToCustomElement(objectStatusIcon, FACET_CLASS_NAME.paddingNone);\n                this._addClassNameToCustomElement(objectStatusIcon, FACET_CLASS_NAME.marginEndTiny);\n                break;\n            }\n            default:\n                break;\n        }\n    }\n\n    /** @hidden\n     * adds the logic for `alignEnd` modifier\n     */\n    private _addAlignmentModifier(): void {\n        if (!this.alignEnd) {\n            return;\n        }\n        addClassNameToFacetElement(this._renderer, this.elementRef.nativeElement, 'fd-facet-align-end');\n\n        // add margins to the left after removing existing right margin\n        this.elementRef.nativeElement.classList.remove(`fd-margin-end--md`);\n        this.elementRef.nativeElement.classList.add(`fd-margin-begin--md`);\n    }\n\n    /** @hidden */\n    private _setStyleToHostElement(attribute: string, value: any): void {\n        this._renderer.setStyle(this.elementRef.nativeElement, attribute, value);\n    }\n\n    /** @hidden */\n    private _addClassNameToCustomElement(element: Element, className: string): void {\n        addClassNameToFacetElement(this._renderer, element, className);\n    }\n}\n","<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title [headerSize]=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FacetGroupComponent } from './facet-group.component';\nimport { FacetContentComponent } from './content/facet-content.component';\nimport { FacetComponent } from './facet/facet.component';\nimport { TitleModule } from '@fundamental-ngx/core/title';\nimport { FormLabelModule } from '@fundamental-ngx/core/form';\n\n@NgModule({\n    declarations: [FacetComponent, FacetGroupComponent, FacetContentComponent],\n    imports: [CommonModule, TitleModule, FormLabelModule],\n    exports: [FacetComponent, FacetGroupComponent, FacetContentComponent]\n})\nexport class FacetModule {}\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-facets.mjs","sources":["../../../../libs/core/src/lib/facets/constants.ts","../../../../libs/core/src/lib/facets/facet-group.component.ts","../../../../libs/core/src/lib/facets/utils.ts","../../../../libs/core/src/lib/facets/content/facet-content.component.ts","../../../../libs/core/src/lib/facets/facet/facet.component.ts","../../../../libs/core/src/lib/facets/facet/facet.component.html","../../../../libs/core/src/lib/facets/facet.module.ts","../../../../libs/core/src/lib/facets/fundamental-ngx-core-facets.ts"],"sourcesContent":["export const FACET_CLASS_NAME = {\n    facetContainer: 'fd-facet__container',\n    facetRatingIndicatorContainer: 'fd-facet__rating-container',\n    facetRatingIndicatorDynamicText: 'fd-facet__rating-dynamic-text',\n    facetObjectStatus: 'fd-facet__object-status',\n    facetObjectStatusText: 'fd-facet__object-status-text',\n    marginTopTiny: 'fd-margin-top--tiny',\n    marginBottomTiny: 'fd-margin-bottom--tiny',\n    marginEndTiny: 'fd-margin-end--tiny',\n    paddingNone: 'fd-padding--none'\n} as const;\n\nexport type FacetType = 'form' | 'key-value' | 'image' | 'rating-indicator' | 'custom';\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\n\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\n\n@Component({\n    selector: 'fd-facet-group',\n    template: ` <ng-content select=\"fd-facet\"></ng-content> `,\n    styleUrls: ['./facet-group.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class.fd-facet-group]': 'true',\n        '[attr.aria-label]': 'ariaLabel',\n        role: 'group'\n    }\n})\nexport class FacetGroupComponent {\n    /**\n     * the aria label for the facet group\n     */\n    @Input()\n    ariaLabel: Nullable<string>;\n}\n","import { Renderer2 } from '@angular/core';\n\nexport const addClassNameToFacetElement = (renderer: Renderer2, element: Element, className: string): void => {\n    renderer.addClass(element, className);\n};\n","import { Component, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, Renderer2, OnInit } from '@angular/core';\nimport { FACET_CLASS_NAME } from '../constants';\nimport { addClassNameToFacetElement } from '../utils';\n\n@Component({\n    selector: 'fd-facet-content',\n    template: ` <ng-content></ng-content> `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class FacetContentComponent implements OnInit {\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef<HTMLElement>, private _renderer: Renderer2) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._addClassNameToHostElement(FACET_CLASS_NAME.facetContainer);\n    }\n\n    /** @hidden */\n    private _addClassNameToHostElement(className: string): void {\n        addClassNameToFacetElement(this._renderer, this.elementRef.nativeElement, className);\n    }\n}\n","import {\n    Component,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    ElementRef,\n    Renderer2,\n    AfterViewInit,\n    HostBinding\n} from '@angular/core';\nimport { FacetType, FACET_CLASS_NAME } from '../constants';\nimport { addClassNameToFacetElement } from '../utils';\n\nlet randomId = 0;\nlet randomTitleId = 0;\n\n@Component({\n    selector: 'fd-facet',\n    templateUrl: './facet.component.html',\n    styleUrls: ['./facet.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class.fd-facet]': 'true'\n    }\n})\nexport class FacetComponent implements AfterViewInit {\n    /** the type of Facet: form, key-value, image, rating-indicator */\n    @Input()\n    type: FacetType;\n\n    /** The facet title.\n     * For eg: for key-value facet, facetTitle is the key and the underlying object status or object number\n     * component is the value.\n     */\n    @Input()\n    facetTitle: string;\n\n    /** An optional subtitle to display in the rating-indicator facet */\n    @Input()\n    subtitle: string;\n\n    /**\n     * id for the facet\n     */\n    @Input()\n    @HostBinding('attr.role')\n    id = `fd-facet-id-${randomId++}`;\n\n    /**\n     * property that allows the facet to be aligned to the end of the facet group, right-aligned.\n     */\n    @Input()\n    alignEnd = false;\n\n    /** @hidden\n     * the appropriate role for each facet type\n     */\n    @HostBinding('attr.role')\n    get role(): string {\n        return this.type !== 'image' ? 'group' : '';\n    }\n\n    /** @hidden\n     * the appropriate aria-labelledby to associate with the role\n     */\n    @HostBinding('attr.aria-labelledby')\n    get ariaLabelledby(): string {\n        return this.type !== 'image' ? this.titleId : '';\n    }\n\n    /** @hidden\n     * the internal id for the title to be associated with the aria-labelledby\n     */\n    titleId = `fd-facet-title-id-${randomTitleId++}`;\n\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef<HTMLElement>, private _renderer: Renderer2) {}\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._setupAdditionalStyles();\n        this._addAlignmentModifier();\n    }\n\n    /**\n     * @hidden\n     * set up common styles and specific styles based on each facet type\n     */\n    private _setupAdditionalStyles(): void {\n        if (!this.type) {\n            return;\n        }\n        // add type modifier class to host\n        this.elementRef.nativeElement.classList.add(`fd-facet--${this.type}`);\n\n        // add margin end and bottom spacings\n        this.elementRef.nativeElement.classList.add(`fd-margin-end--md`);\n        if (this.type !== 'image') {\n            // add bottom margin to non-image facets\n            this.elementRef.nativeElement.classList.add(`fd-margin-bottom--sm`);\n        }\n\n        switch (this.type) {\n            case 'image':\n                // image should always be on the left\n                this._setStyleToHostElement('order', '-1');\n                break;\n            case 'rating-indicator': {\n                const ratingIndicatorComponent = this.elementRef.nativeElement.querySelector('.fd-rating-indicator');\n\n                if (!ratingIndicatorComponent) {\n                    return;\n                }\n                this._addClassNameToCustomElement(ratingIndicatorComponent, FACET_CLASS_NAME.facetContainer);\n                const ratingIndicatorContainer = ratingIndicatorComponent.querySelector(\n                    '.fd-rating-indicator__container'\n                );\n                if (!ratingIndicatorContainer) {\n                    return;\n                }\n                this._addClassNameToCustomElement(\n                    ratingIndicatorContainer,\n                    FACET_CLASS_NAME.facetRatingIndicatorContainer\n                );\n\n                const ratingIndicatorDynamicText = ratingIndicatorComponent.querySelector(\n                    '.fd-rating-indicator__dynamic-text'\n                );\n                if (!ratingIndicatorDynamicText) {\n                    return;\n                }\n                this._addClassNameToCustomElement(\n                    ratingIndicatorDynamicText,\n                    FACET_CLASS_NAME.facetRatingIndicatorDynamicText\n                );\n                this._addClassNameToCustomElement(ratingIndicatorDynamicText, FACET_CLASS_NAME.marginTopTiny);\n                break;\n            }\n            case 'form': {\n                const formFacetContainer = this.elementRef.nativeElement.querySelectorAll('.fd-facet__container');\n                if (!formFacetContainer) {\n                    return;\n                }\n                formFacetContainer.forEach((container, index) => {\n                    if (index !== formFacetContainer.length - 1) {\n                        this._addClassNameToCustomElement(container, FACET_CLASS_NAME.marginBottomTiny);\n                    }\n                    // if icon+link is presented, add spacing to the icon\n                    const iconComponent = container.querySelector('fd-icon');\n                    if (!iconComponent) {\n                        return;\n                    }\n                    this._addClassNameToCustomElement(iconComponent, FACET_CLASS_NAME.marginEndTiny);\n                });\n\n                break;\n            }\n            case 'key-value': {\n                // add class to object status\n                const objectStatusComponent = this.elementRef.nativeElement.querySelector('.fd-object-status');\n                if (!objectStatusComponent) {\n                    return;\n                }\n                this._addClassNameToCustomElement(objectStatusComponent, FACET_CLASS_NAME.facetObjectStatus);\n\n                // add class to override font-family value\n                const objectStatusText = objectStatusComponent.querySelector('.fd-object-status__text');\n                if (!objectStatusText) {\n                    return;\n                }\n                this._addClassNameToCustomElement(objectStatusText, FACET_CLASS_NAME.facetObjectStatusText);\n\n                // add spacing to object status icon, if present\n                const objectStatusIcon = objectStatusComponent.querySelector('.fd-object-status__icon');\n                if (!objectStatusIcon) {\n                    return;\n                }\n                this._addClassNameToCustomElement(objectStatusIcon, FACET_CLASS_NAME.paddingNone);\n                this._addClassNameToCustomElement(objectStatusIcon, FACET_CLASS_NAME.marginEndTiny);\n                break;\n            }\n            default:\n                break;\n        }\n    }\n\n    /** @hidden\n     * adds the logic for `alignEnd` modifier\n     */\n    private _addAlignmentModifier(): void {\n        if (!this.alignEnd) {\n            return;\n        }\n        addClassNameToFacetElement(this._renderer, this.elementRef.nativeElement, 'fd-facet-align-end');\n\n        // add margins to the left after removing existing right margin\n        this.elementRef.nativeElement.classList.remove(`fd-margin-end--md`);\n        this.elementRef.nativeElement.classList.add(`fd-margin-begin--md`);\n    }\n\n    /** @hidden */\n    private _setStyleToHostElement(attribute: string, value: any): void {\n        this._renderer.setStyle(this.elementRef.nativeElement, attribute, value);\n    }\n\n    /** @hidden */\n    private _addClassNameToCustomElement(element: Element, className: string): void {\n        addClassNameToFacetElement(this._renderer, element, className);\n    }\n}\n","<ng-container *ngIf=\"type === 'image'\">\n    <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"type !== 'image'\">\n    <h1 *ngIf=\"facetTitle\" fd-title [headerSize]=\"5\" class=\"fd-margin-bottom--sm\" [id]=\"titleId\">{{ facetTitle }}</h1>\n    <ng-container *ngIf=\"type === 'form'\">\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'key-value' || 'custom'\">\n        <ng-container *ngTemplateOutlet=\"customContentTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'rating-indicator'\">\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </ng-container>\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FacetGroupComponent } from './facet-group.component';\nimport { FacetContentComponent } from './content/facet-content.component';\nimport { FacetComponent } from './facet/facet.component';\nimport { TitleModule } from '@fundamental-ngx/core/title';\nimport { FormLabelModule } from '@fundamental-ngx/core/form';\n\n@NgModule({\n    declarations: [FacetComponent, FacetGroupComponent, FacetContentComponent],\n    imports: [CommonModule, TitleModule, FormLabelModule],\n    exports: [FacetComponent, FacetGroupComponent, FacetContentComponent]\n})\nexport class FacetModule {}\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-feed-list-item.mjs

@@ -8,7 +8,7 @@ import * as i2 from '@fundamental-ngx/core/formatted-text';
 import { FormattedTextModule } from '@fundamental-ngx/core/formatted-text';
 import { __decorate, __metadata } from 'tslib';
 import * as i4 from '@fundamental-ngx/cdk/utils';
-import { warnOnce, applyCssClass, PipeModule } from '@fundamental-ngx/cdk/utils';
+import { applyCssClass, PipeModule } from '@fundamental-ngx/cdk/utils';
 import * as i5 from '@fundamental-ngx/i18n';
 import { I18nModule } from '@fundamental-ngx/i18n';
 
@@ -18,28 +18,6 @@ const CSS_CLASS_NAME = {
 };
 
 class FeedListItemComponent {
-    /**
-     * @deprecated use i18n capabilities instead
-     * Text for more button
-     */
-    set moreLabel(value) {
-        warnOnce("Property moreLabel is deprecated. Use i18n capabilities 'coreFeedListItem.moreLabel' key instead.");
-        this._moreLabel = value;
-    }
-    get moreLabel() {
-        return this._moreLabel;
-    }
-    /**
-     * @deprecated use i18n capabilities instead
-     * Text for less button
-     */
-    set lessLabel(value) {
-        warnOnce("Property lessLabel is deprecated. Use i18n capabilities 'coreFeedListItem.lessLabel' key instead.");
-        this._lessLabel = value;
-    }
-    get lessLabel() {
-        return this._lessLabel;
-    }
     /** @hidden */
     constructor(elementRef) {
         this.elementRef = elementRef;
@@ -56,12 +34,12 @@ class FeedListItemComponent {
          * Apply mobile view
          */
         this.mobile = false;
-        /** @hidden */
-        this.maxCharsAtDefault = false;
         /**
          * Apply body class by default
          */
         this.isFeedListItemBody = true;
+        /** @hidden */
+        this.maxCharsAtDefault = false;
         /**
          * Shows toggle state of feed text - more or less
          */
@@ -71,6 +49,14 @@ class FeedListItemComponent {
          */
         this.hasMore = false;
     }
+    /** @hidden
+     * CssClassBuilder interface implementation
+     * function must return single string
+     * function is responsible for order which css classes are applied
+     */
+    buildComponentCssClass() {
+        return [CSS_CLASS_NAME.item, this.class, this.isRichText ? '' : `${CSS_CLASS_NAME.item}--collapsible`];
+    }
     /** @hidden */
     setHasMore() {
         if (this.text) {
@@ -98,20 +84,12 @@ class FeedListItemComponent {
         this.maxCharsAtDefault && this.setDefaultMaxChars();
         this.setHasMore();
     }
-    /** @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass() {
-        return [CSS_CLASS_NAME.item, this.class, this.isRichText ? '' : `${CSS_CLASS_NAME.item}--collapsible`];
-    }
     /** @hidden */
     toggleTextView() {
         this.isCollapsed = !this.isCollapsed;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FeedListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: FeedListItemComponent, selector: "fd-feed-list-item", inputs: { class: "class", authorTitle: "authorTitle", authorLink: "authorLink", text: "text", maxChars: "maxChars", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", moreLabel: "moreLabel", lessLabel: "lessLabel", isRichText: "isRichText", mobile: "mobile" }, host: { properties: { "class.fd-feed-list__body": "this.isFeedListItemBody" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"mobile; then headerTmpl; else avatarContent\"></ng-container>\n<div class=\"fd-feed-list__content\">\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </ng-container>\n    <p class=\"fd-feed-list__text\">\n        <ng-container *ngIf=\"!isRichText\">\n            <ng-container *ngTemplateOutlet=\"feedContent; context: { $implicit: author }\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"isRichText\">\n            <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        </ng-container>\n    </p>\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        <ng-container *ngIf=\"authorLink; else authorTitleTemplate\">\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe : 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-container *ngTemplateOutlet=\"authorTitleTemplate\"></ng-container>\n            </a> </ng-container\n        >:\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n\n<ng-template #feedContent let-param>\n    <ng-container *ngTemplateOutlet=\"param\"></ng-container>\n    <span>\n        {{ isCollapsed ? (text | truncate : maxChars) : text }}\n    </span>\n    <a\n        fd-link\n        class=\"fd-feed-list__link--more\"\n        tabindex=\"0\"\n        *ngIf=\"!isRichText && hasMore\"\n        (click)=\"toggleTextView()\"\n        >{{\n            isCollapsed\n                ? moreLabel || ('coreFeedListItem.moreLabel' | fdTranslate)\n                : lessLabel || ('coreFeedListItem.lessLabel' | fdTranslate)\n        }}</a\n    >\n</ng-template>\n\n<ng-template #headerTmpl>\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-container *ngTemplateOutlet=\"avatarContent\"></ng-container>\n            <div>\n                <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n            </div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".fd-feed-list__name a{max-width:75%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.fd-feed-list__thumb{display:flex;align-items:center;justify-content:center;max-width:3rem;flex:0 0 3rem;height:3rem;overflow:hidden}.fd-feed-list__thumb img{width:100%;height:100%;object-fit:contain}.fd-feed-list__link--more{cursor:pointer;text-transform:initial}.fd-feed-list__link--more:hover{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormattedTextComponent, selector: "fd-formatted-text", inputs: ["htmlText", "convertedLinksDefaultTarget", "height", "width"], exportAs: ["fd-formatted-text"] }, { kind: "component", type: i3.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "pipe", type: i4.SafePipe, name: "safe" }, { kind: "pipe", type: i4.TruncatePipe, name: "truncate" }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: FeedListItemComponent, selector: "fd-feed-list-item", inputs: { class: "class", authorTitle: "authorTitle", authorLink: "authorLink", text: "text", maxChars: "maxChars", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", isRichText: "isRichText", mobile: "mobile" }, host: { properties: { "class.fd-feed-list__body": "this.isFeedListItemBody" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"mobile; then headerTmpl; else avatarContent\"></ng-container>\n<div class=\"fd-feed-list__content\">\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </ng-container>\n    <p class=\"fd-feed-list__text\">\n        <ng-container *ngIf=\"!isRichText\">\n            <ng-container *ngTemplateOutlet=\"feedContent; context: { $implicit: author }\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"isRichText\">\n            <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        </ng-container>\n    </p>\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        <ng-container *ngIf=\"authorLink; else authorTitleTemplate\">\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe : 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-container *ngTemplateOutlet=\"authorTitleTemplate\"></ng-container>\n            </a> </ng-container\n        >:\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n\n<ng-template #feedContent let-param>\n    <ng-container *ngTemplateOutlet=\"param\"></ng-container>\n    <span>\n        {{ isCollapsed ? (text | truncate : maxChars) : text }}\n    </span>\n    <a\n        fd-link\n        class=\"fd-feed-list__link--more\"\n        tabindex=\"0\"\n        *ngIf=\"!isRichText && hasMore\"\n        (click)=\"toggleTextView()\"\n        >{{\n            isCollapsed ? ('coreFeedListItem.moreLabel' | fdTranslate) : ('coreFeedListItem.lessLabel' | fdTranslate)\n        }}</a\n    >\n</ng-template>\n\n<ng-template #headerTmpl>\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-container *ngTemplateOutlet=\"avatarContent\"></ng-container>\n            <div>\n                <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n            </div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".fd-feed-list__name a{max-width:75%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.fd-feed-list__thumb{display:flex;align-items:center;justify-content:center;max-width:3rem;flex:0 0 3rem;height:3rem;overflow:hidden}.fd-feed-list__thumb img{width:100%;height:100%;object-fit:contain}.fd-feed-list__link--more{cursor:pointer;text-transform:initial}.fd-feed-list__link--more:hover{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormattedTextComponent, selector: "fd-formatted-text", inputs: ["htmlText", "convertedLinksDefaultTarget", "height", "width"], exportAs: ["fd-formatted-text"] }, { kind: "component", type: i3.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "pipe", type: i4.SafePipe, name: "safe" }, { kind: "pipe", type: i4.TruncatePipe, name: "truncate" }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -121,7 +99,7 @@ __decorate([
 ], FeedListItemComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FeedListItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-feed-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"mobile; then headerTmpl; else avatarContent\"></ng-container>\n<div class=\"fd-feed-list__content\">\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </ng-container>\n    <p class=\"fd-feed-list__text\">\n        <ng-container *ngIf=\"!isRichText\">\n            <ng-container *ngTemplateOutlet=\"feedContent; context: { $implicit: author }\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"isRichText\">\n            <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        </ng-container>\n    </p>\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        <ng-container *ngIf=\"authorLink; else authorTitleTemplate\">\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe : 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-container *ngTemplateOutlet=\"authorTitleTemplate\"></ng-container>\n            </a> </ng-container\n        >:\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n\n<ng-template #feedContent let-param>\n    <ng-container *ngTemplateOutlet=\"param\"></ng-container>\n    <span>\n        {{ isCollapsed ? (text | truncate : maxChars) : text }}\n    </span>\n    <a\n        fd-link\n        class=\"fd-feed-list__link--more\"\n        tabindex=\"0\"\n        *ngIf=\"!isRichText && hasMore\"\n        (click)=\"toggleTextView()\"\n        >{{\n            isCollapsed\n                ? moreLabel || ('coreFeedListItem.moreLabel' | fdTranslate)\n                : lessLabel || ('coreFeedListItem.lessLabel' | fdTranslate)\n        }}</a\n    >\n</ng-template>\n\n<ng-template #headerTmpl>\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-container *ngTemplateOutlet=\"avatarContent\"></ng-container>\n            <div>\n                <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n            </div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".fd-feed-list__name a{max-width:75%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.fd-feed-list__thumb{display:flex;align-items:center;justify-content:center;max-width:3rem;flex:0 0 3rem;height:3rem;overflow:hidden}.fd-feed-list__thumb img{width:100%;height:100%;object-fit:contain}.fd-feed-list__link--more{cursor:pointer;text-transform:initial}.fd-feed-list__link--more:hover{text-decoration:underline}\n"] }]
+            args: [{ selector: 'fd-feed-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"mobile; then headerTmpl; else avatarContent\"></ng-container>\n<div class=\"fd-feed-list__content\">\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </ng-container>\n    <p class=\"fd-feed-list__text\">\n        <ng-container *ngIf=\"!isRichText\">\n            <ng-container *ngTemplateOutlet=\"feedContent; context: { $implicit: author }\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"isRichText\">\n            <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        </ng-container>\n    </p>\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        <ng-container *ngIf=\"authorLink; else authorTitleTemplate\">\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe : 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-container *ngTemplateOutlet=\"authorTitleTemplate\"></ng-container>\n            </a> </ng-container\n        >:\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n\n<ng-template #feedContent let-param>\n    <ng-container *ngTemplateOutlet=\"param\"></ng-container>\n    <span>\n        {{ isCollapsed ? (text | truncate : maxChars) : text }}\n    </span>\n    <a\n        fd-link\n        class=\"fd-feed-list__link--more\"\n        tabindex=\"0\"\n        *ngIf=\"!isRichText && hasMore\"\n        (click)=\"toggleTextView()\"\n        >{{\n            isCollapsed ? ('coreFeedListItem.moreLabel' | fdTranslate) : ('coreFeedListItem.lessLabel' | fdTranslate)\n        }}</a\n    >\n</ng-template>\n\n<ng-template #headerTmpl>\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-container *ngTemplateOutlet=\"avatarContent\"></ng-container>\n            <div>\n                <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n            </div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".fd-feed-list__name a{max-width:75%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.fd-feed-list__thumb{display:flex;align-items:center;justify-content:center;max-width:3rem;flex:0 0 3rem;height:3rem;overflow:hidden}.fd-feed-list__thumb img{width:100%;height:100%;object-fit:contain}.fd-feed-list__link--more{cursor:pointer;text-transform:initial}.fd-feed-list__link--more:hover{text-decoration:underline}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
                 type: Input
             }], authorTitle: [{
@@ -136,10 +114,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                 type: Input
             }], ariaLabelledby: [{
                 type: Input
-            }], moreLabel: [{
-                type: Input
-            }], lessLabel: [{
-                type: Input
             }], isRichText: [{
                 type: Input
             }], mobile: [{

package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-feed-list-item.mjs","sources":["../../../../libs/core/src/lib/feed-list-item/constants.ts","../../../../libs/core/src/lib/feed-list-item/components/item/feed-list-item.component.ts","../../../../libs/core/src/lib/feed-list-item/components/item/feed-list-item.component.html","../../../../libs/core/src/lib/feed-list-item/components/list/feed-list.component.ts","../../../../libs/core/src/lib/feed-list-item/components/list/feed-list.component.html","../../../../libs/core/src/lib/feed-list-item/components/feed-list-avatar/feed-list-avatar.component.ts","../../../../libs/core/src/lib/feed-list-item/components/feed-list-action/feed-list-action.component.ts","../../../../libs/core/src/lib/feed-list-item/components/feed-list-footer/feed-list-footer.component.ts","../../../../libs/core/src/lib/feed-list-item/directives/byline.directive.ts","../../../../libs/core/src/lib/feed-list-item/feed-list-item.module.ts","../../../../libs/core/src/lib/feed-list-item/fundamental-ngx-core-feed-list-item.ts"],"sourcesContent":["export const CSS_CLASS_NAME = {\n    list: 'fd-feed-list',\n    item: 'fd-feed-list__item'\n};\n","import { HostBinding } from '@angular/core';\nimport {\n    Component,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    Input,\n    SimpleChanges,\n    ElementRef,\n    OnInit,\n    OnChanges\n} from '@angular/core';\nimport { applyCssClass, CssClassBuilder, warnOnce } from '@fundamental-ngx/cdk/utils';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\n\nimport { CSS_CLASS_NAME } from '../../constants';\n\n@Component({\n    selector: 'fd-feed-list-item',\n    templateUrl: './feed-list-item.component.html',\n    styleUrls: ['./feed-list-item.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FeedListItemComponent implements OnInit, OnChanges, CssClassBuilder {\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /**\n     * Author of feed\n     */\n    @Input()\n    authorTitle: string;\n\n    /**\n     * Link to Author of feed\n     */\n    @Input()\n    authorLink: Nullable<string>;\n\n    /**\n     * Feed text\n     */\n    @Input()\n    text: string;\n\n    /**\n     * Max preview characters of Feed text. If you have more than max characters text, you can toggle preview/full text with more/less button.\n     */\n    @Input()\n    maxChars: number;\n\n    /**\n     * Sets the `aria-label` attribute to the element.\n     */\n    @Input()\n    ariaLabel = '';\n\n    /**\n     * aria-labelledby for element describing.\n     */\n    @Input()\n    ariaLabelledby: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Text for more button\n     */\n    @Input()\n    set moreLabel(value: string) {\n        warnOnce(\"Property moreLabel is deprecated. Use i18n capabilities 'coreFeedListItem.moreLabel' key instead.\");\n        this._moreLabel = value;\n    }\n\n    get moreLabel(): string {\n        return this._moreLabel;\n    }\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Text for less button\n     */\n    @Input()\n    set lessLabel(value: string) {\n        warnOnce(\"Property lessLabel is deprecated. Use i18n capabilities 'coreFeedListItem.lessLabel' key instead.\");\n        this._lessLabel = value;\n    }\n\n    get lessLabel(): string {\n        return this._lessLabel;\n    }\n\n    /**\n     * Apply rich feed text, please note - we use a formatted text component with this option, it has a list of controlled tags and attibutes.\n     * This feature should be handled with care as it allows for countless custom layouts.\n     */\n    @Input()\n    isRichText = false;\n\n    /**\n     * Apply mobile view\n     */\n    @Input()\n    mobile = false;\n\n    /** @hidden */\n    maxCharsAtDefault = false;\n\n    /**\n     * Apply body class by default\n     */\n    @HostBinding('class.fd-feed-list__body')\n    isFeedListItemBody = true;\n\n    /**\n     * Shows toggle state of feed text - more or less\n     */\n    isCollapsed = true;\n\n    /**\n     * Shows have you more line than max lines\n     */\n    hasMore = false;\n\n    /** @hidden */\n    private _moreLabel: string;\n\n    /** @hidden */\n    private _lessLabel: string;\n\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef) {}\n\n    /** @hidden */\n    setHasMore(): void {\n        if (this.text) {\n            this.hasMore = this.text.length > this.maxChars;\n        }\n    }\n\n    /** @hidden */\n    setDefaultMaxChars(): void {\n        this.maxChars = this.mobile ? 300 : 500;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n        if (!this.maxChars) {\n            this.setDefaultMaxChars();\n            this.maxCharsAtDefault = true;\n        }\n        this.setHasMore();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('class' in changes || 'isRichText' in changes) {\n            this.buildComponentCssClass();\n        }\n        this.maxCharsAtDefault && this.setDefaultMaxChars();\n        this.setHasMore();\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 [CSS_CLASS_NAME.item, this.class, this.isRichText ? '' : `${CSS_CLASS_NAME.item}--collapsible`];\n    }\n\n    /** @hidden */\n    toggleTextView(): void {\n        this.isCollapsed = !this.isCollapsed;\n    }\n}\n","<ng-container *ngIf=\"mobile; then headerTmpl; else avatarContent\"></ng-container>\n<div class=\"fd-feed-list__content\">\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </ng-container>\n    <p class=\"fd-feed-list__text\">\n        <ng-container *ngIf=\"!isRichText\">\n            <ng-container *ngTemplateOutlet=\"feedContent; context: { $implicit: author }\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"isRichText\">\n            <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        </ng-container>\n    </p>\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        <ng-container *ngIf=\"authorLink; else authorTitleTemplate\">\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe : 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-container *ngTemplateOutlet=\"authorTitleTemplate\"></ng-container>\n            </a> </ng-container\n        >:\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n\n<ng-template #feedContent let-param>\n    <ng-container *ngTemplateOutlet=\"param\"></ng-container>\n    <span>\n        {{ isCollapsed ? (text | truncate : maxChars) : text }}\n    </span>\n    <a\n        fd-link\n        class=\"fd-feed-list__link--more\"\n        tabindex=\"0\"\n        *ngIf=\"!isRichText && hasMore\"\n        (click)=\"toggleTextView()\"\n        >{{\n            isCollapsed\n                ? moreLabel || ('coreFeedListItem.moreLabel' | fdTranslate)\n                : lessLabel || ('coreFeedListItem.lessLabel' | fdTranslate)\n        }}</a\n    >\n</ng-template>\n\n<ng-template #headerTmpl>\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-container *ngTemplateOutlet=\"avatarContent\"></ng-container>\n            <div>\n                <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n            </div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </div>\n</ng-template>\n","import {\n    Component,\n    ElementRef,\n    Input,\n    OnInit,\n    OnDestroy,\n    OnChanges,\n    SimpleChanges,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    ContentChildren,\n    QueryList,\n    AfterContentChecked\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/cdk/utils';\n\nimport { CSS_CLASS_NAME } from '../../constants';\nimport { FeedListItemComponent } from '../item/feed-list-item.component';\n\n@Component({\n    selector: 'fd-feed-list',\n    templateUrl: './feed-list.component.html',\n    styleUrls: ['./feed-list.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FeedListComponent implements OnInit, AfterContentChecked, OnDestroy, OnChanges, CssClassBuilder {\n    /** User's custom classes */\n    @Input()\n    class: string;\n    /**\n     * Sets the `aria-label` attribute to the element.\n     */\n    @Input()\n    ariaLabel = '';\n    /**\n     * aria-labelledby for element describing.\n     */\n    @Input()\n    ariaLabelledby: string;\n    /**\n     * Apply mobile view\n     */\n    @Input()\n    mobile = false;\n    /**\n     * Feed list items will be display in a group.\n     */\n    @Input()\n    isGroup = true;\n    /**\n     * It removes border if items are displaying in a group.\n     */\n    @Input()\n    borderLess = false;\n    /**\n     * Gets feed list items\n     */\n    @ContentChildren(FeedListItemComponent)\n    feedItems: QueryList<FeedListItemComponent>;\n\n    /** @hidden */\n    private $feedItemChanges: Subscription;\n\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef) {}\n\n    /** @hidden */\n    ngAfterContentChecked(): void {\n        this._refreshItems();\n        this._listenOnFeedItems();\n    }\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('mobile' in changes || 'borderLess' in changes) {\n            this.buildComponentCssClass();\n            this._refreshItems();\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        if (this.$feedItemChanges) {\n            this.$feedItemChanges.unsubscribe();\n        }\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            CSS_CLASS_NAME.list,\n            this.class,\n            this.borderLess ? `${CSS_CLASS_NAME.list}--no-border` : '',\n            this.isGroup ? `${CSS_CLASS_NAME.list}--group` : '',\n            this.mobile ? `${CSS_CLASS_NAME.list}--s` : ''\n        ];\n    }\n\n    /** @hidden */\n    private _listenOnFeedItems(): void {\n        this.$feedItemChanges = this.feedItems.changes.subscribe(() => this._refreshItems());\n    }\n\n    /** @hidden */\n    private _refreshItems(): void {\n        (this.feedItems || []).forEach((feedItem) => {\n            feedItem.mobile = this.mobile;\n            if (feedItem.maxCharsAtDefault && this.mobile) {\n                feedItem.setDefaultMaxChars();\n                feedItem.setHasMore();\n            }\n        });\n    }\n}\n","<ng-content select=\"fd-feed-list-item\"></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 'fd-feed-list-avatar',\n    template: '<ng-content></ng-content>',\n    host: { class: 'fd-feed-list__thumb' }\n})\nexport class FeedListAvatarComponent {}\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 'fd-feed-list-action',\n    template: '<ng-content></ng-content>',\n    host: { class: 'fd-feed-list__actions' }\n})\nexport class FeedListActionComponent {}\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 'fd-feed-list-footer',\n    template: '<ng-content></ng-content>',\n    host: { class: 'fd-feed-list__footer' }\n})\nexport class FeedListFooterComponent {}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-item-footer-byline]'\n})\nexport class FeedListFooterBylineDirective {\n    /** @hidden */\n    @HostBinding('class.fd-feed-list__footer--byline')\n    fdBylineClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LinkModule } from '@fundamental-ngx/core/link';\nimport { FormattedTextModule } from '@fundamental-ngx/core/formatted-text';\nimport { FeedListItemComponent } from './components/item/feed-list-item.component';\nimport { FeedListComponent } from './components/list/feed-list.component';\nimport { FeedListAvatarComponent } from './components/feed-list-avatar/feed-list-avatar.component';\nimport { FeedListActionComponent } from './components/feed-list-action/feed-list-action.component';\nimport { FeedListFooterComponent } from './components/feed-list-footer/feed-list-footer.component';\nimport { FeedListFooterBylineDirective } from './directives/byline.directive';\nimport { PipeModule } from '@fundamental-ngx/cdk/utils';\nimport { I18nModule } from '@fundamental-ngx/i18n';\n\n@NgModule({\n    declarations: [\n        FeedListComponent,\n        FeedListItemComponent,\n        FeedListAvatarComponent,\n        FeedListActionComponent,\n        FeedListFooterComponent,\n        FeedListFooterBylineDirective\n    ],\n    imports: [CommonModule, PipeModule, FormattedTextModule, LinkModule, I18nModule],\n    exports: [\n        FeedListComponent,\n        FeedListItemComponent,\n        FeedListAvatarComponent,\n        FeedListActionComponent,\n        FeedListFooterComponent,\n        FeedListFooterBylineDirective\n    ]\n})\nexport class FeedListItemModule {}\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-feed-list-item.mjs","sources":["../../../../libs/core/src/lib/feed-list-item/constants.ts","../../../../libs/core/src/lib/feed-list-item/components/item/feed-list-item.component.ts","../../../../libs/core/src/lib/feed-list-item/components/item/feed-list-item.component.html","../../../../libs/core/src/lib/feed-list-item/components/list/feed-list.component.ts","../../../../libs/core/src/lib/feed-list-item/components/list/feed-list.component.html","../../../../libs/core/src/lib/feed-list-item/components/feed-list-avatar/feed-list-avatar.component.ts","../../../../libs/core/src/lib/feed-list-item/components/feed-list-action/feed-list-action.component.ts","../../../../libs/core/src/lib/feed-list-item/components/feed-list-footer/feed-list-footer.component.ts","../../../../libs/core/src/lib/feed-list-item/directives/byline.directive.ts","../../../../libs/core/src/lib/feed-list-item/feed-list-item.module.ts","../../../../libs/core/src/lib/feed-list-item/fundamental-ngx-core-feed-list-item.ts"],"sourcesContent":["export const CSS_CLASS_NAME = {\n    list: 'fd-feed-list',\n    item: 'fd-feed-list__item'\n};\n","import { HostBinding } from '@angular/core';\nimport {\n    Component,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    Input,\n    SimpleChanges,\n    ElementRef,\n    OnInit,\n    OnChanges\n} from '@angular/core';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/cdk/utils';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\n\nimport { CSS_CLASS_NAME } from '../../constants';\n\n@Component({\n    selector: 'fd-feed-list-item',\n    templateUrl: './feed-list-item.component.html',\n    styleUrls: ['./feed-list-item.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FeedListItemComponent implements OnInit, OnChanges, CssClassBuilder {\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /**\n     * Author of feed\n     */\n    @Input()\n    authorTitle: string;\n\n    /**\n     * Link to Author of feed\n     */\n    @Input()\n    authorLink: Nullable<string>;\n\n    /**\n     * Feed text\n     */\n    @Input()\n    text: string;\n\n    /**\n     * Max preview characters of Feed text. If you have more than max characters text, you can toggle preview/full text with more/less button.\n     */\n    @Input()\n    maxChars: number;\n\n    /**\n     * Sets the `aria-label` attribute to the element.\n     */\n    @Input()\n    ariaLabel = '';\n\n    /**\n     * aria-labelledby for element describing.\n     */\n    @Input()\n    ariaLabelledby: string;\n\n    /**\n     * Apply rich feed text, please note - we use a formatted text component with this option, it has a list of controlled tags and attibutes.\n     * This feature should be handled with care as it allows for countless custom layouts.\n     */\n    @Input()\n    isRichText = false;\n\n    /**\n     * Apply mobile view\n     */\n    @Input()\n    mobile = false;\n\n    /**\n     * Apply body class by default\n     */\n    @HostBinding('class.fd-feed-list__body')\n    isFeedListItemBody = true;\n\n    /** @hidden */\n    maxCharsAtDefault = false;\n\n    /**\n     * Shows toggle state of feed text - more or less\n     */\n    isCollapsed = true;\n\n    /**\n     * Shows have you more line than max lines\n     */\n    hasMore = false;\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 [CSS_CLASS_NAME.item, this.class, this.isRichText ? '' : `${CSS_CLASS_NAME.item}--collapsible`];\n    }\n\n    /** @hidden */\n    setHasMore(): void {\n        if (this.text) {\n            this.hasMore = this.text.length > this.maxChars;\n        }\n    }\n\n    /** @hidden */\n    setDefaultMaxChars(): void {\n        this.maxChars = this.mobile ? 300 : 500;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n        if (!this.maxChars) {\n            this.setDefaultMaxChars();\n            this.maxCharsAtDefault = true;\n        }\n        this.setHasMore();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('class' in changes || 'isRichText' in changes) {\n            this.buildComponentCssClass();\n        }\n        this.maxCharsAtDefault && this.setDefaultMaxChars();\n        this.setHasMore();\n    }\n\n    /** @hidden */\n    toggleTextView(): void {\n        this.isCollapsed = !this.isCollapsed;\n    }\n}\n","<ng-container *ngIf=\"mobile; then headerTmpl; else avatarContent\"></ng-container>\n<div class=\"fd-feed-list__content\">\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </ng-container>\n    <p class=\"fd-feed-list__text\">\n        <ng-container *ngIf=\"!isRichText\">\n            <ng-container *ngTemplateOutlet=\"feedContent; context: { $implicit: author }\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"isRichText\">\n            <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        </ng-container>\n    </p>\n    <ng-container *ngIf=\"!mobile\">\n        <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n    </ng-container>\n</div>\n\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        <ng-container *ngIf=\"authorLink; else authorTitleTemplate\">\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe : 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-container *ngTemplateOutlet=\"authorTitleTemplate\"></ng-container>\n            </a> </ng-container\n        >:\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n\n<ng-template #feedContent let-param>\n    <ng-container *ngTemplateOutlet=\"param\"></ng-container>\n    <span>\n        {{ isCollapsed ? (text | truncate : maxChars) : text }}\n    </span>\n    <a\n        fd-link\n        class=\"fd-feed-list__link--more\"\n        tabindex=\"0\"\n        *ngIf=\"!isRichText && hasMore\"\n        (click)=\"toggleTextView()\"\n        >{{\n            isCollapsed ? ('coreFeedListItem.moreLabel' | fdTranslate) : ('coreFeedListItem.lessLabel' | fdTranslate)\n        }}</a\n    >\n</ng-template>\n\n<ng-template #headerTmpl>\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-container *ngTemplateOutlet=\"avatarContent\"></ng-container>\n            <div>\n                <ng-container *ngTemplateOutlet=\"author\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"footerContent\"></ng-container>\n            </div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"actionContent\"></ng-container>\n    </div>\n</ng-template>\n","import {\n    Component,\n    ElementRef,\n    Input,\n    OnInit,\n    OnDestroy,\n    OnChanges,\n    SimpleChanges,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    ContentChildren,\n    QueryList,\n    AfterContentChecked\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/cdk/utils';\n\nimport { CSS_CLASS_NAME } from '../../constants';\nimport { FeedListItemComponent } from '../item/feed-list-item.component';\n\n@Component({\n    selector: 'fd-feed-list',\n    templateUrl: './feed-list.component.html',\n    styleUrls: ['./feed-list.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FeedListComponent implements OnInit, AfterContentChecked, OnDestroy, OnChanges, CssClassBuilder {\n    /** User's custom classes */\n    @Input()\n    class: string;\n    /**\n     * Sets the `aria-label` attribute to the element.\n     */\n    @Input()\n    ariaLabel = '';\n    /**\n     * aria-labelledby for element describing.\n     */\n    @Input()\n    ariaLabelledby: string;\n    /**\n     * Apply mobile view\n     */\n    @Input()\n    mobile = false;\n    /**\n     * Feed list items will be display in a group.\n     */\n    @Input()\n    isGroup = true;\n    /**\n     * It removes border if items are displaying in a group.\n     */\n    @Input()\n    borderLess = false;\n    /**\n     * Gets feed list items\n     */\n    @ContentChildren(FeedListItemComponent)\n    feedItems: QueryList<FeedListItemComponent>;\n\n    /** @hidden */\n    private $feedItemChanges: Subscription;\n\n    /** @hidden */\n    constructor(public readonly elementRef: ElementRef) {}\n\n    /** @hidden */\n    ngAfterContentChecked(): void {\n        this._refreshItems();\n        this._listenOnFeedItems();\n    }\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n    }\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('mobile' in changes || 'borderLess' in changes) {\n            this.buildComponentCssClass();\n            this._refreshItems();\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        if (this.$feedItemChanges) {\n            this.$feedItemChanges.unsubscribe();\n        }\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            CSS_CLASS_NAME.list,\n            this.class,\n            this.borderLess ? `${CSS_CLASS_NAME.list}--no-border` : '',\n            this.isGroup ? `${CSS_CLASS_NAME.list}--group` : '',\n            this.mobile ? `${CSS_CLASS_NAME.list}--s` : ''\n        ];\n    }\n\n    /** @hidden */\n    private _listenOnFeedItems(): void {\n        this.$feedItemChanges = this.feedItems.changes.subscribe(() => this._refreshItems());\n    }\n\n    /** @hidden */\n    private _refreshItems(): void {\n        (this.feedItems || []).forEach((feedItem) => {\n            feedItem.mobile = this.mobile;\n            if (feedItem.maxCharsAtDefault && this.mobile) {\n                feedItem.setDefaultMaxChars();\n                feedItem.setHasMore();\n            }\n        });\n    }\n}\n","<ng-content select=\"fd-feed-list-item\"></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 'fd-feed-list-avatar',\n    template: '<ng-content></ng-content>',\n    host: { class: 'fd-feed-list__thumb' }\n})\nexport class FeedListAvatarComponent {}\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 'fd-feed-list-action',\n    template: '<ng-content></ng-content>',\n    host: { class: 'fd-feed-list__actions' }\n})\nexport class FeedListActionComponent {}\n","import { Component } from '@angular/core';\n\n@Component({\n    selector: 'fd-feed-list-footer',\n    template: '<ng-content></ng-content>',\n    host: { class: 'fd-feed-list__footer' }\n})\nexport class FeedListFooterComponent {}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-item-footer-byline]'\n})\nexport class FeedListFooterBylineDirective {\n    /** @hidden */\n    @HostBinding('class.fd-feed-list__footer--byline')\n    fdBylineClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { LinkModule } from '@fundamental-ngx/core/link';\nimport { FormattedTextModule } from '@fundamental-ngx/core/formatted-text';\nimport { FeedListItemComponent } from './components/item/feed-list-item.component';\nimport { FeedListComponent } from './components/list/feed-list.component';\nimport { FeedListAvatarComponent } from './components/feed-list-avatar/feed-list-avatar.component';\nimport { FeedListActionComponent } from './components/feed-list-action/feed-list-action.component';\nimport { FeedListFooterComponent } from './components/feed-list-footer/feed-list-footer.component';\nimport { FeedListFooterBylineDirective } from './directives/byline.directive';\nimport { PipeModule } from '@fundamental-ngx/cdk/utils';\nimport { I18nModule } from '@fundamental-ngx/i18n';\n\n@NgModule({\n    declarations: [\n        FeedListComponent,\n        FeedListItemComponent,\n        FeedListAvatarComponent,\n        FeedListActionComponent,\n        FeedListFooterComponent,\n        FeedListFooterBylineDirective\n    ],\n    imports: [CommonModule, PipeModule, FormattedTextModule, LinkModule, I18nModule],\n    exports: [\n        FeedListComponent,\n        FeedListItemComponent,\n        FeedListAvatarComponent,\n        FeedListActionComponent,\n        FeedListFooterComponent,\n        FeedListFooterBylineDirective\n    ]\n})\nexport class FeedListItemModule {}\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-file-uploader.mjs

@@ -7,7 +7,7 @@ import { Subscription } from 'rxjs';
 import { registerFormItemControl, FormControlModule } from '@fundamental-ngx/core/form';
 import { ENTER, SPACE, TAB } from '@angular/cdk/keycodes';
 import * as i2 from '@fundamental-ngx/core/content-density';
-import { contentDensityObserverProviders, DeprecatedCompactDirective, CONTENT_DENSITY_DIRECTIVE, ContentDensityModule } from '@fundamental-ngx/core/content-density';
+import { contentDensityObserverProviders, ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import * as i3 from '@fundamental-ngx/core/button';
 import { ButtonModule } from '@fundamental-ngx/core/button';
 
@@ -445,62 +445,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                 type: Output
             }] } });
 
-class DeprecatedFileUploaderContentDensityDirective extends DeprecatedCompactDirective {
-    /** @hidden */
-    constructor() {
-        super('fd-file-uploader');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: DeprecatedFileUploaderContentDensityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: DeprecatedFileUploaderContentDensityDirective, selector: "fd-file-uploader[compact]", providers: [
-            {
-                provide: CONTENT_DENSITY_DIRECTIVE,
-                useExisting: forwardRef(() => DeprecatedFileUploaderContentDensityDirective)
-            }
-        ], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: DeprecatedFileUploaderContentDensityDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'fd-file-uploader[compact]',
-                    providers: [
-                        {
-                            provide: CONTENT_DENSITY_DIRECTIVE,
-                            useExisting: forwardRef(() => DeprecatedFileUploaderContentDensityDirective)
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return []; } });
-
 class FileUploaderModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FileUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: FileUploaderModule, declarations: [FileUploaderComponent,
-            FileUploaderSelectDirective,
-            FileUploaderDragndropDirective,
-            DeprecatedFileUploaderContentDensityDirective], imports: [CommonModule, FormsModule, ButtonModule, FormControlModule, ContentDensityModule], exports: [FileUploaderComponent,
-            FileUploaderSelectDirective,
-            FileUploaderDragndropDirective,
-            DeprecatedFileUploaderContentDensityDirective,
-            ContentDensityModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: FileUploaderModule, declarations: [FileUploaderComponent, FileUploaderSelectDirective, FileUploaderDragndropDirective], imports: [CommonModule, FormsModule, ButtonModule, FormControlModule, ContentDensityModule], exports: [FileUploaderComponent, FileUploaderSelectDirective, FileUploaderDragndropDirective, ContentDensityModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FileUploaderModule, imports: [CommonModule, FormsModule, ButtonModule, FormControlModule, ContentDensityModule, ContentDensityModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FileUploaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, ButtonModule, FormControlModule, ContentDensityModule],
-                    exports: [
-                        FileUploaderComponent,
-                        FileUploaderSelectDirective,
-                        FileUploaderDragndropDirective,
-                        DeprecatedFileUploaderContentDensityDirective,
-                        ContentDensityModule
-                    ],
-                    declarations: [
-                        FileUploaderComponent,
-                        FileUploaderSelectDirective,
-                        FileUploaderDragndropDirective,
-                        DeprecatedFileUploaderContentDensityDirective
-                    ]
+                    exports: [FileUploaderComponent, FileUploaderSelectDirective, FileUploaderDragndropDirective, ContentDensityModule],
+                    declarations: [FileUploaderComponent, FileUploaderSelectDirective, FileUploaderDragndropDirective]
                 }]
         }] });
 
@@ -508,5 +463,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DeprecatedFileUploaderContentDensityDirective, FileUploaderComponent, FileUploaderDragndropDirective, FileUploaderModule, FileUploaderSelectDirective, FileUploaderService };
+export { FileUploaderComponent, FileUploaderDragndropDirective, FileUploaderModule, FileUploaderSelectDirective, FileUploaderService };
 //# sourceMappingURL=fundamental-ngx-core-file-uploader.mjs.map