@eui/eds 23.0.0-alpha.11 → 23.0.0-alpha.13
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/docs/changelog.html +79 -0
- package/docs/index.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/llms.txt +1 -1
- package/docs/properties.html +1 -1
- package/fesm2022/eui-eds-charts-eds-chart-legend.mjs +6 -6
- package/fesm2022/eui-eds-charts-eds-chart.mjs +3 -3
- package/fesm2022/eui-eds-charts-eds-gauge-chart.mjs +3 -3
- package/fesm2022/eui-eds-charts-eds-geo-chart.mjs +3 -3
- package/fesm2022/eui-eds-charts-eds-sparkline.mjs +3 -3
- package/fesm2022/eui-eds-eds-accordion.mjs +9 -9
- package/fesm2022/eui-eds-eds-alert.mjs +6 -6
- package/fesm2022/eui-eds-eds-autocomplete.mjs +21 -17
- package/fesm2022/eui-eds-eds-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-avatar.mjs +27 -27
- package/fesm2022/eui-eds-eds-badge.mjs +5 -4
- package/fesm2022/eui-eds-eds-badge.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-banner.mjs +21 -21
- package/fesm2022/eui-eds-eds-block-content.mjs +3 -3
- package/fesm2022/eui-eds-eds-block-document.mjs +3 -3
- package/fesm2022/eui-eds-eds-blockquote.mjs +3 -3
- package/fesm2022/eui-eds-eds-breadcrumb.mjs +6 -6
- package/fesm2022/eui-eds-eds-button-group.mjs +3 -3
- package/fesm2022/eui-eds-eds-button.mjs +3 -3
- package/fesm2022/eui-eds-eds-calendar.mjs +33 -33
- package/fesm2022/eui-eds-eds-card.mjs +30 -30
- package/fesm2022/eui-eds-eds-carousel.mjs +6 -6
- package/fesm2022/eui-eds-eds-chip-list.mjs +9 -9
- package/fesm2022/eui-eds-eds-chip.mjs +5 -4
- package/fesm2022/eui-eds-eds-chip.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-dashboard-card.mjs +72 -72
- package/fesm2022/eui-eds-eds-date-block.mjs +3 -3
- package/fesm2022/eui-eds-eds-datepicker.mjs +3 -3
- package/fesm2022/eui-eds-eds-dialog.mjs +15 -15
- package/fesm2022/eui-eds-eds-dimmer.mjs +3 -3
- package/fesm2022/eui-eds-eds-disable-content.mjs +3 -3
- package/fesm2022/eui-eds-eds-discussion-thread.mjs +6 -6
- package/fesm2022/eui-eds-eds-dropdown.mjs +9 -9
- package/fesm2022/eui-eds-eds-fab-button.mjs +6 -6
- package/fesm2022/eui-eds-eds-feedback-message.mjs +3 -3
- package/fesm2022/eui-eds-eds-fieldset.mjs +15 -15
- package/fesm2022/eui-eds-eds-file-upload.mjs +12 -12
- package/fesm2022/eui-eds-eds-growl.mjs +6 -6
- package/fesm2022/eui-eds-eds-icon-button.mjs +3 -3
- package/fesm2022/eui-eds-eds-icon-state.mjs +3 -3
- package/fesm2022/eui-eds-eds-icon-toggle.mjs +3 -3
- package/fesm2022/eui-eds-eds-icon.mjs +6 -6
- package/fesm2022/eui-eds-eds-input-button.mjs +3 -3
- package/fesm2022/eui-eds-eds-input-checkbox.mjs +3 -3
- package/fesm2022/eui-eds-eds-input-group.mjs +9 -9
- package/fesm2022/eui-eds-eds-input-icon.mjs +3 -3
- package/fesm2022/eui-eds-eds-input-number.mjs +3 -3
- package/fesm2022/eui-eds-eds-input-radio.mjs +3 -3
- package/fesm2022/eui-eds-eds-input-text.mjs +3 -3
- package/fesm2022/eui-eds-eds-label.mjs +3 -3
- package/fesm2022/eui-eds-eds-language-selector.mjs +6 -6
- package/fesm2022/eui-eds-eds-link.mjs +4 -4
- package/fesm2022/eui-eds-eds-link.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-list-items.mjs +6 -6
- package/fesm2022/eui-eds-eds-menu.mjs +6 -6
- package/fesm2022/eui-eds-eds-message-box.mjs +9 -9
- package/fesm2022/eui-eds-eds-multiselect.mjs +6 -6
- package/fesm2022/eui-eds-eds-navbar.mjs +6 -6
- package/fesm2022/eui-eds-eds-overlay.mjs +21 -21
- package/fesm2022/eui-eds-eds-page.mjs +51 -51
- package/fesm2022/eui-eds-eds-paginator.mjs +3 -3
- package/fesm2022/eui-eds-eds-popover.mjs +8 -7
- package/fesm2022/eui-eds-eds-popover.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-progress-bar.mjs +3 -3
- package/fesm2022/eui-eds-eds-progress-circle.mjs +3 -3
- package/fesm2022/eui-eds-eds-rating.mjs +3 -3
- package/fesm2022/eui-eds-eds-select.mjs +15 -15
- package/fesm2022/eui-eds-eds-shell.mjs +69 -69
- package/fesm2022/eui-eds-eds-skeleton.mjs +3 -3
- package/fesm2022/eui-eds-eds-slider.mjs +3 -3
- package/fesm2022/eui-eds-eds-snc.mjs +3 -3
- package/fesm2022/eui-eds-eds-split-button.mjs +3 -3
- package/fesm2022/eui-eds-eds-table.mjs +33 -33
- package/fesm2022/eui-eds-eds-tabs.mjs +39 -33
- package/fesm2022/eui-eds-eds-tabs.mjs.map +1 -1
- package/fesm2022/eui-eds-eds-tag-group.mjs +3 -3
- package/fesm2022/eui-eds-eds-tag.mjs +3 -3
- package/fesm2022/eui-eds-eds-textarea.mjs +6 -6
- package/fesm2022/eui-eds-eds-timeline.mjs +6 -6
- package/fesm2022/eui-eds-eds-timepicker.mjs +3 -3
- package/fesm2022/eui-eds-eds-toggle-group.mjs +6 -6
- package/fesm2022/eui-eds-eds-toggle.mjs +3 -3
- package/fesm2022/eui-eds-eds-tooltip.mjs +6 -6
- package/fesm2022/eui-eds-eds-tree-list.mjs +21 -21
- package/fesm2022/eui-eds-eds-tree.mjs +9 -9
- package/fesm2022/eui-eds-eds-user-profile.mjs +9 -9
- package/fesm2022/eui-eds-eds-wizard.mjs +6 -6
- package/fesm2022/eui-eds-shared.mjs +27 -27
- package/package.json +1 -1
|
@@ -7,10 +7,10 @@ import * as i1$1 from '@eui/eds/shared';
|
|
|
7
7
|
import { EdsSizeDirective } from '@eui/eds/shared';
|
|
8
8
|
|
|
9
9
|
class EdsPage {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPage, isStandalone: true, selector: "eds-page", ngImport: i0, template: "<ng-content select=\"eds-page-breadcrumb\"></ng-content>\n<ng-content select=\"eds-page-header\"></ng-content>\n<ng-content select=\"eds-page-content\"></ng-content>\n<ng-content select=\"eds-page-columns\"></ng-content>\n<ng-content select=\"eds-page-footer\"></ng-content>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;height:100%;width:100%}\n"] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPage, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'eds-page', template: "<ng-content select=\"eds-page-breadcrumb\"></ng-content>\n<ng-content select=\"eds-page-header\"></ng-content>\n<ng-content select=\"eds-page-content\"></ng-content>\n<ng-content select=\"eds-page-columns\"></ng-content>\n<ng-content select=\"eds-page-footer\"></ng-content>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;height:100%;width:100%}\n"] }]
|
|
16
16
|
}] });
|
|
@@ -33,10 +33,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
33
33
|
* ```
|
|
34
34
|
*/
|
|
35
35
|
class EdsPageBreadcrumb {
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageBreadcrumb, isStandalone: true, selector: "eds-page-breadcrumb", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;position:relative;width:100%;padding:var(--eds-sp-xs) var(--eds-sp-m);flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageBreadcrumb, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'eds-page-breadcrumb', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;position:relative;width:100%;padding:var(--eds-sp-xs) var(--eds-sp-m);flex-shrink:0}\n"] }]
|
|
42
42
|
}] });
|
|
@@ -70,55 +70,55 @@ class EdsPageHeader {
|
|
|
70
70
|
this.collapsed.update(v => !v);
|
|
71
71
|
this.collapse.emit(this.collapsed());
|
|
72
72
|
}
|
|
73
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
74
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsPageHeader, isStandalone: true, selector: "eds-page-header", inputs: { isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, isHeaderMultilines: { classPropertyName: "isHeaderMultilines", publicName: "isHeaderMultilines", isSignal: true, isRequired: false, transformFunction: null }, collapsedLabel: { classPropertyName: "collapsedLabel", publicName: "collapsedLabel", isSignal: true, isRequired: false, transformFunction: null }, expandedLabel: { classPropertyName: "expandedLabel", publicName: "expandedLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapse: "collapse" }, ngImport: i0, template: "<div class=\"header-top\" [class.multilines]=\"isHeaderMultilines()\">\n <div class=\"header-labels\">\n <ng-content select=\"eds-page-header-label\"></ng-content>\n <ng-content select=\"eds-page-header-sublabel\"></ng-content>\n </div>\n\n <div class=\"header-actions\">\n <ng-content select=\"eds-page-header-action-items\"></ng-content>\n\n @if (isCollapsible()) {\n <button\n edsIconButton\n icon=\"caret-down:core\"\n [ariaLabel]=\"collapsed() ? collapsedLabel() : expandedLabel()\"\n [class.collapsed-icon]=\"collapsed()\"\n (click)=\"toggleCollapse()\">\n </button>\n }\n </div>\n</div>\n\n@if (!collapsed()) {\n <ng-content select=\"eds-page-header-body\"></ng-content>\n}\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;gap:var(--eds-sp-xs);flex-shrink:0;padding:var(--eds-sp-m) var(--eds-sp-m) var(--eds-sp-2xs) var(--eds-sp-m)}.eui-21 :host .header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--eds-sp-m)}.eui-21 :host .header-top.multilines{flex-wrap:wrap}.eui-21 :host .header-labels{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);min-width:0}.eui-21 :host .header-actions{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0}.eui-21 :host .collapse-toggle{display:flex;align-items:center;justify-content:center;width:var(--eds-is-l);height:var(--eds-is-l);border:none;background:none;border-radius:var(--eds-br-s);cursor:pointer;color:var(--eds-c-foreground-subtler);transition:background .15s ease}.eui-21 :host .collapse-toggle:hover{background:var(--eds-c-surface-elevation-sunken)}.eui-21 :host .collapse-toggle eds-icon{transition:transform .2s ease}.eui-21 :host .collapse-toggle eds-icon.collapsed-icon{transform:rotate(-90deg)}.eui-21 :host [edsIconButton]{transition:transform .2s ease}.eui-21 :host [edsIconButton].collapsed-icon{transform:rotate(-90deg)}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }] }); }
|
|
75
75
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeader, decorators: [{
|
|
77
77
|
type: Component,
|
|
78
78
|
args: [{ selector: 'eds-page-header', imports: [...EDS_ICON_BUTTON], template: "<div class=\"header-top\" [class.multilines]=\"isHeaderMultilines()\">\n <div class=\"header-labels\">\n <ng-content select=\"eds-page-header-label\"></ng-content>\n <ng-content select=\"eds-page-header-sublabel\"></ng-content>\n </div>\n\n <div class=\"header-actions\">\n <ng-content select=\"eds-page-header-action-items\"></ng-content>\n\n @if (isCollapsible()) {\n <button\n edsIconButton\n icon=\"caret-down:core\"\n [ariaLabel]=\"collapsed() ? collapsedLabel() : expandedLabel()\"\n [class.collapsed-icon]=\"collapsed()\"\n (click)=\"toggleCollapse()\">\n </button>\n }\n </div>\n</div>\n\n@if (!collapsed()) {\n <ng-content select=\"eds-page-header-body\"></ng-content>\n}\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;gap:var(--eds-sp-xs);flex-shrink:0;padding:var(--eds-sp-m) var(--eds-sp-m) var(--eds-sp-2xs) var(--eds-sp-m)}.eui-21 :host .header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--eds-sp-m)}.eui-21 :host .header-top.multilines{flex-wrap:wrap}.eui-21 :host .header-labels{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);min-width:0}.eui-21 :host .header-actions{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0}.eui-21 :host .collapse-toggle{display:flex;align-items:center;justify-content:center;width:var(--eds-is-l);height:var(--eds-is-l);border:none;background:none;border-radius:var(--eds-br-s);cursor:pointer;color:var(--eds-c-foreground-subtler);transition:background .15s ease}.eui-21 :host .collapse-toggle:hover{background:var(--eds-c-surface-elevation-sunken)}.eui-21 :host .collapse-toggle eds-icon{transition:transform .2s ease}.eui-21 :host .collapse-toggle eds-icon.collapsed-icon{transform:rotate(-90deg)}.eui-21 :host [edsIconButton]{transition:transform .2s ease}.eui-21 :host [edsIconButton].collapsed-icon{transform:rotate(-90deg)}\n"] }]
|
|
79
79
|
}], ctorParameters: () => [], propDecorators: { isCollapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsible", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }], isHeaderMultilines: [{ type: i0.Input, args: [{ isSignal: true, alias: "isHeaderMultilines", required: false }] }], collapsedLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedLabel", required: false }] }], expandedLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedLabel", required: false }] }], collapse: [{ type: i0.Output, args: ["collapse"] }] } });
|
|
80
80
|
|
|
81
81
|
class EdsPageHeaderLabel {
|
|
82
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeaderLabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
83
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageHeaderLabel, isStandalone: true, selector: "eds-page-header-label", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-heading-m);letter-spacing:var(--eds-f-ls-4xl);color:var(--eds-c-foreground);margin:0}\n"] }); }
|
|
84
84
|
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeaderLabel, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
87
|
args: [{ selector: 'eds-page-header-label', template: '<ng-content/>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-heading-m);letter-spacing:var(--eds-f-ls-4xl);color:var(--eds-c-foreground);margin:0}\n"] }]
|
|
88
88
|
}] });
|
|
89
89
|
|
|
90
90
|
class EdsPageHeaderSublabel {
|
|
91
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
92
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeaderSublabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageHeaderSublabel, isStandalone: true, selector: "eds-page-header-sublabel", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);font:var(--eds-f-paragraph-m);color:var(--eds-c-foreground-subtler);margin:0}\n"] }); }
|
|
93
93
|
}
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeaderSublabel, decorators: [{
|
|
95
95
|
type: Component,
|
|
96
96
|
args: [{ selector: 'eds-page-header-sublabel', template: '<ng-content/>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);font:var(--eds-f-paragraph-m);color:var(--eds-c-foreground-subtler);margin:0}\n"] }]
|
|
97
97
|
}] });
|
|
98
98
|
|
|
99
99
|
class EdsPageHeaderActionItems {
|
|
100
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
101
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
100
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeaderActionItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
101
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageHeaderActionItems, isStandalone: true, selector: "eds-page-header-action-items", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs)}\n"] }); }
|
|
102
102
|
}
|
|
103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeaderActionItems, decorators: [{
|
|
104
104
|
type: Component,
|
|
105
105
|
args: [{ selector: 'eds-page-header-action-items', template: '<ng-content/>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs)}\n"] }]
|
|
106
106
|
}] });
|
|
107
107
|
|
|
108
108
|
class EdsPageHeaderBody {
|
|
109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
110
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeaderBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
110
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageHeaderBody, isStandalone: true, selector: "eds-page-header-body", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;padding-top:var(--eds-sp-xs)}\n"] }); }
|
|
111
111
|
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageHeaderBody, decorators: [{
|
|
113
113
|
type: Component,
|
|
114
114
|
args: [{ selector: 'eds-page-header-body', template: '<ng-content/>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;padding-top:var(--eds-sp-xs)}\n"] }]
|
|
115
115
|
}] });
|
|
116
116
|
|
|
117
117
|
class EdsPageContent {
|
|
118
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
119
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
118
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
119
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageContent, isStandalone: true, selector: "eds-page-content", host: { attributes: { "role": "main" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex:1;min-height:0;padding:var(--eds-sp-2xs) var(--eds-sp-m) var(--eds-sp-m) var(--eds-sp-m);height:100%;overflow-y:auto;overflow-x:hidden}.eui-21 :host:has(eds-page-columns){padding:0;overflow:hidden}\n"] }); }
|
|
120
120
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageContent, decorators: [{
|
|
122
122
|
type: Component,
|
|
123
123
|
args: [{ selector: 'eds-page-content', template: '<ng-content/>', host: {
|
|
124
124
|
role: 'main',
|
|
@@ -131,10 +131,10 @@ class EdsPageFooter {
|
|
|
131
131
|
this.highlighted = input(false, /* @ts-ignore */
|
|
132
132
|
...(ngDevMode ? [{ debugName: "highlighted" }] : /* istanbul ignore next */ []));
|
|
133
133
|
}
|
|
134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
135
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsPageFooter, isStandalone: true, selector: "eds-page-footer", inputs: { highlighted: { classPropertyName: "highlighted", publicName: "highlighted", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.highlighted": "highlighted()" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;padding:var(--eds-sp-m) var(--eds-sp-none);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider)}.eui-21 :host(.highlighted){background:var(--eds-c-surface-elevation-raised);padding:var(--eds-sp-m);border-radius:var(--eds-br-s);border-top:none}\n"] }); }
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageFooter, decorators: [{
|
|
138
138
|
type: Component,
|
|
139
139
|
args: [{ selector: 'eds-page-footer', template: '<ng-content/>', host: {
|
|
140
140
|
'[class.highlighted]': 'highlighted()',
|
|
@@ -189,10 +189,10 @@ class EdsPageColumns {
|
|
|
189
189
|
ngOnDestroy() {
|
|
190
190
|
this._observer?.disconnect();
|
|
191
191
|
}
|
|
192
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
193
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
192
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumns, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
193
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsPageColumns, isStandalone: true, selector: "eds-page-columns", inputs: { hasPreventMobileRendering: { classPropertyName: "hasPreventMobileRendering", publicName: "hasPreventMobileRendering", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex:1;min-height:0;height:100%;overflow:hidden}@media screen and (max-width:767px){.eui-21 :host:not(.eds-page-columns--prevent-mobile-rendering){flex-direction:column;overflow-y:auto}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
194
194
|
}
|
|
195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumns, decorators: [{
|
|
196
196
|
type: Component,
|
|
197
197
|
args: [{ selector: 'eds-page-columns', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
198
198
|
'[class]': 'hostClasses()',
|
|
@@ -293,12 +293,12 @@ class EdsPageColumn {
|
|
|
293
293
|
this.collapsed.update(v => !v);
|
|
294
294
|
this.collapse.emit(this.collapsed());
|
|
295
295
|
}
|
|
296
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
297
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
296
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumn, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
297
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsPageColumn, isStandalone: true, selector: "eds-page-column", inputs: { isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, collapseAriaLabel: { classPropertyName: "collapseAriaLabel", publicName: "collapseAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, edsSizeVariant: { classPropertyName: "edsSizeVariant", publicName: "edsSizeVariant", isSignal: true, isRequired: false, transformFunction: null }, isAutocloseOnContainerResize: { classPropertyName: "isAutocloseOnContainerResize", publicName: "isAutocloseOnContainerResize", isSignal: true, isRequired: false, transformFunction: null }, autocloseContainerWidth: { classPropertyName: "autocloseContainerWidth", publicName: "autocloseContainerWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapse: "collapse" }, host: { properties: { "class": "hostClasses()" } }, providers: [
|
|
298
298
|
{ provide: EDS_PAGE_COLUMN, useExisting: EdsPageColumn },
|
|
299
299
|
], hostDirectives: [{ directive: i1$1.EdsSizeDirective, inputs: ["edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeXL", "edsSizeXL", "edsSize2XL", "edsSize2XL", "edsSize3XL", "edsSize3XL", "edsSize4XL", "edsSize4XL"] }], ngImport: i0, template: "<ng-content select=\"eds-page-column-header\"></ng-content>\n\n@if (!collapsed()) {\n <ng-content select=\"eds-page-column-body\"></ng-content>\n <ng-content select=\"eds-page-column-footer\"></ng-content>\n <ng-content></ng-content>\n}\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:100%;overflow:hidden;border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider)}.eui-21 :host:last-child{border-right:none}.eui-21 :host.eds-page-column--size-s{flex:0 0 200px}.eui-21 :host.eds-page-column--size-m{flex:0 0 240px}.eui-21 :host.eds-page-column--size-l{flex:0 0 280px}.eui-21 :host.eds-page-column--size-xl{flex:0 0 320px}.eui-21 :host.eds-page-column--size-2xl{flex:0 0 360px}.eui-21 :host.eds-page-column--size-3xl{flex:0 0 420px}.eui-21 :host.eds-page-column--size-4xl{flex:0 0 480px}.eui-21 :host.eds-page-column--collapsed{flex:0 0 auto;width:auto;min-width:48px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
300
300
|
}
|
|
301
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumn, decorators: [{
|
|
302
302
|
type: Component,
|
|
303
303
|
args: [{ selector: 'eds-page-column', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
304
304
|
{ provide: EDS_PAGE_COLUMN, useExisting: EdsPageColumn },
|
|
@@ -325,55 +325,55 @@ class EdsPageColumnHeader {
|
|
|
325
325
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
326
326
|
this.parentColumn = inject(EDS_PAGE_COLUMN, { optional: true });
|
|
327
327
|
}
|
|
328
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
329
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
328
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
329
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsPageColumnHeader, isStandalone: true, selector: "eds-page-column-header", ngImport: i0, template: "<div class=\"eds-page-column-header__left\">\n <ng-content select=\"eds-page-column-header-label\"></ng-content>\n @if (!parentColumn?.collapsed()) {\n <ng-content select=\"eds-page-column-header-sublabel\"></ng-content>\n }\n</div>\n\n<div class=\"eds-page-column-header__right\">\n @if (!parentColumn?.collapsed()) {\n <ng-content select=\"eds-page-column-header-action-items\"></ng-content>\n }\n @if (parentColumn?.isCollapsible()) {\n <button edsIconButton edsSizeS\n [icon]=\"parentColumn.collapsed() ? 'caret-right' : 'caret-left'\"\n [ariaLabel]=\"parentColumn.collapseAriaLabel()\"\n (click)=\"parentColumn.onToggle()\">\n </button>\n }\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;justify-content:space-between;gap:var(--eds-sp-xs);padding:var(--eds-sp-s) var(--eds-sp-m);flex-shrink:0;flex-wrap:nowrap}.eui-21 :host .eds-page-column-header__left{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);min-width:0;overflow:hidden;flex:1}.eui-21 :host .eds-page-column-header__right{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;margin-left:auto}.eui-21 .eds-page-column--collapsed :host{flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--eds-sp-m);padding:var(--eds-sp-s) var(--eds-sp-xs);border-bottom:none}.eui-21 .eds-page-column--collapsed :host .eds-page-column-header__right{order:-1;margin-left:0}.eui-21 .eds-page-column--collapsed :host .eds-page-column-header__left{writing-mode:vertical-rl;transform:rotate(180deg);overflow:visible;flex:0;white-space:nowrap}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
330
330
|
}
|
|
331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
331
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnHeader, decorators: [{
|
|
332
332
|
type: Component,
|
|
333
333
|
args: [{ selector: 'eds-page-column-header', imports: [...EDS_ICON_BUTTON], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page-column-header__left\">\n <ng-content select=\"eds-page-column-header-label\"></ng-content>\n @if (!parentColumn?.collapsed()) {\n <ng-content select=\"eds-page-column-header-sublabel\"></ng-content>\n }\n</div>\n\n<div class=\"eds-page-column-header__right\">\n @if (!parentColumn?.collapsed()) {\n <ng-content select=\"eds-page-column-header-action-items\"></ng-content>\n }\n @if (parentColumn?.isCollapsible()) {\n <button edsIconButton edsSizeS\n [icon]=\"parentColumn.collapsed() ? 'caret-right' : 'caret-left'\"\n [ariaLabel]=\"parentColumn.collapseAriaLabel()\"\n (click)=\"parentColumn.onToggle()\">\n </button>\n }\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;justify-content:space-between;gap:var(--eds-sp-xs);padding:var(--eds-sp-s) var(--eds-sp-m);flex-shrink:0;flex-wrap:nowrap}.eui-21 :host .eds-page-column-header__left{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);min-width:0;overflow:hidden;flex:1}.eui-21 :host .eds-page-column-header__right{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;margin-left:auto}.eui-21 .eds-page-column--collapsed :host{flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--eds-sp-m);padding:var(--eds-sp-s) var(--eds-sp-xs);border-bottom:none}.eui-21 .eds-page-column--collapsed :host .eds-page-column-header__right{order:-1;margin-left:0}.eui-21 .eds-page-column--collapsed :host .eds-page-column-header__left{writing-mode:vertical-rl;transform:rotate(180deg);overflow:visible;flex:0;white-space:nowrap}\n"] }]
|
|
334
334
|
}] });
|
|
335
335
|
|
|
336
336
|
class EdsPageColumnHeaderLabel {
|
|
337
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
338
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
337
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnHeaderLabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
338
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageColumnHeaderLabel, isStandalone: true, selector: "eds-page-column-header-label", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
339
339
|
}
|
|
340
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnHeaderLabel, decorators: [{
|
|
341
341
|
type: Component,
|
|
342
342
|
args: [{ selector: 'eds-page-column-header-label', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground)}\n"] }]
|
|
343
343
|
}] });
|
|
344
344
|
|
|
345
345
|
class EdsPageColumnHeaderSublabel {
|
|
346
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
347
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
346
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnHeaderSublabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
347
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageColumnHeaderSublabel, isStandalone: true, selector: "eds-page-column-header-sublabel", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
348
348
|
}
|
|
349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
349
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnHeaderSublabel, decorators: [{
|
|
350
350
|
type: Component,
|
|
351
351
|
args: [{ selector: 'eds-page-column-header-sublabel', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}\n"] }]
|
|
352
352
|
}] });
|
|
353
353
|
|
|
354
354
|
class EdsPageColumnHeaderActionItems {
|
|
355
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
356
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnHeaderActionItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
356
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageColumnHeaderActionItems, isStandalone: true, selector: "eds-page-column-header-action-items", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
357
357
|
}
|
|
358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnHeaderActionItems, decorators: [{
|
|
359
359
|
type: Component,
|
|
360
360
|
args: [{ selector: 'eds-page-column-header-action-items', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-2xs)}\n"] }]
|
|
361
361
|
}] });
|
|
362
362
|
|
|
363
363
|
class EdsPageColumnBody {
|
|
364
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
365
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
364
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
365
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageColumnBody, isStandalone: true, selector: "eds-page-column-body", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--eds-sp-m);overflow-y:auto;overflow-x:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
366
366
|
}
|
|
367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnBody, decorators: [{
|
|
368
368
|
type: Component,
|
|
369
369
|
args: [{ selector: 'eds-page-column-body', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--eds-sp-m);overflow-y:auto;overflow-x:hidden}\n"] }]
|
|
370
370
|
}] });
|
|
371
371
|
|
|
372
372
|
class EdsPageColumnFooter {
|
|
373
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
374
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
373
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
374
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsPageColumnFooter, isStandalone: true, selector: "eds-page-column-footer", ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;padding:var(--eds-sp-s) var(--eds-sp-m);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
375
375
|
}
|
|
376
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPageColumnFooter, decorators: [{
|
|
377
377
|
type: Component,
|
|
378
378
|
args: [{ selector: 'eds-page-column-footer', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;padding:var(--eds-sp-s) var(--eds-sp-m);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider)}\n"] }]
|
|
379
379
|
}] });
|
|
@@ -260,10 +260,10 @@ class EdsPaginator {
|
|
|
260
260
|
nbPage: this.nbPage(),
|
|
261
261
|
});
|
|
262
262
|
}
|
|
263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPaginator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
264
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsPaginator, isStandalone: true, selector: "eds-paginator", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, nbPageNumberNavigation: { classPropertyName: "nbPageNumberNavigation", publicName: "nbPageNumberNavigation", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null }, isBasicMode: { classPropertyName: "isBasicMode", publicName: "isBasicMode", isSignal: true, isRequired: false, transformFunction: null }, hasPageNumberNavigation: { classPropertyName: "hasPageNumberNavigation", publicName: "hasPageNumberNavigation", isSignal: true, isRequired: false, transformFunction: null }, hasPageNumberNavigationCompact: { classPropertyName: "hasPageNumberNavigationCompact", publicName: "hasPageNumberNavigationCompact", isSignal: true, isRequired: false, transformFunction: null }, hasDynamicLength: { classPropertyName: "hasDynamicLength", publicName: "hasDynamicLength", isSignal: true, isRequired: false, transformFunction: null }, hasPageSize: { classPropertyName: "hasPageSize", publicName: "hasPageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div class=\"eds-paginator__page\">\n @if (!isBasicMode()) {\n @if (hasPageSize()) {\n <div class=\"eds-paginator__page-selector-wrapper\" [class.eds-paginator__page-selector-wrapper--compact]=\"hasPageNumberNavigationCompact()\">\n <div class=\"eds-paginator__page-selector\">\n <span class=\"eds-paginator__page-selector-label\">Items per page:</span>\n <select\n edsSelect\n class=\"eds-paginator__page-size-select\"\n [attr.aria-label]=\"'Items per page'\"\n (change)=\"onPageSizeChange($any($event.target).value)\">\n @for (option of pageSizeOptions(); track option) {\n <option [value]=\"option\" [selected]=\"option === internalPageSize()\">{{ option }}</option>\n }\n </select>\n </div>\n @if (internalLength() > 0) {\n <div class=\"eds-paginator__page-range-main\" role=\"status\">\n {{ range() }} of {{ rangeLength() }}\n </div>\n }\n </div>\n }\n }\n</div>\n\n<nav class=\"eds-paginator__navigation\" [attr.aria-label]=\"'Pagination navigation, ' + rangeLength() + ' total items'\">\n @if (isBasicMode()) {\n <div class=\"eds-paginator__navigation-item\">\n <button\n edsIconButton\n edsSizeS\n edsNeutral\n icon=\"caret-left:core\"\n ariaLabel=\"Go to previous page\"\n [edsDisabled]=\"isPrevDisabled()\"\n (buttonClick)=\"goPreviousPage()\">\n </button>\n </div>\n <div class=\"eds-paginator__navigation-item\">\n <button\n edsIconButton\n edsSizeS\n edsNeutral\n icon=\"caret-right:core\"\n ariaLabel=\"Go to next page\"\n [edsDisabled]=\"isNextDisabled()\"\n (buttonClick)=\"goNextPage()\">\n </button>\n </div>\n } @else {\n <div class=\"eds-paginator__navigation-item\">\n <button\n edsIconButton\n edsSizeS\n edsNeutral\n icon=\"caret-double-left:core\"\n ariaLabel=\"Go to first page\"\n [edsDisabled]=\"isPrevDisabled()\"\n (buttonClick)=\"goFirstPage()\">\n </button>\n </div>\n <div class=\"eds-paginator__navigation-item\">\n <button\n edsIconButton\n edsSizeS\n edsNeutral\n icon=\"caret-left:core\"\n ariaLabel=\"Go to previous page\"\n [edsDisabled]=\"isPrevDisabled()\"\n (buttonClick)=\"goPreviousPage()\">\n </button>\n </div>\n\n @if (hasPageNumberNavigation()) {\n <div class=\"eds-paginator__navigation-numbers\">\n @for (pageNumber of pageNumberNavigation(); track pageNumber) {\n <button\n edsButton\n edsSizeS\n edsNeutral\n edsButtonTertiary\n class=\"eds-paginator__page-number\"\n [class.eds-paginator__page-number--active]=\"pageNumber === internalPage()\"\n [attr.aria-current]=\"pageNumber === internalPage() ? 'page' : null\"\n [attr.aria-label]=\"'Page ' + (pageNumber + 1)\"\n (click)=\"goToPage(pageNumber)\">\n {{ pageNumber + 1 }}\n </button>\n }\n </div>\n }\n\n @if (internalLength() > 0) {\n <div class=\"eds-paginator__page-range\" role=\"status\">\n {{ range() }} of {{ rangeLength() }}\n </div>\n }\n\n <div class=\"eds-paginator__navigation-item\">\n <button\n edsIconButton\n edsSizeS\n edsNeutral\n icon=\"caret-right:core\"\n ariaLabel=\"Go to next page\"\n [edsDisabled]=\"isNextDisabled()\"\n (buttonClick)=\"goNextPage()\">\n </button>\n </div>\n <div class=\"eds-paginator__navigation-item\">\n <button\n edsIconButton\n edsSizeS\n edsNeutral\n icon=\"caret-double-right:core\"\n ariaLabel=\"Go to last page\"\n [edsDisabled]=\"isNextDisabled()\"\n (buttonClick)=\"goLastPage()\">\n </button>\n </div>\n }\n</nav>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:var(--eds-sp-s) 0;position:relative;width:100%}.eui-21 :host .eds-paginator__page{display:flex;flex-direction:column;font:var(--eds-f-paragraph-m)}.eui-21 :host .eds-paginator__page-selector-wrapper{display:flex;flex-wrap:wrap;flex-direction:column;gap:var(--eds-sp-2xs)}.eui-21 :host .eds-paginator__page-selector-wrapper--compact{flex-direction:row;align-items:center;gap:var(--eds-sp-s)}.eui-21 :host .eds-paginator__page-selector{align-items:center;display:flex;flex-wrap:wrap;gap:var(--eds-sp-xs);font:var(--eds-f-paragraph-s)}.eui-21 :host .eds-paginator__page-selector-label{white-space:nowrap}.eui-21 :host .eds-paginator__page-range-main{align-items:center;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-paginator__page-size-select{min-width:4rem}.eui-21 :host .eds-paginator__navigation{align-items:center;display:flex;gap:var(--eds-sp-2xs)}.eui-21 :host .eds-paginator__navigation-item{align-items:center;display:inline-flex}.eui-21 :host .eds-paginator__navigation-numbers{align-items:center;display:inline-flex;gap:var(--eds-sp-2xs)}.eui-21 :host .eds-paginator__page-range{align-items:center;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);display:none;padding:0 var(--eds-sp-xs);white-space:nowrap}.eui-21 :host .eds-paginator__page-number{min-width:var(--eds-si-2xl);padding:0 var(--eds-sp-2xs)}.eui-21 :host .eds-paginator__page-number--active{font-weight:700;color:var(--eds-c-foreground-primary);border:1px solid var(--eds-c-border-primary)}.eui-21 :host.eds-paginator--hidden{display:none}@media screen and (max-width:767px){.eui-21 :host{align-items:center;display:flex;justify-content:center;width:100%}.eui-21 :host .eds-paginator__page{display:none}.eui-21 :host .eds-paginator__page-range{display:inline-flex}.eui-21 :host .eds-paginator__navigation-numbers{display:none}}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked", "edsDisabled"] }, { kind: "component", type: i3.EdsSelect, selector: "select[edsSelect]", inputs: ["e2eAttr", "placeholder", "readonly", "isInvalid", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
265
265
|
}
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPaginator, decorators: [{
|
|
267
267
|
type: Component,
|
|
268
268
|
args: [{ selector: 'eds-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
269
269
|
DecimalPipe,
|
|
@@ -95,10 +95,10 @@ class EdsPopoverArrowPosition {
|
|
|
95
95
|
}
|
|
96
96
|
return '';
|
|
97
97
|
}
|
|
98
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
99
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
98
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPopoverArrowPosition, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
99
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EdsPopoverArrowPosition, isStandalone: true, selector: "[edsPopoverArrowPosition]", inputs: { position: { classPropertyName: "position", publicName: "edsPopoverArrowPosition", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
|
|
100
100
|
}
|
|
101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPopoverArrowPosition, decorators: [{
|
|
102
102
|
type: Directive,
|
|
103
103
|
args: [{
|
|
104
104
|
selector: '[edsPopoverArrowPosition]',
|
|
@@ -186,7 +186,8 @@ class EdsPopover {
|
|
|
186
186
|
/** Current position and origin rect for the arrow directive. */
|
|
187
187
|
this.position$ = signal(null, /* @ts-ignore */
|
|
188
188
|
...(ngDevMode ? [{ debugName: "position$" }] : /* istanbul ignore next */ []));
|
|
189
|
-
this.templatePortalContent = viewChild.required('templatePortalContent'
|
|
189
|
+
this.templatePortalContent = viewChild.required('templatePortalContent', /* @ts-ignore */
|
|
190
|
+
...(ngDevMode ? [{ debugName: "templatePortalContent" }] : /* istanbul ignore next */ []));
|
|
190
191
|
this.destroy$ = new Subject();
|
|
191
192
|
this.isOpen$ = signal(false, /* @ts-ignore */
|
|
192
193
|
...(ngDevMode ? [{ debugName: "isOpen$" }] : /* istanbul ignore next */ []));
|
|
@@ -332,10 +333,10 @@ class EdsPopover {
|
|
|
332
333
|
.withFlexibleDimensions(false)
|
|
333
334
|
.withLockedPosition(true);
|
|
334
335
|
}
|
|
335
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
336
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
336
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
337
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsPopover, isStandalone: true, selector: "eds-popover", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, hasBackDrop: { classPropertyName: "hasBackDrop", publicName: "hasBackDrop", isSignal: true, isRequired: false, transformFunction: null }, hasCloseButton: { classPropertyName: "hasCloseButton", publicName: "hasCloseButton", isSignal: true, isRequired: false, transformFunction: null }, isDismissable: { classPropertyName: "isDismissable", publicName: "isDismissable", isSignal: true, isRequired: false, transformFunction: null }, hasNoContentPadding: { classPropertyName: "hasNoContentPadding", publicName: "hasNoContentPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outsideClick: "outsideClick", popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeXL", "edsSizeXL", "edsSize2XL", "edsSize2XL", "edsSizeAuto", "edsSizeAuto", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: "<ng-template #templatePortalContent>\n <ng-container *ngTemplateOutlet=\"template\" />\n</ng-template>\n\n<ng-template #template>\n <div class=\"eds-popover__container\" [style.width]=\"width()\" cdkTrapFocus cdkTrapFocusAutoCapture role=\"dialog\" [attr.aria-labelledby]=\"title() ? 'eds-popover-title' : null\" [attr.aria-label]=\"!title() ? 'Popover' : null\" (keydown)=\"onKeyDown($event)\">\n <div class=\"eds-popover__arrow\" [edsPopoverArrowPosition]=\"position$()\">\n <div class=\"eds-popover__arrow-inner\"></div>\n </div>\n @if (title()) {\n <div class=\"eds-popover__header\">\n <div class=\"eds-popover__header-title\" id=\"eds-popover-title\">{{ title() }}</div>\n @if (hasCloseButton()) {\n <button\n edsIconButton\n edsSizeS\n edsNeutral\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n }\n </div>\n } @else if (hasCloseButton()) {\n <div class=\"eds-popover__header eds-popover__header--close-only\">\n <button\n edsIconButton\n edsSizeS\n edsNeutral\n icon=\"x:core\"\n ariaLabel=\"Close popover\"\n (buttonClick)=\"closePopover()\">\n </button>\n </div>\n }\n <div (cdkObserveContent)=\"onContentChange()\" class=\"eds-popover__content\" [class.eds-popover__content--no-padding]=\"hasNoContentPadding()\">\n <ng-content/>\n </div>\n </div>\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 .eds-popover-position .eds-popover__arrow{border-color:inherit;border-style:solid;border-width:8px;color:var(--eds-c-border-divider);display:none;height:0;position:absolute;width:0}.eui-21 .eds-popover-position .eds-popover__arrow-inner{border-color:var(--eds-c-surface-elevation);border-style:solid;border-width:7px;content:\" \";display:block;height:0;position:absolute;width:0}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow,.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{display:block}.eui-21 .eds-popover-position--top .eds-popover__arrow,.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-left-color:transparent;border-right-color:transparent;left:50%;transform:translate(-8px)}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner,.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-left-color:transparent;border-right-color:transparent;margin-left:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow{border-bottom-width:0;bottom:-7px}.eui-21 .eds-popover-position--top .eds-popover__arrow-inner{border-bottom-width:0;bottom:2px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow{border-top-width:0;top:-7px}.eui-21 .eds-popover-position--bottom .eds-popover__arrow-inner{border-top-width:0;top:1px}.eui-21 .eds-popover-position--left .eds-popover__arrow,.eui-21 .eds-popover-position--right .eds-popover__arrow{border-bottom-color:transparent;border-top-color:transparent;top:50%;transform:translateY(-8px)}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner,.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-bottom-color:transparent;border-top-color:transparent;top:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow{border-right-width:0;right:-7px}.eui-21 .eds-popover-position--left .eds-popover__arrow-inner{border-right-width:0;right:2px}.eui-21 .eds-popover-position--right .eds-popover__arrow{border-left-width:0;left:-7px}.eui-21 .eds-popover-position--right .eds-popover__arrow-inner{border-left-width:0;border-right-color:var(--eds-c-surface-elevation);left:2px}.eui-21 .eds-popover{display:flex;width:25rem}.eui-21 .eds-popover--has-custom-width{width:auto!important}.eui-21 .eds-popover--size-s{max-width:12rem;width:12rem}.eui-21 .eds-popover--size-m{max-width:25rem;width:25rem}.eui-21 .eds-popover--size-l{max-width:35rem;width:35rem}.eui-21 .eds-popover--size-xl{max-width:50rem;width:50rem}.eui-21 .eds-popover--size-2xl{max-width:75rem;width:75rem}.eui-21 .eds-popover--size-auto{max-width:none;width:auto}.eui-21 .eds-popover__container{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);width:100%}.eui-21 .eds-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--eds-sp-s) var(--eds-sp-s) 0 var(--eds-sp-s)}.eui-21 .eds-popover__header--close-only{justify-content:flex-end}.eui-21 .eds-popover__header-title{font:var(--eds-f-label-m-semi-bold)}.eui-21 .eds-popover__content{padding:var(--eds-sp-s)}.eui-21 .eds-popover__content--no-padding{padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i3.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: EdsPopoverArrowPosition, selector: "[edsPopoverArrowPosition]", inputs: ["edsPopoverArrowPosition"] }, { kind: "component", type: i4.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
337
338
|
}
|
|
338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsPopover, decorators: [{
|
|
339
340
|
type: Component,
|
|
340
341
|
args: [{ selector: 'eds-popover', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
341
342
|
{
|