@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;AADL,QAAA,IAAe,CAAA,eAAA,GAAf,eAAe,CAAmB;AAAU,QAAA,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;;AAxFzF,QAAA,IAAa,CAAA,aAAA,GAAkB,QAAQ,CAAC;AAexC;;;AAG+C;AAE/C,QAAA,IAAU,CAAA,UAAA,GAAe,UAAU,CAAC;;AA0DpC,QAAA,IAAA,CAAA,aAAa,GAAsB,IAAI,YAAY,EAAE,CAAC;AAEtD;;;AAGG;AAEH,QAAA,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;YACI,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAGhB,IAAA,EAAA;AACF,wBAAA,IAAI,EAAE,QAAQ;qBACjB,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;;AAEI,QAAA,IAAO,CAAA,OAAA,GAAG,4CAA4C,CAAC;;QAGvD,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;;AAEI,QAAA,IAAO,CAAA,OAAA,GAAG,2CAA2C,CAAC;;QAGtD,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;iBAClC,CAAA;;;ACbD;;AAEG;;;;"}
@@ -395,7 +395,9 @@ class BaseListItem extends BaseComponent {
395
395
  * Show navigation for single list
396
396
  */
397
397
  ngOnInit() {
398
- this.id = `fdp-list-item-${nextListItemId++}`;
398
+ if (!this.id || this.id === this.defaultId) {
399
+ this.id = `fdp-list-item-${nextListItemId++}`;
400
+ }
399
401
  }
400
402
  /** @hidden */
401
403
  ngOnDestroy() {
@@ -1039,10 +1041,17 @@ class ListComponent extends CollectionBaseInput {
1039
1041
  this._multiSelect = false;
1040
1042
  }
1041
1043
  this._selectionModel = new SelectionModel(this._multiSelect, this.selectedItems);
1042
- this._selectionModel.changed.pipe(takeUntil(this._destroyed)).subscribe(() => {
1044
+ this._selectionModel.changed.pipe(takeUntil(this._destroyed)).subscribe((selection) => {
1045
+ var _a, _b;
1043
1046
  this.selectedItems = this._selectionModel.selected;
1044
1047
  const event = new SelectionChangeEvent();
1045
1048
  event.selectedItems = this.selectedItems;
1049
+ if ((_a = selection.added) === null || _a === void 0 ? void 0 : _a.length) {
1050
+ event.added = selection.added[0];
1051
+ }
1052
+ if ((_b = selection.removed) === null || _b === void 0 ? void 0 : _b.length) {
1053
+ event.removed = selection.removed[0];
1054
+ }
1046
1055
  this.stateChanges.next(event);
1047
1056
  this.selectedItemChange.emit(event);
1048
1057
  });
@@ -1166,6 +1175,10 @@ class ListComponent extends CollectionBaseInput {
1166
1175
  this.stateChanges.next(item);
1167
1176
  }
1168
1177
  /** @hidden */
1178
+ _clearSelection() {
1179
+ this._selectionModel.clear();
1180
+ }
1181
+ /** @hidden */
1169
1182
  _setItems() {
1170
1183
  if (this._dsItems.length !== null && this.itemSize !== 0) {
1171
1184
  this._startIndex = 0;