@fundamental-ngx/platform 0.63.2-rc.5 → 0.63.2-rc.7
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/README.md +1 -1
- package/fesm2022/fundamental-ngx-platform-approval-flow.mjs +47 -44
- package/fesm2022/fundamental-ngx-platform-approval-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-button.mjs +51 -32
- package/fesm2022/fundamental-ngx-platform-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs +52 -49
- package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-feed-input.mjs +9 -8
- package/fesm2022/fundamental-ngx-platform-feed-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-form.mjs +339 -333
- package/fesm2022/fundamental-ngx-platform-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs +159 -117
- package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-link.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-list.mjs +59 -59
- package/fesm2022/fundamental-ngx-platform-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-menu-button.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-menu.mjs +16 -15
- package/fesm2022/fundamental-ngx-platform-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-message-popover.mjs +36 -26
- package/fesm2022/fundamental-ngx-platform-message-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-object-marker.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-object-status.mjs +11 -11
- package/fesm2022/fundamental-ngx-platform-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-page-footer.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-panel.mjs +18 -18
- package/fesm2022/fundamental-ngx-platform-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-search-field.mjs +107 -66
- package/fesm2022/fundamental-ngx-platform-search-field.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-settings-generator.mjs +58 -47
- package/fesm2022/fundamental-ngx-platform-settings-generator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-shared.mjs +28 -28
- package/fesm2022/fundamental-ngx-platform-slider.mjs +7 -7
- package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs +44 -39
- package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-split-menu-button.mjs +9 -8
- package/fesm2022/fundamental-ngx-platform-split-menu-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-table-helpers.mjs +110 -96
- package/fesm2022/fundamental-ngx-platform-table-helpers.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-table.mjs +280 -207
- package/fesm2022/fundamental-ngx-platform-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-value-help-dialog.mjs +35 -32
- package/fesm2022/fundamental-ngx-platform-value-help-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform-variant-management.mjs +19 -19
- package/fesm2022/fundamental-ngx-platform-wizard-generator.mjs +44 -44
- package/fesm2022/fundamental-ngx-platform-wizard-generator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-platform.mjs +4 -4
- package/package.json +6 -5
- package/schematics/ng-add/index.js +1 -1
- package/schematics/package.json +7 -0
- package/schematics/tsconfig.json +12 -1
- package/schematics/utils/package-utils.js +34 -1
- package/schematics/utils/package-utils.js.map +1 -1
|
@@ -6,10 +6,10 @@ import { ContentDensityDirective, contentDensityObserverProviders, defaultConten
|
|
|
6
6
|
import { PanelComponent as PanelComponent$1, PanelTitleDirective, PanelContentDirective } from '@fundamental-ngx/core/panel';
|
|
7
7
|
|
|
8
8
|
class PanelActionsComponent {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: PanelActionsComponent, isStandalone: true, selector: "fdp-panel-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["fdp-panel-actions>*{margin-left:.5rem}[dir=rtl] fdp-panel-actions>*{margin-left:0;margin-right:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelActionsComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'fdp-panel-actions', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: ["fdp-panel-actions>*{margin-left:.5rem}[dir=rtl] fdp-panel-actions>*{margin-left:0;margin-right:.5rem}\n"] }]
|
|
15
15
|
}] });
|
|
@@ -20,10 +20,10 @@ class PanelContentComponent {
|
|
|
20
20
|
/** Id of the host element. */
|
|
21
21
|
this.id = 'fdp-panel-content-' + platformPanelContentUniqueId++;
|
|
22
22
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: PanelContentComponent, isStandalone: true, selector: "fdp-panel-content", inputs: { contentHeight: "contentHeight", id: "id" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{display:block;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelContentComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'fdp-panel-content', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;overflow:auto}\n"] }]
|
|
29
29
|
}], propDecorators: { contentHeight: [{
|
|
@@ -59,10 +59,10 @@ class PanelConfig {
|
|
|
59
59
|
const useFactory = () => Object.assign(new PanelConfig(), obj);
|
|
60
60
|
return useFactory;
|
|
61
61
|
}
|
|
62
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
63
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
62
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
63
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelConfig, providedIn: 'root' }); }
|
|
64
64
|
}
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelConfig, decorators: [{
|
|
66
66
|
type: Injectable,
|
|
67
67
|
args: [{ providedIn: 'root' }]
|
|
68
68
|
}], ctorParameters: () => [] });
|
|
@@ -137,17 +137,17 @@ class PanelComponent extends BaseComponent {
|
|
|
137
137
|
_calculateExpandAriaLabel() {
|
|
138
138
|
this._expandAriaLabel = this.expanded ? this.collapseLabel : this.expandLabel;
|
|
139
139
|
}
|
|
140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
141
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelComponent, deps: [{ token: PanelConfig }, { token: i2.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: PanelComponent, isStandalone: true, selector: "fdp-panel", inputs: { title: "title", expanded: "expanded", expandable: "expandable", expandLabel: "expandLabel", collapseLabel: "collapseLabel" }, outputs: { panelExpandChange: "panelExpandChange" }, providers: [
|
|
142
142
|
contentDensityObserverProviders({
|
|
143
143
|
defaultContentDensity: {
|
|
144
144
|
useFactory: (panelConfig) => panelConfig.contentDensity || defaultContentDensityObserverConfigs.defaultContentDensity,
|
|
145
145
|
deps: [PanelConfig]
|
|
146
146
|
}
|
|
147
147
|
})
|
|
148
|
-
], queries: [{ propertyName: "_panelContentComponent", first: true, predicate: PanelContentComponent, descendants: true }], viewQueries: [{ propertyName: "_panelTitleDirective", first: true, predicate: PanelTitleDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-panel\n [fdContentDensity]=\"contentDensityObserver.value\"\n [expanded]=\"expanded\"\n [fixed]=\"!expandable\"\n [expandAriaLabel]=\"_expandAriaLabel\"\n [expandAriaLabelledBy]=\"_titleId\"\n [attr.aria-disabled]=\"disabled\"\n (expandedChange)=\"onExpandedChange($event)\"\n>\n <h5 [id]=\"_titleId\" fd-panel-title>{{ title }}</h5>\n\n <ng-content select=\"fdp-panel-actions\"></ng-content>\n\n <div\n fd-panel-content\n [id]=\"_panelContentComponent?.id\"\n [height]=\"_panelContentComponent?.contentHeight || null\"\n [ariaLabelledBy]=\"_panelTitleDirective?.id() || null\"\n >\n <ng-content select=\"fdp-panel-content\"></ng-content>\n </div>\n</fd-panel>\n", dependencies: [{ kind: "component", type: PanelComponent$1, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded", "transparent", "noRadius"], outputs: ["expandedChange"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]), [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]), [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]), [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "directive", type: PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "directive", type: PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "noPadding", "transparent", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
148
|
+
], queries: [{ propertyName: "_panelContentComponent", first: true, predicate: PanelContentComponent, descendants: true }], viewQueries: [{ propertyName: "_panelTitleDirective", first: true, predicate: PanelTitleDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-panel\n [fdContentDensity]=\"contentDensityObserver.value\"\n [expanded]=\"expanded\"\n [fixed]=\"!expandable\"\n [expandAriaLabel]=\"_expandAriaLabel\"\n [expandAriaLabelledBy]=\"_titleId\"\n [attr.aria-disabled]=\"disabled\"\n (expandedChange)=\"onExpandedChange($event)\"\n>\n <h5 [id]=\"_titleId\" fd-panel-title>{{ title }}</h5>\n\n <ng-content select=\"fdp-panel-actions\"></ng-content>\n\n <div\n fd-panel-content\n [id]=\"$safeNavigationMigration(_panelContentComponent?.id)\"\n [height]=\"_panelContentComponent?.contentHeight || null\"\n [ariaLabelledBy]=\"_panelTitleDirective?.id() || null\"\n >\n <ng-content select=\"fdp-panel-content\"></ng-content>\n </div>\n</fd-panel>\n", dependencies: [{ kind: "component", type: PanelComponent$1, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded", "transparent", "noRadius"], outputs: ["expandedChange"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]), [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]), [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]), [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "directive", type: PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "directive", type: PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "noPadding", "transparent", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
149
149
|
}
|
|
150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PanelComponent, decorators: [{
|
|
151
151
|
type: Component,
|
|
152
152
|
args: [{ selector: 'fdp-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
153
153
|
contentDensityObserverProviders({
|
|
@@ -156,7 +156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
156
156
|
deps: [PanelConfig]
|
|
157
157
|
}
|
|
158
158
|
})
|
|
159
|
-
], imports: [PanelComponent$1, ContentDensityDirective, PanelTitleDirective, PanelContentDirective], template: "<fd-panel\n [fdContentDensity]=\"contentDensityObserver.value\"\n [expanded]=\"expanded\"\n [fixed]=\"!expandable\"\n [expandAriaLabel]=\"_expandAriaLabel\"\n [expandAriaLabelledBy]=\"_titleId\"\n [attr.aria-disabled]=\"disabled\"\n (expandedChange)=\"onExpandedChange($event)\"\n>\n <h5 [id]=\"_titleId\" fd-panel-title>{{ title }}</h5>\n\n <ng-content select=\"fdp-panel-actions\"></ng-content>\n\n <div\n fd-panel-content\n [id]=\"_panelContentComponent?.id\"\n [height]=\"_panelContentComponent?.contentHeight || null\"\n [ariaLabelledBy]=\"_panelTitleDirective?.id() || null\"\n >\n <ng-content select=\"fdp-panel-content\"></ng-content>\n </div>\n</fd-panel>\n" }]
|
|
159
|
+
], imports: [PanelComponent$1, ContentDensityDirective, PanelTitleDirective, PanelContentDirective], template: "<fd-panel\n [fdContentDensity]=\"contentDensityObserver.value\"\n [expanded]=\"expanded\"\n [fixed]=\"!expandable\"\n [expandAriaLabel]=\"_expandAriaLabel\"\n [expandAriaLabelledBy]=\"_titleId\"\n [attr.aria-disabled]=\"disabled\"\n (expandedChange)=\"onExpandedChange($event)\"\n>\n <h5 [id]=\"_titleId\" fd-panel-title>{{ title }}</h5>\n\n <ng-content select=\"fdp-panel-actions\"></ng-content>\n\n <div\n fd-panel-content\n [id]=\"$safeNavigationMigration(_panelContentComponent?.id)\"\n [height]=\"_panelContentComponent?.contentHeight || null\"\n [ariaLabelledBy]=\"_panelTitleDirective?.id() || null\"\n >\n <ng-content select=\"fdp-panel-content\"></ng-content>\n </div>\n</fd-panel>\n" }]
|
|
160
160
|
}], ctorParameters: () => [{ type: PanelConfig }, { type: i2.ContentDensityObserver }], propDecorators: { title: [{
|
|
161
161
|
type: Input
|
|
162
162
|
}], expanded: [{
|
|
@@ -183,11 +183,11 @@ const components = [PanelComponent, PanelContentComponent, PanelActionsComponent
|
|
|
183
183
|
* Use direct imports of components and directives.
|
|
184
184
|
*/
|
|
185
185
|
class PlatformPanelModule {
|
|
186
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
187
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
188
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PlatformPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
187
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: PlatformPanelModule, imports: [PanelComponent, PanelContentComponent, PanelActionsComponent, ContentDensityModule], exports: [PanelComponent, PanelContentComponent, PanelActionsComponent, ContentDensityModule] }); }
|
|
188
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PlatformPanelModule, imports: [PanelComponent, ContentDensityModule, ContentDensityModule] }); }
|
|
189
189
|
}
|
|
190
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PlatformPanelModule, decorators: [{
|
|
191
191
|
type: NgModule,
|
|
192
192
|
args: [{
|
|
193
193
|
imports: [...components],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-platform-panel.mjs","sources":["../../../../libs/platform/panel/panel-actions.component.ts","../../../../libs/platform/panel/panel-content/panel-content.component.ts","../../../../libs/platform/panel/panel.config.ts","../../../../libs/platform/panel/panel.component.ts","../../../../libs/platform/panel/panel.component.html","../../../../libs/platform/panel/panel.module.ts","../../../../libs/platform/panel/fundamental-ngx-platform-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'fdp-panel-actions',\n template: '<ng-content></ng-content>',\n styles: [\n `\n fdp-panel-actions > * {\n margin-left: 0.5rem;\n }\n\n [dir='rtl'] fdp-panel-actions > * {\n margin-left: 0;\n margin-right: 0.5rem;\n }\n `\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class PanelActionsComponent {}\n","import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\n\nlet platformPanelContentUniqueId = 0;\n\n@Component({\n selector: 'fdp-panel-content',\n template: `<ng-content></ng-content>`,\n styleUrl: './panel-content.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class PanelContentComponent {\n /**\n * @harmful Potentially bad approach to hardcode css related properties\n * Custom height of the content container.\n */\n @Input()\n contentHeight: string;\n\n /** Id of the host element. */\n @Input()\n @HostBinding('attr.id')\n id: string = 'fdp-panel-content-' + platformPanelContentUniqueId++;\n}\n","import { Injectable, inject } from '@angular/core';\n\nimport { ContentDensity } from '@fundamental-ngx/cdk/utils';\nimport { PlatformConfig } from '@fundamental-ngx/platform/shared';\n\n/**\n * Default options for platform panel\n */\n@Injectable({ providedIn: 'root' })\nexport class PanelConfig {\n /**\n * ARIA label for button when the Panel is collapsed\n */\n expandLabel = 'Expand Panel';\n\n /**\n * ARIA label for button when the Panel is expanded\n */\n collapseLabel = 'Collapse Panel';\n\n /**\n * Content Density of element. 'cozy' | 'compact'\n */\n contentDensity?: ContentDensity;\n\n /** @hidden */\n constructor() {\n const platformConfig = inject(PlatformConfig, { optional: true });\n this.contentDensity = platformConfig?.contentDensity;\n }\n\n /**\n * Create Provider factory function\n */\n static createProviderFactory(obj: Partial<PanelConfig>): () => PanelConfig {\n const useFactory = (): PanelConfig => Object.assign(new PanelConfig(), obj);\n return useFactory;\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n EventEmitter,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n ViewChild\n} from '@angular/core';\n\nimport { BaseComponent } from '@fundamental-ngx/platform/shared';\n\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport {\n ContentDensityDirective,\n ContentDensityObserver,\n contentDensityObserverProviders,\n defaultContentDensityObserverConfigs\n} from '@fundamental-ngx/core/content-density';\nimport {\n PanelComponent as CorePanelComponent,\n PanelContentDirective,\n PanelTitleDirective\n} from '@fundamental-ngx/core/panel';\nimport { PanelContentComponent } from './panel-content/panel-content.component';\nimport { PanelConfig } from './panel.config';\n\n/** Panel change event instance */\nexport class PanelExpandChangeEvent {\n /**\n * Panel expand change event\n * @param source Panel component\n * @param payload Panel expand state\n */\n constructor(\n public source: PanelComponent,\n public payload: boolean\n ) {}\n}\n\nlet platformPanelTitleUniqueId = 0;\n\n/**\n * Fundamental Panel component\n *\n * ```html\n * <fdp-panel title=\"Panel Header\">\n * <fdp-panel-content>\n * Panel Content\n * </fdp-panel-content>\n * </fdp-panel>\n * ```\n *\n * */\n@Component({\n selector: 'fdp-panel',\n templateUrl: './panel.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n contentDensityObserverProviders({\n defaultContentDensity: {\n useFactory: (panelConfig: PanelConfig) =>\n panelConfig.contentDensity || defaultContentDensityObserverConfigs.defaultContentDensity,\n deps: [PanelConfig]\n }\n })\n ],\n imports: [CorePanelComponent, ContentDensityDirective, PanelTitleDirective, PanelContentDirective]\n})\nexport class PanelComponent extends BaseComponent implements OnInit, OnChanges {\n /**\n * sets Panel title.\n */\n @Input()\n title: string;\n\n /**\n * Whether the Panel Content is expanded\n */\n @Input()\n expanded = true;\n\n /**\n * Whether the Panel is expandable\n */\n @Input()\n expandable = true;\n\n /**\n * ARIA label for button when the Panel is collapsed\n */\n @Input()\n expandLabel: string;\n\n /**\n * ARIA label for button when the Panel is expanded\n */\n @Input()\n collapseLabel: string;\n\n /** Output event triggered when the Expand button is clicked */\n @Output()\n panelExpandChange: EventEmitter<PanelExpandChangeEvent> = new EventEmitter<PanelExpandChangeEvent>();\n\n /** @hidden */\n @ContentChild(PanelContentComponent)\n _panelContentComponent: Nullable<PanelContentComponent>;\n\n /** @hidden */\n @ViewChild(PanelTitleDirective)\n _panelTitleDirective: Nullable<PanelTitleDirective>;\n\n /**\n * @hidden\n * Button label based on the current state\n */\n _expandAriaLabel: string;\n\n /** @hidden id of the title element */\n _titleId: string = 'fdp-panel-title-' + platformPanelTitleUniqueId++;\n\n /** @hidden */\n constructor(\n protected _panelConfig: PanelConfig,\n readonly contentDensityObserver: ContentDensityObserver\n ) {\n super();\n this.expandLabel = this._panelConfig.expandLabel;\n this.collapseLabel = this._panelConfig.collapseLabel;\n }\n\n /** @hidden */\n ngOnInit(): void {\n this._calculateExpandAriaLabel();\n }\n\n /** @hidden */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.expanded) {\n this._calculateExpandAriaLabel();\n }\n }\n\n /** Handles expanded/collapsed event */\n onExpandedChange(expanded: boolean): void {\n this.expanded = expanded;\n const event = new PanelExpandChangeEvent(this, expanded);\n this.panelExpandChange.emit(event);\n this._calculateExpandAriaLabel();\n }\n\n /**\n * @hidden\n * Calculate expandAriaLabel based on panel state\n */\n private _calculateExpandAriaLabel(): void {\n this._expandAriaLabel = this.expanded ? this.collapseLabel : this.expandLabel;\n }\n}\n","<fd-panel\n [fdContentDensity]=\"contentDensityObserver.value\"\n [expanded]=\"expanded\"\n [fixed]=\"!expandable\"\n [expandAriaLabel]=\"_expandAriaLabel\"\n [expandAriaLabelledBy]=\"_titleId\"\n [attr.aria-disabled]=\"disabled\"\n (expandedChange)=\"onExpandedChange($event)\"\n>\n <h5 [id]=\"_titleId\" fd-panel-title>{{ title }}</h5>\n\n <ng-content select=\"fdp-panel-actions\"></ng-content>\n\n <div\n fd-panel-content\n [id]=\"_panelContentComponent?.id\"\n [height]=\"_panelContentComponent?.contentHeight || null\"\n [ariaLabelledBy]=\"_panelTitleDirective?.id() || null\"\n >\n <ng-content select=\"fdp-panel-content\"></ng-content>\n </div>\n</fd-panel>\n","import { NgModule } from '@angular/core';\n\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\nimport { PanelActionsComponent } from './panel-actions.component';\nimport { PanelContentComponent } from './panel-content/panel-content.component';\nimport { PanelComponent } from './panel.component';\n\nconst components = [PanelComponent, PanelContentComponent, PanelActionsComponent, ContentDensityModule];\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class PlatformPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.PanelConfig","CorePanelComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-platform-panel.mjs","sources":["../../../../libs/platform/panel/panel-actions.component.ts","../../../../libs/platform/panel/panel-content/panel-content.component.ts","../../../../libs/platform/panel/panel.config.ts","../../../../libs/platform/panel/panel.component.ts","../../../../libs/platform/panel/panel.component.html","../../../../libs/platform/panel/panel.module.ts","../../../../libs/platform/panel/fundamental-ngx-platform-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'fdp-panel-actions',\n template: '<ng-content></ng-content>',\n styles: [\n `\n fdp-panel-actions > * {\n margin-left: 0.5rem;\n }\n\n [dir='rtl'] fdp-panel-actions > * {\n margin-left: 0;\n margin-right: 0.5rem;\n }\n `\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class PanelActionsComponent {}\n","import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\n\nlet platformPanelContentUniqueId = 0;\n\n@Component({\n selector: 'fdp-panel-content',\n template: `<ng-content></ng-content>`,\n styleUrl: './panel-content.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class PanelContentComponent {\n /**\n * @harmful Potentially bad approach to hardcode css related properties\n * Custom height of the content container.\n */\n @Input()\n contentHeight: string;\n\n /** Id of the host element. */\n @Input()\n @HostBinding('attr.id')\n id: string = 'fdp-panel-content-' + platformPanelContentUniqueId++;\n}\n","import { Injectable, inject } from '@angular/core';\n\nimport { ContentDensity } from '@fundamental-ngx/cdk/utils';\nimport { PlatformConfig } from '@fundamental-ngx/platform/shared';\n\n/**\n * Default options for platform panel\n */\n@Injectable({ providedIn: 'root' })\nexport class PanelConfig {\n /**\n * ARIA label for button when the Panel is collapsed\n */\n expandLabel = 'Expand Panel';\n\n /**\n * ARIA label for button when the Panel is expanded\n */\n collapseLabel = 'Collapse Panel';\n\n /**\n * Content Density of element. 'cozy' | 'compact'\n */\n contentDensity?: ContentDensity;\n\n /** @hidden */\n constructor() {\n const platformConfig = inject(PlatformConfig, { optional: true });\n this.contentDensity = platformConfig?.contentDensity;\n }\n\n /**\n * Create Provider factory function\n */\n static createProviderFactory(obj: Partial<PanelConfig>): () => PanelConfig {\n const useFactory = (): PanelConfig => Object.assign(new PanelConfig(), obj);\n return useFactory;\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n EventEmitter,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n ViewChild\n} from '@angular/core';\n\nimport { BaseComponent } from '@fundamental-ngx/platform/shared';\n\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport {\n ContentDensityDirective,\n ContentDensityObserver,\n contentDensityObserverProviders,\n defaultContentDensityObserverConfigs\n} from '@fundamental-ngx/core/content-density';\nimport {\n PanelComponent as CorePanelComponent,\n PanelContentDirective,\n PanelTitleDirective\n} from '@fundamental-ngx/core/panel';\nimport { PanelContentComponent } from './panel-content/panel-content.component';\nimport { PanelConfig } from './panel.config';\n\n/** Panel change event instance */\nexport class PanelExpandChangeEvent {\n /**\n * Panel expand change event\n * @param source Panel component\n * @param payload Panel expand state\n */\n constructor(\n public source: PanelComponent,\n public payload: boolean\n ) {}\n}\n\nlet platformPanelTitleUniqueId = 0;\n\n/**\n * Fundamental Panel component\n *\n * ```html\n * <fdp-panel title=\"Panel Header\">\n * <fdp-panel-content>\n * Panel Content\n * </fdp-panel-content>\n * </fdp-panel>\n * ```\n *\n * */\n@Component({\n selector: 'fdp-panel',\n templateUrl: './panel.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n contentDensityObserverProviders({\n defaultContentDensity: {\n useFactory: (panelConfig: PanelConfig) =>\n panelConfig.contentDensity || defaultContentDensityObserverConfigs.defaultContentDensity,\n deps: [PanelConfig]\n }\n })\n ],\n imports: [CorePanelComponent, ContentDensityDirective, PanelTitleDirective, PanelContentDirective]\n})\nexport class PanelComponent extends BaseComponent implements OnInit, OnChanges {\n /**\n * sets Panel title.\n */\n @Input()\n title: string;\n\n /**\n * Whether the Panel Content is expanded\n */\n @Input()\n expanded = true;\n\n /**\n * Whether the Panel is expandable\n */\n @Input()\n expandable = true;\n\n /**\n * ARIA label for button when the Panel is collapsed\n */\n @Input()\n expandLabel: string;\n\n /**\n * ARIA label for button when the Panel is expanded\n */\n @Input()\n collapseLabel: string;\n\n /** Output event triggered when the Expand button is clicked */\n @Output()\n panelExpandChange: EventEmitter<PanelExpandChangeEvent> = new EventEmitter<PanelExpandChangeEvent>();\n\n /** @hidden */\n @ContentChild(PanelContentComponent)\n _panelContentComponent: Nullable<PanelContentComponent>;\n\n /** @hidden */\n @ViewChild(PanelTitleDirective)\n _panelTitleDirective: Nullable<PanelTitleDirective>;\n\n /**\n * @hidden\n * Button label based on the current state\n */\n _expandAriaLabel: string;\n\n /** @hidden id of the title element */\n _titleId: string = 'fdp-panel-title-' + platformPanelTitleUniqueId++;\n\n /** @hidden */\n constructor(\n protected _panelConfig: PanelConfig,\n readonly contentDensityObserver: ContentDensityObserver\n ) {\n super();\n this.expandLabel = this._panelConfig.expandLabel;\n this.collapseLabel = this._panelConfig.collapseLabel;\n }\n\n /** @hidden */\n ngOnInit(): void {\n this._calculateExpandAriaLabel();\n }\n\n /** @hidden */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.expanded) {\n this._calculateExpandAriaLabel();\n }\n }\n\n /** Handles expanded/collapsed event */\n onExpandedChange(expanded: boolean): void {\n this.expanded = expanded;\n const event = new PanelExpandChangeEvent(this, expanded);\n this.panelExpandChange.emit(event);\n this._calculateExpandAriaLabel();\n }\n\n /**\n * @hidden\n * Calculate expandAriaLabel based on panel state\n */\n private _calculateExpandAriaLabel(): void {\n this._expandAriaLabel = this.expanded ? this.collapseLabel : this.expandLabel;\n }\n}\n","<fd-panel\n [fdContentDensity]=\"contentDensityObserver.value\"\n [expanded]=\"expanded\"\n [fixed]=\"!expandable\"\n [expandAriaLabel]=\"_expandAriaLabel\"\n [expandAriaLabelledBy]=\"_titleId\"\n [attr.aria-disabled]=\"disabled\"\n (expandedChange)=\"onExpandedChange($event)\"\n>\n <h5 [id]=\"_titleId\" fd-panel-title>{{ title }}</h5>\n\n <ng-content select=\"fdp-panel-actions\"></ng-content>\n\n <div\n fd-panel-content\n [id]=\"$safeNavigationMigration(_panelContentComponent?.id)\"\n [height]=\"_panelContentComponent?.contentHeight || null\"\n [ariaLabelledBy]=\"_panelTitleDirective?.id() || null\"\n >\n <ng-content select=\"fdp-panel-content\"></ng-content>\n </div>\n</fd-panel>\n","import { NgModule } from '@angular/core';\n\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\nimport { PanelActionsComponent } from './panel-actions.component';\nimport { PanelContentComponent } from './panel-content/panel-content.component';\nimport { PanelComponent } from './panel.component';\n\nconst components = [PanelComponent, PanelContentComponent, PanelActionsComponent, ContentDensityModule];\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class PlatformPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.PanelConfig","CorePanelComponent"],"mappings":"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"}
|