@fundamental-ngx/platform 0.43.37 → 0.43.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/approval-flow/approval-flow-user-list/approval-flow-user-list.component.d.ts +10 -0
  2. package/button/button.component.d.ts +1 -2
  3. package/esm2020/approval-flow/approval-flow-add-node/approval-flow-add-node.component.mjs +2 -4
  4. package/esm2020/approval-flow/approval-flow-user-list/approval-flow-user-list.component.mjs +50 -14
  5. package/esm2020/button/button.component.mjs +5 -3
  6. package/esm2020/list/base-list-item.mjs +4 -2
  7. package/esm2020/list/list.component.mjs +12 -2
  8. package/esm2020/table/components/table-row/table-row.component.mjs +3 -3
  9. package/esm2020/table/table.component.mjs +3 -3
  10. package/esm2020/table-helpers/directives/table-virtual-scroll.directive.mjs +9 -6
  11. package/esm2020/value-help-dialog/value-help-dialog/value-help-dialog.component.mjs +3 -3
  12. package/fesm2015/fundamental-ngx-platform-approval-flow.mjs +52 -20
  13. package/fesm2015/fundamental-ngx-platform-approval-flow.mjs.map +1 -1
  14. package/fesm2015/fundamental-ngx-platform-button.mjs +4 -2
  15. package/fesm2015/fundamental-ngx-platform-button.mjs.map +1 -1
  16. package/fesm2015/fundamental-ngx-platform-list.mjs +15 -2
  17. package/fesm2015/fundamental-ngx-platform-list.mjs.map +1 -1
  18. package/fesm2015/fundamental-ngx-platform-table-helpers.mjs +8 -5
  19. package/fesm2015/fundamental-ngx-platform-table-helpers.mjs.map +1 -1
  20. package/fesm2015/fundamental-ngx-platform-table.mjs +4 -4
  21. package/fesm2015/fundamental-ngx-platform-table.mjs.map +1 -1
  22. package/fesm2015/fundamental-ngx-platform-value-help-dialog.mjs +2 -2
  23. package/fesm2015/fundamental-ngx-platform-value-help-dialog.mjs.map +1 -1
  24. package/fesm2020/fundamental-ngx-platform-approval-flow.mjs +50 -18
  25. package/fesm2020/fundamental-ngx-platform-approval-flow.mjs.map +1 -1
  26. package/fesm2020/fundamental-ngx-platform-button.mjs +4 -2
  27. package/fesm2020/fundamental-ngx-platform-button.mjs.map +1 -1
  28. package/fesm2020/fundamental-ngx-platform-list.mjs +14 -2
  29. package/fesm2020/fundamental-ngx-platform-list.mjs.map +1 -1
  30. package/fesm2020/fundamental-ngx-platform-table-helpers.mjs +8 -5
  31. package/fesm2020/fundamental-ngx-platform-table-helpers.mjs.map +1 -1
  32. package/fesm2020/fundamental-ngx-platform-table.mjs +4 -4
  33. package/fesm2020/fundamental-ngx-platform-table.mjs.map +1 -1
  34. package/fesm2020/fundamental-ngx-platform-value-help-dialog.mjs +2 -2
  35. package/fesm2020/fundamental-ngx-platform-value-help-dialog.mjs.map +1 -1
  36. package/fundamental-ngx-platform-v0.43.39.tgz +0 -0
  37. package/list/list.component.d.ts +6 -0
  38. package/package.json +4 -4
  39. package/schematics/ng-add/index.js +1 -1
  40. package/fundamental-ngx-platform-v0.43.37.tgz +0 -0
@@ -40,10 +40,12 @@ class ButtonComponent extends BaseComponent {
40
40
  }
41
41
  }
42
42
  ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
