@fundamental-ngx/platform 0.58.0-rc.5 → 0.58.0-rc.50
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.
- package/approval-flow/index.d.ts +2 -0
- package/fesm2022/fundamental-ngx-platform-approval-flow.mjs +7 -3
- package/fesm2022/fundamental-ngx-platform-approval-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-form.mjs +7 -0
- package/fesm2022/fundamental-ngx-platform-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs +3 -0
- package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-settings-generator.mjs +2 -2
- package/fesm2022/fundamental-ngx-platform-settings-generator.mjs.map +1 -1
- package/package.json +5 -5
- package/schematics/ng-add/index.js +1 -1
|
@@ -524,7 +524,7 @@ class SettingsGeneratorSidebarLayoutComponent extends BaseSettingsGeneratorLayou
|
|
|
524
524
|
return !!section.id;
|
|
525
525
|
}
|
|
526
526
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SettingsGeneratorSidebarLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
527
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: SettingsGeneratorSidebarLayoutComponent, isStandalone: true, selector: "fdp-settings-generator-sidebar-layout", host: { properties: { "class.fdp-settings-generator__sidebar-layout--mobile": "this._isMobile", "class": "this._initialClass" } }, viewQueries: [{ propertyName: "_settingsGeneratorContent", first: true, predicate: ["settingsGeneratorContent"], descendants: true }, { propertyName: "_listElement", first: true, predicate: ["listElement"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"fdp-settings-generator__sidebar\"\n [class.fdp-settings-generator__sidebar--hidden]=\"!_mobileSidebarVisible\"\n [style.width]=\"_mobileSidebarVisible ? null : _sidebarWidth.width\"\n [style.min-width]=\"_mobileSidebarVisible ? null : _sidebarWidth.minWidth\"\n [style.max-width]=\"_mobileSidebarVisible ? null : _sidebarWidth.maxWidth\"\n>\n <div class=\"fdp-settings-generator__search-header\">\n <h5 fd-title class=\"fdp-settings-generator__title\">\n {{ 'platformSettingsGenerator.settingsLabel' | fdTranslate }}\n </h5>\n <!-- TODO: implement search input\n @if (_displaySettingsSearchInput()) {\n <fd-input-group\n type=\"search\"\n glyph=\"search\"\n [glyphAriaLabel]=\"'platformSettingsGenerator.searchLabel' | fdTranslate\"\n [attr.placeholder]=\"'platformSettingsGenerator.searchLabel' | fdTranslate\"\n [button]=\"true\"\n [disabled]=\"false\"\n [(ngModel)]=\"searchTerm\"\n class=\"fdp-settings-generator__search-input\"\n >\n </fd-input-group>\n }\n -->\n </div>\n <div class=\"fdp-settings-generator__list-container\" #listElement>\n <ul fd-list [byline]=\"true\" [navigationIndicator]=\"true\">\n @for (item of settings?.items; track item; let i = $index) {\n <li (click)=\"_setSelectedIndex(i)\" fd-list-item [selected]=\"i === _selectedIndex\" [id]=\"item.id\">\n <a fd-list-link [navigated]=\"i === _selectedIndex\">\n @if (item.thumbnail) {\n <span fd-list-thumbnail>\n <fdp-settings-generator-sidebar-icon\n [thumbnail]=\"item.thumbnail\"\n ></fdp-settings-generator-sidebar-icon>\n </span>\n }\n <div fd-list-content>\n @if (item.title | fdkAsyncOrSync; as titleValue) {\n <div fd-list-title [wrap]=\"!!_sidebarWidth.wrapSidebarTitle\">{{ titleValue }}</div>\n } @else {\n <div fd-list-title>\n <fd-skeleton\n height=\"16px\"\n type=\"rectangle\"\n width=\"40%\"\n textLines=\"1\"\n [style.margin]=\"'auto 0'\"\n ></fd-skeleton>\n </div>\n }\n @if (item.description) {\n <div fd-list-byline [wrap]=\"!!_sidebarWidth.wrapSidebarDescription\">\n @if (item.description | fdkAsyncOrSync; as descriptionValue) {\n {{ descriptionValue }}\n } @else {\n <fd-skeleton\n type=\"text\"\n width=\"60%\"\n textLines=\"1\"\n [style.margin]=\"'auto 0'\"\n ></fd-skeleton>\n }\n </div>\n }\n </div>\n </a>\n </li>\n }\n </ul>\n </div>\n</div>\n<div\n class=\"fdp-settings-generator__content\"\n [class.fdp-settings-generator__content--hidden]=\"_mobileSidebarVisible\"\n [style.width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.width + ')'\"\n [style.min-width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.minWidth + ')'\"\n [style.max-width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.maxWidth + ')'\"\n>\n @for (item of settings?.items; track item; let i = $index) {\n <fdp-settings-generator-content\n [attr.hidden]=\"i !== _selectedIndex ? true : null\"\n [settings]=\"item\"\n [mobile]=\"_isMobile\"\n (goBack)=\"_goBack()\"\n #settingsGeneratorContent\n ></fdp-settings-generator-content>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: ListModule }, { kind: "component", type: i1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "theme", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"], exportAs: ["fdListItem"] }, { kind: "directive", type: i1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate"] }, { kind: "directive", type: i1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i1.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i1.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i1.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: SettingsGeneratorSidebarIconComponent, selector: "fdp-settings-generator-sidebar-icon", inputs: ["thumbnail"] }, { kind: "component", type: SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "component", type: SettingsGeneratorContentComponent, selector: "fdp-settings-generator-content", inputs: ["settings", "mobile", "backButtonLabel"], outputs: ["goBack"] }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
527
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: SettingsGeneratorSidebarLayoutComponent, isStandalone: true, selector: "fdp-settings-generator-sidebar-layout", host: { properties: { "class.fdp-settings-generator__sidebar-layout--mobile": "this._isMobile", "class": "this._initialClass" } }, viewQueries: [{ propertyName: "_settingsGeneratorContent", first: true, predicate: ["settingsGeneratorContent"], descendants: true }, { propertyName: "_listElement", first: true, predicate: ["listElement"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"fdp-settings-generator__sidebar\"\n [class.fdp-settings-generator__sidebar--hidden]=\"!_mobileSidebarVisible\"\n [style.width]=\"_mobileSidebarVisible ? null : _sidebarWidth.width\"\n [style.min-width]=\"_mobileSidebarVisible ? null : _sidebarWidth.minWidth\"\n [style.max-width]=\"_mobileSidebarVisible ? null : _sidebarWidth.maxWidth\"\n>\n <div class=\"fdp-settings-generator__search-header\">\n <h5 fd-title class=\"fdp-settings-generator__title\">\n {{ 'platformSettingsGenerator.settingsLabel' | fdTranslate }}\n </h5>\n <!-- TODO: implement search input\n @if (_displaySettingsSearchInput()) {\n <fd-input-group\n type=\"search\"\n glyph=\"search\"\n [glyphAriaLabel]=\"'platformSettingsGenerator.searchLabel' | fdTranslate\"\n [attr.placeholder]=\"'platformSettingsGenerator.searchLabel' | fdTranslate\"\n [button]=\"true\"\n [disabled]=\"false\"\n [(ngModel)]=\"searchTerm\"\n class=\"fdp-settings-generator__search-input\"\n >\n </fd-input-group>\n }\n -->\n </div>\n <div class=\"fdp-settings-generator__list-container\" #listElement>\n <ul fd-list [byline]=\"true\" [navigationIndicator]=\"true\">\n @for (item of settings?.items; track item; let i = $index) {\n <li (click)=\"_setSelectedIndex(i)\" fd-list-item [selected]=\"i === _selectedIndex\" [id]=\"item.id\">\n <a fd-list-link [navigated]=\"i === _selectedIndex\" [navigationIndicator]=\"_isMobile\">\n @if (item.thumbnail) {\n <span fd-list-thumbnail>\n <fdp-settings-generator-sidebar-icon\n [thumbnail]=\"item.thumbnail\"\n ></fdp-settings-generator-sidebar-icon>\n </span>\n }\n <div fd-list-content>\n @if (item.title | fdkAsyncOrSync; as titleValue) {\n <div fd-list-title [wrap]=\"!!_sidebarWidth.wrapSidebarTitle\">{{ titleValue }}</div>\n } @else {\n <div fd-list-title>\n <fd-skeleton\n height=\"16px\"\n type=\"rectangle\"\n width=\"40%\"\n textLines=\"1\"\n [style.margin]=\"'auto 0'\"\n ></fd-skeleton>\n </div>\n }\n @if (item.description) {\n <div fd-list-byline [wrap]=\"!!_sidebarWidth.wrapSidebarDescription\">\n @if (item.description | fdkAsyncOrSync; as descriptionValue) {\n {{ descriptionValue }}\n } @else {\n <fd-skeleton\n type=\"text\"\n width=\"60%\"\n textLines=\"1\"\n [style.margin]=\"'auto 0'\"\n ></fd-skeleton>\n }\n </div>\n }\n </div>\n </a>\n </li>\n }\n </ul>\n </div>\n</div>\n<div\n class=\"fdp-settings-generator__content\"\n [class.fdp-settings-generator__content--hidden]=\"_mobileSidebarVisible\"\n [style.width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.width + ')'\"\n [style.min-width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.minWidth + ')'\"\n [style.max-width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.maxWidth + ')'\"\n>\n @for (item of settings?.items; track item; let i = $index) {\n <fdp-settings-generator-content\n [attr.hidden]=\"i !== _selectedIndex ? true : null\"\n [settings]=\"item\"\n [mobile]=\"_isMobile\"\n (goBack)=\"_goBack()\"\n #settingsGeneratorContent\n ></fdp-settings-generator-content>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: ListModule }, { kind: "component", type: i1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "theme", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"], exportAs: ["fdListItem"] }, { kind: "directive", type: i1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate"] }, { kind: "directive", type: i1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i1.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i1.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i1.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: SettingsGeneratorSidebarIconComponent, selector: "fdp-settings-generator-sidebar-icon", inputs: ["thumbnail"] }, { kind: "component", type: SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "component", type: SettingsGeneratorContentComponent, selector: "fdp-settings-generator-content", inputs: ["settings", "mobile", "backButtonLabel"], outputs: ["goBack"] }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: AsyncOrSyncPipe, name: "fdkAsyncOrSync" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
528
528
|
}
|
|
529
529
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: SettingsGeneratorSidebarLayoutComponent, decorators: [{
|
|
530
530
|
type: Component,
|
|
@@ -537,7 +537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
537
537
|
TitleComponent,
|
|
538
538
|
FdTranslatePipe,
|
|
539
539
|
FormsModule
|
|
540
|
-
], template: "<div\n class=\"fdp-settings-generator__sidebar\"\n [class.fdp-settings-generator__sidebar--hidden]=\"!_mobileSidebarVisible\"\n [style.width]=\"_mobileSidebarVisible ? null : _sidebarWidth.width\"\n [style.min-width]=\"_mobileSidebarVisible ? null : _sidebarWidth.minWidth\"\n [style.max-width]=\"_mobileSidebarVisible ? null : _sidebarWidth.maxWidth\"\n>\n <div class=\"fdp-settings-generator__search-header\">\n <h5 fd-title class=\"fdp-settings-generator__title\">\n {{ 'platformSettingsGenerator.settingsLabel' | fdTranslate }}\n </h5>\n <!-- TODO: implement search input\n @if (_displaySettingsSearchInput()) {\n <fd-input-group\n type=\"search\"\n glyph=\"search\"\n [glyphAriaLabel]=\"'platformSettingsGenerator.searchLabel' | fdTranslate\"\n [attr.placeholder]=\"'platformSettingsGenerator.searchLabel' | fdTranslate\"\n [button]=\"true\"\n [disabled]=\"false\"\n [(ngModel)]=\"searchTerm\"\n class=\"fdp-settings-generator__search-input\"\n >\n </fd-input-group>\n }\n -->\n </div>\n <div class=\"fdp-settings-generator__list-container\" #listElement>\n <ul fd-list [byline]=\"true\" [navigationIndicator]=\"true\">\n @for (item of settings?.items; track item; let i = $index) {\n <li (click)=\"_setSelectedIndex(i)\" fd-list-item [selected]=\"i === _selectedIndex\" [id]=\"item.id\">\n <a fd-list-link [navigated]=\"i === _selectedIndex\">\n @if (item.thumbnail) {\n <span fd-list-thumbnail>\n <fdp-settings-generator-sidebar-icon\n [thumbnail]=\"item.thumbnail\"\n ></fdp-settings-generator-sidebar-icon>\n </span>\n }\n <div fd-list-content>\n @if (item.title | fdkAsyncOrSync; as titleValue) {\n <div fd-list-title [wrap]=\"!!_sidebarWidth.wrapSidebarTitle\">{{ titleValue }}</div>\n } @else {\n <div fd-list-title>\n <fd-skeleton\n height=\"16px\"\n type=\"rectangle\"\n width=\"40%\"\n textLines=\"1\"\n [style.margin]=\"'auto 0'\"\n ></fd-skeleton>\n </div>\n }\n @if (item.description) {\n <div fd-list-byline [wrap]=\"!!_sidebarWidth.wrapSidebarDescription\">\n @if (item.description | fdkAsyncOrSync; as descriptionValue) {\n {{ descriptionValue }}\n } @else {\n <fd-skeleton\n type=\"text\"\n width=\"60%\"\n textLines=\"1\"\n [style.margin]=\"'auto 0'\"\n ></fd-skeleton>\n }\n </div>\n }\n </div>\n </a>\n </li>\n }\n </ul>\n </div>\n</div>\n<div\n class=\"fdp-settings-generator__content\"\n [class.fdp-settings-generator__content--hidden]=\"_mobileSidebarVisible\"\n [style.width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.width + ')'\"\n [style.min-width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.minWidth + ')'\"\n [style.max-width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.maxWidth + ')'\"\n>\n @for (item of settings?.items; track item; let i = $index) {\n <fdp-settings-generator-content\n [attr.hidden]=\"i !== _selectedIndex ? true : null\"\n [settings]=\"item\"\n [mobile]=\"_isMobile\"\n (goBack)=\"_goBack()\"\n #settingsGeneratorContent\n ></fdp-settings-generator-content>\n }\n</div>\n" }]
|
|
540
|
+
], template: "<div\n class=\"fdp-settings-generator__sidebar\"\n [class.fdp-settings-generator__sidebar--hidden]=\"!_mobileSidebarVisible\"\n [style.width]=\"_mobileSidebarVisible ? null : _sidebarWidth.width\"\n [style.min-width]=\"_mobileSidebarVisible ? null : _sidebarWidth.minWidth\"\n [style.max-width]=\"_mobileSidebarVisible ? null : _sidebarWidth.maxWidth\"\n>\n <div class=\"fdp-settings-generator__search-header\">\n <h5 fd-title class=\"fdp-settings-generator__title\">\n {{ 'platformSettingsGenerator.settingsLabel' | fdTranslate }}\n </h5>\n <!-- TODO: implement search input\n @if (_displaySettingsSearchInput()) {\n <fd-input-group\n type=\"search\"\n glyph=\"search\"\n [glyphAriaLabel]=\"'platformSettingsGenerator.searchLabel' | fdTranslate\"\n [attr.placeholder]=\"'platformSettingsGenerator.searchLabel' | fdTranslate\"\n [button]=\"true\"\n [disabled]=\"false\"\n [(ngModel)]=\"searchTerm\"\n class=\"fdp-settings-generator__search-input\"\n >\n </fd-input-group>\n }\n -->\n </div>\n <div class=\"fdp-settings-generator__list-container\" #listElement>\n <ul fd-list [byline]=\"true\" [navigationIndicator]=\"true\">\n @for (item of settings?.items; track item; let i = $index) {\n <li (click)=\"_setSelectedIndex(i)\" fd-list-item [selected]=\"i === _selectedIndex\" [id]=\"item.id\">\n <a fd-list-link [navigated]=\"i === _selectedIndex\" [navigationIndicator]=\"_isMobile\">\n @if (item.thumbnail) {\n <span fd-list-thumbnail>\n <fdp-settings-generator-sidebar-icon\n [thumbnail]=\"item.thumbnail\"\n ></fdp-settings-generator-sidebar-icon>\n </span>\n }\n <div fd-list-content>\n @if (item.title | fdkAsyncOrSync; as titleValue) {\n <div fd-list-title [wrap]=\"!!_sidebarWidth.wrapSidebarTitle\">{{ titleValue }}</div>\n } @else {\n <div fd-list-title>\n <fd-skeleton\n height=\"16px\"\n type=\"rectangle\"\n width=\"40%\"\n textLines=\"1\"\n [style.margin]=\"'auto 0'\"\n ></fd-skeleton>\n </div>\n }\n @if (item.description) {\n <div fd-list-byline [wrap]=\"!!_sidebarWidth.wrapSidebarDescription\">\n @if (item.description | fdkAsyncOrSync; as descriptionValue) {\n {{ descriptionValue }}\n } @else {\n <fd-skeleton\n type=\"text\"\n width=\"60%\"\n textLines=\"1\"\n [style.margin]=\"'auto 0'\"\n ></fd-skeleton>\n }\n </div>\n }\n </div>\n </a>\n </li>\n }\n </ul>\n </div>\n</div>\n<div\n class=\"fdp-settings-generator__content\"\n [class.fdp-settings-generator__content--hidden]=\"_mobileSidebarVisible\"\n [style.width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.width + ')'\"\n [style.min-width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.minWidth + ')'\"\n [style.max-width]=\"_mobileSidebarVisible ? null : 'calc(100% - ' + _sidebarWidth.maxWidth + ')'\"\n>\n @for (item of settings?.items; track item; let i = $index) {\n <fdp-settings-generator-content\n [attr.hidden]=\"i !== _selectedIndex ? true : null\"\n [settings]=\"item\"\n [mobile]=\"_isMobile\"\n (goBack)=\"_goBack()\"\n #settingsGeneratorContent\n ></fdp-settings-generator-content>\n }\n</div>\n" }]
|
|
541
541
|
}], ctorParameters: () => [], propDecorators: { _isMobile: [{
|
|
542
542
|
type: HostBinding,
|
|
543
543
|
args: ['class.fdp-settings-generator__sidebar-layout--mobile']
|