43
- ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ButtonComponent, selector: "fdp-button", inputs: { glyphPosition: "glyphPosition", label: "label", glyph: "glyph", buttonType: "buttonType", toggled: "toggled", title: "title", ariaSelected: "ariaSelected", ariaDisabled: "ariaDisabled", ariaExpanded: "ariaExpanded", ariaControlsId: "ariaControlsId", ariaPressed: "ariaPressed", name: "name", type: "type", value: "value" }, outputs: { buttonClicked: "buttonClicked" }, host: { properties: { "attr.tabindex": "this.tabIndex" } }, usesInheritance: true, ngImport: i0, template: "<button\n #fdButton\n fd-button\n [attr.id]=\"id\"\n [attr.title]=\"title\"\n [attr.name]=\"name\"\n [ariaLabel]=\"ariaLabel\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-disabled]=\"ariaDisabled\"\n [attr.value]=\"value\"\n [glyphPosition]=\"glyphPosition\"\n [label]=\"label\"\n [type]=\"type\"\n [toggled]=\"toggled || ariaPressed || ariaSelected\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n [fdType]=\"buttonType\"\n [class.is-disabled]=\"ariaDisabled\"\n [style.width]=\"width\"\n (click)=\"onBtnClick($event)\"\n></button>\n", styles: [":host{display:inline-block}:host(:focus){outline:none}.fd-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }] });
43
+ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ButtonComponent, selector: "fdp-button", inputs: { glyphPosition: "glyphPosition", label: "label", glyph: "glyph", buttonType: "buttonType", toggled: "toggled", title: "title", ariaSelected: "ariaSelected", ariaDisabled: "ariaDisabled", ariaExpanded: "ariaExpanded", ariaControlsId: "ariaControlsId", ariaPressed: "ariaPressed", name: "name", type: "type", value: "value" }, outputs: { buttonClicked: "buttonClicked" }, host: { attributes: { "role": "button" }, properties: { "attr.tabindex": "this.tabIndex" } }, usesInheritance: true, ngImport: i0, template: "<button\n #fdButton\n fd-button\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [ariaLabel]=\"ariaLabel\"\n [attr.title]=\"!!glyph && !label ? title : null\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-disabled]=\"ariaDisabled\"\n [attr.value]=\"value\"\n [glyphPosition]=\"glyphPosition\"\n [label]=\"label\"\n [type]=\"type\"\n [toggled]=\"toggled || ariaPressed || ariaSelected\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n [fdType]=\"buttonType\"\n [class.is-disabled]=\"ariaDisabled\"\n [style.width]=\"width\"\n (click)=\"onBtnClick($event)\"\n></button>\n", styles: [":host{display:inline-block}:host(:focus){outline:none}.fd-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }] });
44
44
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
45
45
  type: Component,
46
- args: [{ selector: 'fdp-button', template: "<button\n #fdButton\n fd-button\n [attr.id]=\"id\"\n [attr.title]=\"title\"\n [attr.name]=\"name\"\n [ariaLabel]=\"ariaLabel\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-disabled]=\"ariaDisabled\"\n [attr.value]=\"value\"\n [glyphPosition]=\"glyphPosition\"\n [label]=\"label\"\n [type]=\"type\"\n [toggled]=\"toggled || ariaPressed || ariaSelected\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n [fdType]=\"buttonType\"\n [class.is-disabled]=\"ariaDisabled\"\n [style.width]=\"width\"\n (click)=\"onBtnClick($event)\"\n></button>\n", styles: [":host{display:inline-block}:host(:focus){outline:none}.fd-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"] }]
46
+ args: [{ selector: 'fdp-button', host: {
47
+ role: 'button'
48
+ }, template: "<button\n #fdButton\n fd-button\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [ariaLabel]=\"ariaLabel\"\n [attr.title]=\"!!glyph && !label ? title : null\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-disabled]=\"ariaDisabled\"\n [attr.value]=\"value\"\n [glyphPosition]=\"glyphPosition\"\n [label]=\"label\"\n [type]=\"type\"\n [toggled]=\"toggled || ariaPressed || ariaSelected\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n [fdType]=\"buttonType\"\n [class.is-disabled]=\"ariaDisabled\"\n [style.width]=\"width\"\n (click)=\"onBtnClick($event)\"\n></button>\n", styles: [":host{display:inline-block}:host(:focus){outline:none}.fd-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"] }]
47
49
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { glyphPosition: [{
48
50
  type: Input
49
51
  }], label: [{
@@ -1 +1 @@
1
- {"version":3,"file":"fundamental-ngx-platform-button.mjs","sources":["../../../../libs/platform/src/lib/button/button.component.ts","../../../../libs/platform/src/lib/button/button.component.html","../../../../libs/platform/src/lib/button/button.module.ts","../../../../libs/platform/src/lib/button/fundamental-ngx-platform-button.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Input,\n Output\n} from '@angular/core';\n\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { ButtonType, GlyphPosition } from '@fundamental-ngx/core/button';\nimport { BaseComponent } from '@fundamental-ngx/platform/shared';\nimport { ModuleDeprecation } from '@fundamental-ngx/cdk/utils';\n\n@Component({\n selector: 'fdp-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent extends BaseComponent implements AfterViewInit {\n /** Position of glyph related to text */\n @Input()\n glyphPosition: GlyphPosition = 'before';\n\n /**\n * Text rendered inside button component\n */\n @Input()\n label: string;\n\n /** The icon to include in the button. See the icon page for the list of icons.\n * Setter is used to control when css class have to be rebuilded.\n * Default value is set to ''.\n */\n @Input()\n glyph: string;\n\n /** The buttonType of the button. Types includes\n 'standard','positive', 'negative', 'attention', 'ghost',\n 'transparent', 'emphasized','menu'.\n *Leave empty for default (standard button).'*/\n @Input()\n buttonType: ButtonType = 'standard';\n\n /** Whether button is in toggled state. */\n @Input()\n toggled: Nullable<boolean>;\n\n /** arialabel, tooltip for truncated text\n * for acccesiblity of the element */\n @Input()\n title: Nullable<string>;\n\n /** @deprecated use toggled input property instead\n * aria-selected for acccesiblity to the native HTML button\n */\n @Input()\n ariaSelected: Nullable<boolean>;\n\n /** aria-disabled for acccesiblity to\n * the native HTML button*/\n @Input()\n ariaDisabled: Nullable<boolean>;\n\n /**\n * propagate aria-expanded for accessiblity to\n * the native HTML button\n */\n @Input()\n ariaExpanded: Nullable<boolean>;\n\n /**\n * propagate aria-controls for accessiblity to\n * the native HTML button\n */\n @Input()\n ariaControlsId: Nullable<string>;\n\n /** @deprecated use toggled input property instead\n * propagate aria-pressed for accessiblity to the native HTML button\n */\n @Input()\n ariaPressed: Nullable<boolean>;\n\n /** Specifies a name to\n * the native HTML button */\n @Input()\n name: string;\n\n /** Specifies the type to\n * the native HTML button */\n @Input()\n type: Nullable<string>;\n\n /** Specifies an initial value to\n * the native HTML button */\n @Input()\n value: Nullable<string>;\n\n /** Event sent when button is clicked */\n @Output()\n buttonClicked: EventEmitter<any> = new EventEmitter();\n\n /**\n * Take host element out of tab order, so that child button can\n * be properly focused on.\n */\n @HostBinding('attr.tabindex')\n tabIndex = '-1';\n\n /** @hidden */\n constructor(protected _changeDetector: ChangeDetectorRef, private _elementRef: ElementRef) {\n super(_changeDetector);\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this._elementRef.nativeElement.childNodes[0].classList.add('fd-ellipsis');\n }\n\n /**\n * Handles button click\n */\n public onBtnClick($event: any): void {\n this.buttonClicked.emit($event);\n }\n}\n\nexport class DeprecatedButtonAriaSelected implements ModuleDeprecation {\n /** @hidden */\n message = 'ariaSelected input property is deprecated.';\n\n /** @hidden */\n alternative = {\n name: 'Use [toggled] input property instead',\n link: ['/platform', 'button'],\n fragment: 'state'\n };\n}\n\nexport class DeprecatedButtonAriaPressed implements ModuleDeprecation {\n /** @hidden */\n message = 'ariaPressed input property is deprecated.';\n\n /** @hidden */\n alternative = {\n name: 'Use [toggled] input property instead',\n link: ['/platform', 'button'],\n fragment: 'state'\n };\n}\n","<button\n #fdButton\n fd-button\n [attr.id]=\"id\"\n [attr.title]=\"title\"\n [attr.name]=\"name\"\n [ariaLabel]=\"ariaLabel\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-disabled]=\"ariaDisabled\"\n [attr.value]=\"value\"\n [glyphPosition]=\"glyphPosition\"\n [label]=\"label\"\n [type]=\"type\"\n [toggled]=\"toggled || ariaPressed || ariaSelected\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n [fdType]=\"buttonType\"\n [class.is-disabled]=\"ariaDisabled\"\n [style.width]=\"width\"\n (click)=\"onBtnClick($event)\"\n></button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { PipeModule } from '@fundamental-ngx/cdk/utils';\nimport { ButtonComponent } from './button.component';\nimport { PlatformContentDensityDeprecationsModule } from '@fundamental-ngx/platform/shared';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n imports: [CommonModule, ButtonModule, PipeModule, PlatformContentDensityDeprecationsModule, ContentDensityModule],\n exports: [ButtonComponent, PlatformContentDensityDeprecationsModule, ContentDensityModule],\n declarations: [ButtonComponent]\n})\nexport class PlatformButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"fundamental-ngx-platform-button.mjs","sources":["../../../../libs/platform/src/lib/button/button.component.ts","../../../../libs/platform/src/lib/button/button.component.html","../../../../libs/platform/src/lib/button/button.module.ts","../../../../libs/platform/src/lib/button/fundamental-ngx-platform-button.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Input,\n Output\n} from '@angular/core';\n\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { ButtonType, GlyphPosition } from '@fundamental-ngx/core/button';\nimport { BaseComponent } from '@fundamental-ngx/platform/shared';\nimport { ModuleDeprecation } from '@fundamental-ngx/cdk/utils';\n\n@Component({\n selector: 'fdp-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n host: {\n role: 'button'\n }\n})\nexport class ButtonComponent extends BaseComponent implements AfterViewInit {\n /** Position of glyph related to text */\n @Input()\n glyphPosition: GlyphPosition = 'before';\n\n /**\n * Text rendered inside button component\n */\n @Input()\n label: string;\n\n /** The icon to include in the button. See the icon page for the list of icons.\n * Setter is used to control when css class have to be rebuilded.\n * Default value is set to ''.\n */\n @Input()\n glyph: string;\n\n /** The buttonType of the button. Types includes\n 'standard','positive', 'negative', 'attention', 'ghost',\n 'transparent', 'emphasized','menu'.\n *Leave empty for default (standard button).'*/\n @Input()\n buttonType: ButtonType = 'standard';\n\n /** Whether button is in toggled state. */\n @Input()\n toggled: Nullable<boolean>;\n\n /** arialabel, tooltip for button, intended to be used when the button only contains an icon */\n @Input()\n title: Nullable<string>;\n\n /** @deprecated use toggled input property instead\n * aria-selected for acccesiblity to the native HTML button\n */\n @Input()\n ariaSelected: Nullable<boolean>;\n\n /** aria-disabled for acccesiblity to\n * the native HTML button*/\n @Input()\n ariaDisabled: Nullable<boolean>;\n\n /**\n * propagate aria-expanded for accessiblity to\n * the native HTML button\n */\n @Input()\n ariaExpanded: Nullable<boolean>;\n\n /**\n * propagate aria-controls for accessiblity to\n * the native HTML button\n */\n @Input()\n ariaControlsId: Nullable<string>;\n\n /** @deprecated use toggled input property instead\n * propagate aria-pressed for accessiblity to the native HTML button\n */\n @Input()\n ariaPressed: Nullable<boolean>;\n\n /** Specifies a name to\n * the native HTML button */\n @Input()\n name: string;\n\n /** Specifies the type to\n * the native HTML button */\n @Input()\n type: Nullable<string>;\n\n /** Specifies an initial value to\n * the native HTML button */\n @Input()\n value: Nullable<string>;\n\n /** Event sent when button is clicked */\n @Output()\n buttonClicked: EventEmitter<any> = new EventEmitter();\n\n /**\n * Take host element out of tab order, so that child button can\n * be properly focused on.\n */\n @HostBinding('attr.tabindex')\n tabIndex = '-1';\n\n /** @hidden */\n constructor(protected _changeDetector: ChangeDetectorRef, private _elementRef: ElementRef) {\n super(_changeDetector);\n }\n\n /** @hidden */\n ngAfterViewInit(): void {\n this._elementRef.nativeElement.childNodes[0].classList.add('fd-ellipsis');\n }\n\n /**\n * Handles button click\n */\n public onBtnClick($event: any): void {\n this.buttonClicked.emit($event);\n }\n}\n\nexport class DeprecatedButtonAriaSelected implements ModuleDeprecation {\n /** @hidden */\n message = 'ariaSelected input property is deprecated.';\n\n /** @hidden */\n alternative = {\n name: 'Use [toggled] input property instead',\n link: ['/platform', 'button'],\n fragment: 'state'\n };\n}\n\nexport class DeprecatedButtonAriaPressed implements ModuleDeprecation {\n /** @hidden */\n message = 'ariaPressed input property is deprecated.';\n\n /** @hidden */\n alternative = {\n name: 'Use [toggled] input property instead',\n link: ['/platform', 'button'],\n fragment: 'state'\n };\n}\n","<button\n #fdButton\n fd-button\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [ariaLabel]=\"ariaLabel\"\n [attr.title]=\"!!glyph && !label ? title : null\"\n [attr.aria-controls]=\"ariaControlsId\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-disabled]=\"ariaDisabled\"\n [attr.value]=\"value\"\n [glyphPosition]=\"glyphPosition\"\n [label]=\"label\"\n [type]=\"type\"\n [toggled]=\"toggled || ariaPressed || ariaSelected\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n [fdType]=\"buttonType\"\n [class.is-disabled]=\"ariaDisabled\"\n [style.width]=\"width\"\n (click)=\"onBtnClick($event)\"\n></button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { PipeModule } from '@fundamental-ngx/cdk/utils';\nimport { ButtonComponent } from './button.component';\nimport { PlatformContentDensityDeprecationsModule } from '@fundamental-ngx/platform/shared';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n imports: [CommonModule, ButtonModule, PipeModule, PlatformContentDensityDeprecationsModule, ContentDensityModule],\n exports: [ButtonComponent, PlatformContentDensityDeprecationsModule, ContentDensityModule],\n declarations: [ButtonComponent]\n})\nexport class PlatformButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAwBM,MAAO,eAAgB,SAAQ,aAAa,CAAA;;IA2F9C,WAAsB,CAAA,eAAkC,EAAU,WAAuB,EAAA;QACrF,KAAK,CAAC,eAAe,CAAC,CAAC;QADL,IAAe,CAAA,eAAA,GAAf,eAAe,CAAmB;QAAU,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;;QAxFzF,IAAa,CAAA,aAAA,GAAkB,QAAQ,CAAC;AAexC;;;AAG+C;QAE/C,IAAU,CAAA,UAAA,GAAe,UAAU,CAAC;;AA0DpC,QAAA,IAAA,CAAA,aAAa,GAAsB,IAAI,YAAY,EAAE,CAAC;AAEtD;;;AAGG;QAEH,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC;KAKf;;IAGD,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7E;AAED;;AAEG;AACI,IAAA,UAAU,CAAC,MAAW,EAAA;AACzB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACnC;;4GAzGQ,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,kiBCxB5B,mqBAsBA,EAAA,MAAA,EAAA,CAAA,gJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDEa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAGhB,IAAA,EAAA;AACF,wBAAA,IAAI,EAAE,QAAQ;AACjB,qBAAA,EAAA,QAAA,EAAA,mqBAAA,EAAA,MAAA,EAAA,CAAA,gJAAA,CAAA,EAAA,CAAA;iIAKD,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAON,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAQN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAQN,UAAU,EAAA,CAAA;sBADT,KAAK;gBAKN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAKN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAON,YAAY,EAAA,CAAA;sBADX,KAAK;gBAMN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAQN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAQN,cAAc,EAAA,CAAA;sBADb,KAAK;gBAON,WAAW,EAAA,CAAA;sBADV,KAAK;gBAMN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAMN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAMN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAKN,aAAa,EAAA,CAAA;sBADZ,MAAM;gBAQP,QAAQ,EAAA,CAAA;sBADP,WAAW;uBAAC,eAAe,CAAA;;MAqBnB,4BAA4B,CAAA;AAAzC,IAAA,WAAA,GAAA;;QAEI,IAAO,CAAA,OAAA,GAAG,4CAA4C,CAAC;;AAGvD,QAAA,IAAA,CAAA,WAAW,GAAG;AACV,YAAA,IAAI,EAAE,sCAAsC;AAC5C,YAAA,IAAI,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC;AAC7B,YAAA,QAAQ,EAAE,OAAO;SACpB,CAAC;KACL;AAAA,CAAA;MAEY,2BAA2B,CAAA;AAAxC,IAAA,WAAA,GAAA;;QAEI,IAAO,CAAA,OAAA,GAAG,2CAA2C,CAAC;;AAGtD,QAAA,IAAA,CAAA,WAAW,GAAG;AACV,YAAA,IAAI,EAAE,sCAAsC;AAC5C,YAAA,IAAI,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC;AAC7B,YAAA,QAAQ,EAAE,OAAO;SACpB,CAAC;KACL;AAAA;;ME5IY,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,iBAFd,eAAe,CAAA,EAAA,OAAA,EAAA,CAFpB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,wCAAwC,EAAE,oBAAoB,CAAA,EAAA,OAAA,EAAA,CACtG,eAAe,EAAE,wCAAwC,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGhF,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAJnB,OAAA,EAAA,CAAA,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,wCAAwC,EAAE,oBAAoB,EACrF,wCAAwC,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAGhF,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,wCAAwC,EAAE,oBAAoB,CAAC;AACjH,oBAAA,OAAO,EAAE,CAAC,eAAe,EAAE,wCAAwC,EAAE,oBAAoB,CAAC;oBAC1F,YAAY,EAAE,CAAC,eAAe,CAAC;AAClC,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}
@@ -389,7 +389,9 @@ class BaseListItem extends BaseComponent {
389
389
  * Show navigation for single list
390
390
  */
391
391
  ngOnInit() {
392
- this.id = `fdp-list-item-${nextListItemId++}`;
392
+ if (!this.id || this.id === this.defaultId) {
393
+ this.id = `fdp-list-item-${nextListItemId++}`;
394
+ }
393
395
  }
394
396
  /** @hidden */
395
397
  ngOnDestroy() {
@@ -1028,10 +1030,16 @@ class ListComponent extends CollectionBaseInput {
1028
1030
  this._multiSelect = false;
1029
1031
  }
1030
1032
  this._selectionModel = new SelectionModel(this._multiSelect, this.selectedItems);
1031
- this._selectionModel.changed.pipe(takeUntil(this._destroyed)).subscribe(() => {
1033
+ this._selectionModel.changed.pipe(takeUntil(this._destroyed)).subscribe((selection) => {
1032
1034
  this.selectedItems = this._selectionModel.selected;
1033
1035
  const event = new SelectionChangeEvent();
1034
1036
  event.selectedItems = this.selectedItems;
1037
+ if (selection.added?.length) {
1038
+ event.added = selection.added[0];
1039
+ }
1040
+ if (selection.removed?.length) {
1041
+ event.removed = selection.removed[0];
1042
+ }
1035
1043
  this.stateChanges.next(event);
1036
1044
  this.selectedItemChange.emit(event);
1037
1045
  });
@@ -1152,6 +1160,10 @@ class ListComponent extends CollectionBaseInput {
1152
1160
  this.stateChanges.next(item);
1153
1161
  }
1154
1162
  /** @hidden */
1163
+ _clearSelection() {
1164
+ this._selectionModel.clear();
1165
+ }
1166
+ /** @hidden */
1155
1167
  _setItems() {
1156
1168
  if (this._dsItems.length !== null && this.itemSize !== 0) {
1157
1169
  this._startIndex = 0;