@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
|
@@ -15,10 +15,10 @@ class EdsShellSidebar {
|
|
|
15
15
|
this.collapseMode = input('hidden', /* @ts-ignore */
|
|
16
16
|
...(ngDevMode ? [{ debugName: "collapseMode" }] : /* istanbul ignore next */ []));
|
|
17
17
|
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsShellSidebar, isStandalone: true, selector: "eds-shell-sidebar", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, collapseMode: { classPropertyName: "collapseMode", publicName: "collapseMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-content select=\"eds-shell-sidebar-header\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-nav\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-bottom-nav\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-footer\"></ng-content>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:contents}\n"] }); }
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebar, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{ selector: 'eds-shell-sidebar', template: "<ng-content select=\"eds-shell-sidebar-header\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-nav\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-bottom-nav\"></ng-content>\n<ng-content select=\"eds-shell-sidebar-footer\"></ng-content>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:contents}\n"] }]
|
|
24
24
|
}], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], collapseMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseMode", required: false }] }] } });
|
|
@@ -117,10 +117,10 @@ class EdsShell {
|
|
|
117
117
|
this.sidebarOpenChange.emit(false);
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
121
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
120
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
121
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsShell, isStandalone: true, selector: "eds-shell", inputs: { sidebarOpen: { classPropertyName: "sidebarOpen", publicName: "sidebarOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sidebarOpenChange: "sidebarOpenChange" }, host: { listeners: { "window:resize": "onResize()", "window:keydown": "onKeydown($event)" } }, queries: [{ propertyName: "sidebarChild", first: true, predicate: EdsShellSidebar, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Top message slot (above header/toolbar) -->\n<ng-content select=\"eds-shell-top-message\"></ng-content>\n\n<!-- Header slot (branding bar \u2014 collapses on scroll) -->\n<div class=\"header-wrapper\" [class.header-hidden]=\"isHeaderHidden()\">\n <ng-content select=\"eds-shell-header\"></ng-content>\n</div>\n\n<!-- Toolbar slot (navigation bar) -->\n<ng-content select=\"eds-shell-toolbar\"></ng-content>\n\n<!-- Content area: sidebar + main + footer -->\n<div class=\"content-area\">\n <!-- Sidebar slot (only rendered if eds-shell-sidebar is projected) -->\n @if (hasSidebar()) {\n <!-- Overlay backdrop for tablet/mobile -->\n @if (isOverlay()) {\n <div\n class=\"sidebar-overlay\"\n [class.visible]=\"isOpen()\"\n (click)=\"closeSidebar()\">\n </div>\n }\n\n <aside\n class=\"sidebar\"\n [class.collapsed]=\"sidebarClasses().collapsed\"\n [class.collapsed-icons]=\"sidebarClasses().collapsedIcons\"\n [class.collapsed-icons-labels]=\"sidebarClasses().collapsedIconsLabels\"\n [class.open]=\"sidebarClasses().open\"\n [class.overlay-mode]=\"isOverlay()\">\n <ng-content select=\"eds-shell-sidebar\"></ng-content>\n </aside>\n }\n\n <!-- Main content + footer wrapper (scrollable) -->\n <div class=\"main-area\" (scroll)=\"onScroll($event)\">\n <ng-content select=\"eds-shell-content\"></ng-content>\n <ng-content select=\"eds-shell-footer\"></ng-content>\n </div>\n</div>\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:100vh;overflow:hidden;max-width:100vw}.eui-21 :host .header-wrapper{transition:margin-top .3s ease;margin-top:0;flex-shrink:0}.eui-21 :host .header-wrapper.header-hidden{margin-top:var(--header-negative-height, -64px)}.eui-21 :host .content-area{display:flex;flex:1;overflow:hidden;position:relative}.eui-21 :host .sidebar{width:260px;min-width:260px;height:100%;display:flex;flex-direction:column;background:var(--eds-c-surface-elevation);border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider);transition:width .3s ease,min-width .3s ease,transform .3s ease;overflow:hidden;flex-shrink:0;max-width:260px}.eui-21 :host .sidebar.collapsed{width:0;min-width:0;border-right:none}.eui-21 :host .sidebar.collapsed-icons{width:56px;min-width:56px}.eui-21 :host .sidebar.collapsed-icons-labels{width:80px;min-width:80px}.eui-21 :host .sidebar.overlay-mode{position:absolute;top:0;left:0;z-index:100;box-shadow:var(--eds-sh-3);transform:translate(-100%)}.eui-21 :host .sidebar.overlay-mode.open{transform:translate(0);border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider)}.eui-21 :host .sidebar-overlay{display:block;position:absolute;inset:0;z-index:99;background:var(--eds-c-alpha-backdrop);opacity:var(--eds-op-none);transition:opacity .3s ease;pointer-events:none}.eui-21 :host .sidebar-overlay.visible{opacity:var(--eds-op-100);pointer-events:auto}.eui-21 :host .main-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .sidebar.overlay-mode{width:50%;min-width:50%}}@media screen and (max-width:767px){.eui-21 :host .sidebar.overlay-mode{width:85%;min-width:85%}}\n"] }); }
|
|
122
122
|
}
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShell, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
125
|
args: [{ selector: 'eds-shell', template: "<!-- Top message slot (above header/toolbar) -->\n<ng-content select=\"eds-shell-top-message\"></ng-content>\n\n<!-- Header slot (branding bar \u2014 collapses on scroll) -->\n<div class=\"header-wrapper\" [class.header-hidden]=\"isHeaderHidden()\">\n <ng-content select=\"eds-shell-header\"></ng-content>\n</div>\n\n<!-- Toolbar slot (navigation bar) -->\n<ng-content select=\"eds-shell-toolbar\"></ng-content>\n\n<!-- Content area: sidebar + main + footer -->\n<div class=\"content-area\">\n <!-- Sidebar slot (only rendered if eds-shell-sidebar is projected) -->\n @if (hasSidebar()) {\n <!-- Overlay backdrop for tablet/mobile -->\n @if (isOverlay()) {\n <div\n class=\"sidebar-overlay\"\n [class.visible]=\"isOpen()\"\n (click)=\"closeSidebar()\">\n </div>\n }\n\n <aside\n class=\"sidebar\"\n [class.collapsed]=\"sidebarClasses().collapsed\"\n [class.collapsed-icons]=\"sidebarClasses().collapsedIcons\"\n [class.collapsed-icons-labels]=\"sidebarClasses().collapsedIconsLabels\"\n [class.open]=\"sidebarClasses().open\"\n [class.overlay-mode]=\"isOverlay()\">\n <ng-content select=\"eds-shell-sidebar\"></ng-content>\n </aside>\n }\n\n <!-- Main content + footer wrapper (scrollable) -->\n <div class=\"main-area\" (scroll)=\"onScroll($event)\">\n <ng-content select=\"eds-shell-content\"></ng-content>\n <ng-content select=\"eds-shell-footer\"></ng-content>\n </div>\n</div>\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:100vh;overflow:hidden;max-width:100vw}.eui-21 :host .header-wrapper{transition:margin-top .3s ease;margin-top:0;flex-shrink:0}.eui-21 :host .header-wrapper.header-hidden{margin-top:var(--header-negative-height, -64px)}.eui-21 :host .content-area{display:flex;flex:1;overflow:hidden;position:relative}.eui-21 :host .sidebar{width:260px;min-width:260px;height:100%;display:flex;flex-direction:column;background:var(--eds-c-surface-elevation);border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider);transition:width .3s ease,min-width .3s ease,transform .3s ease;overflow:hidden;flex-shrink:0;max-width:260px}.eui-21 :host .sidebar.collapsed{width:0;min-width:0;border-right:none}.eui-21 :host .sidebar.collapsed-icons{width:56px;min-width:56px}.eui-21 :host .sidebar.collapsed-icons-labels{width:80px;min-width:80px}.eui-21 :host .sidebar.overlay-mode{position:absolute;top:0;left:0;z-index:100;box-shadow:var(--eds-sh-3);transform:translate(-100%)}.eui-21 :host .sidebar.overlay-mode.open{transform:translate(0);border-right:var(--eds-bw-xs) solid var(--eds-c-border-divider)}.eui-21 :host .sidebar-overlay{display:block;position:absolute;inset:0;z-index:99;background:var(--eds-c-alpha-backdrop);opacity:var(--eds-op-none);transition:opacity .3s ease;pointer-events:none}.eui-21 :host .sidebar-overlay.visible{opacity:var(--eds-op-100);pointer-events:auto}.eui-21 :host .main-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .sidebar.overlay-mode{width:50%;min-width:50%}}@media screen and (max-width:767px){.eui-21 :host .sidebar.overlay-mode{width:85%;min-width:85%}}\n"] }]
|
|
126
126
|
}], propDecorators: { sidebarOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarOpen", required: false }] }], sidebarOpenChange: [{ type: i0.Output, args: ["sidebarOpenChange"] }], sidebarChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EdsShellSidebar), { isSignal: true }] }], onResize: [{
|
|
@@ -137,10 +137,10 @@ class EdsShellHeader {
|
|
|
137
137
|
this.isShrinkOnScroll = input(false, /* @ts-ignore */
|
|
138
138
|
...(ngDevMode ? [{ debugName: "isShrinkOnScroll" }] : /* istanbul ignore next */ []));
|
|
139
139
|
}
|
|
140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
141
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsShellHeader, isStandalone: true, selector: "eds-shell-header", inputs: { isShrinkOnScroll: { classPropertyName: "isShrinkOnScroll", publicName: "isShrinkOnScroll", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"logo-wrapper\">\n <ng-content select=\"eds-shell-header-logo\"></ng-content>\n <ng-content select=\"eds-shell-header-environment\"></ng-content>\n</div>\n<ng-content select=\"eds-shell-header-app\"></ng-content>\n<ng-content select=\"eds-shell-header-start\"></ng-content>\n<div class=\"spacer\"></div>\n<ng-content select=\"eds-shell-header-end\"></ng-content>\n<ng-content></ng-content>\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;gap:var(--eds-sp-m);height:var(--eds-si-9xl);padding:0 var(--eds-sp-xl);background:var(--eds-c-surface-elevation);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .logo-wrapper{position:relative;overflow:hidden;display:flex;align-items:center}.eui-21 :host .spacer{flex:1}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host{display:none}}@media screen and (max-width:767px){.eui-21 :host{display:none}}\n"] }); }
|
|
142
142
|
}
|
|
143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeader, decorators: [{
|
|
144
144
|
type: Component,
|
|
145
145
|
args: [{ selector: 'eds-shell-header', template: "<div class=\"logo-wrapper\">\n <ng-content select=\"eds-shell-header-logo\"></ng-content>\n <ng-content select=\"eds-shell-header-environment\"></ng-content>\n</div>\n<ng-content select=\"eds-shell-header-app\"></ng-content>\n<ng-content select=\"eds-shell-header-start\"></ng-content>\n<div class=\"spacer\"></div>\n<ng-content select=\"eds-shell-header-end\"></ng-content>\n<ng-content></ng-content>\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;gap:var(--eds-sp-m);height:var(--eds-si-9xl);padding:0 var(--eds-sp-xl);background:var(--eds-c-surface-elevation);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .logo-wrapper{position:relative;overflow:hidden;display:flex;align-items:center}.eui-21 :host .spacer{flex:1}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host{display:none}}@media screen and (max-width:767px){.eui-21 :host{display:none}}\n"] }]
|
|
146
146
|
}], propDecorators: { isShrinkOnScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "isShrinkOnScroll", required: false }] }] } });
|
|
@@ -170,19 +170,19 @@ class EdsShellHeaderLogo {
|
|
|
170
170
|
}, /* @ts-ignore */
|
|
171
171
|
...(ngDevMode ? [{ debugName: "resolvedLogoUrl" }] : /* istanbul ignore next */ []));
|
|
172
172
|
}
|
|
173
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
174
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
173
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderLogo, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
174
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsShellHeaderLogo, isStandalone: true, selector: "eds-shell-header-logo", inputs: { logoUrl: { classPropertyName: "logoUrl", publicName: "logoUrl", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null }, logoHeight: { classPropertyName: "logoHeight", publicName: "logoHeight", isSignal: true, isRequired: false, transformFunction: null }, logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<a [attr.href]=\"homeUrl()\" class=\"logo-link\">\n <img\n [src]=\"resolvedLogoUrl()\"\n [style.height]=\"logoHeight()\"\n [style.width]=\"logoWidth()\"\n alt=\"European Commission - Home\" />\n</a>\n<ng-content></ng-content>\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;flex-shrink:0}.eui-21 :host .logo-link{display:flex;align-items:center}.eui-21 :host img{display:block}\n"] }); }
|
|
175
175
|
}
|
|
176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderLogo, decorators: [{
|
|
177
177
|
type: Component,
|
|
178
178
|
args: [{ selector: 'eds-shell-header-logo', template: "<a [attr.href]=\"homeUrl()\" class=\"logo-link\">\n <img\n [src]=\"resolvedLogoUrl()\"\n [style.height]=\"logoHeight()\"\n [style.width]=\"logoWidth()\"\n alt=\"European Commission - Home\" />\n</a>\n<ng-content></ng-content>\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;flex-shrink:0}.eui-21 :host .logo-link{display:flex;align-items:center}.eui-21 :host img{display:block}\n"] }]
|
|
179
179
|
}], propDecorators: { logoUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoUrl", required: false }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], homeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeUrl", required: false }] }], logoHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoHeight", required: false }] }], logoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoWidth", required: false }] }] } });
|
|
180
180
|
|
|
181
181
|
class EdsShellHeaderEnvironment {
|
|
182
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
183
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
182
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderEnvironment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
183
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellHeaderEnvironment, isStandalone: true, selector: "eds-shell-header-environment", 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{position:absolute;top:6px;left:-20px;display:inline-flex;align-items:center;justify-content:center;width:80px;padding:var(--eds-sp-3xs) 0;background:var(--eds-c-surface-highlight);color:var(--eds-c-on-surface-highlight);font:var(--eds-f-microcopy-xs);font-weight:700;text-transform:uppercase;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;box-shadow:0 1px 3px #0003;z-index:1;pointer-events:none}\n"] }); }
|
|
184
184
|
}
|
|
185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
185
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderEnvironment, decorators: [{
|
|
186
186
|
type: Component,
|
|
187
187
|
args: [{ selector: 'eds-shell-header-environment', template: '<ng-content/>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{position:absolute;top:6px;left:-20px;display:inline-flex;align-items:center;justify-content:center;width:80px;padding:var(--eds-sp-3xs) 0;background:var(--eds-c-surface-highlight);color:var(--eds-c-on-surface-highlight);font:var(--eds-f-microcopy-xs);font-weight:700;text-transform:uppercase;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;box-shadow:0 1px 3px #0003;z-index:1;pointer-events:none}\n"] }]
|
|
188
188
|
}] });
|
|
@@ -199,82 +199,82 @@ class EdsShellHeaderApp {
|
|
|
199
199
|
this.appSubTitle = input('', /* @ts-ignore */
|
|
200
200
|
...(ngDevMode ? [{ debugName: "appSubTitle" }] : /* istanbul ignore next */ []));
|
|
201
201
|
}
|
|
202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
203
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderApp, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
203
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsShellHeaderApp, isStandalone: true, selector: "eds-shell-header-app", inputs: { appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, appShortName: { classPropertyName: "appShortName", publicName: "appShortName", isSignal: true, isRequired: false, transformFunction: null }, appSubTitle: { classPropertyName: "appSubTitle", publicName: "appSubTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (appName()) {\n <span class=\"app-name\">{{ appName() }}</span>\n}\n@if (appSubTitle()) {\n <span class=\"app-subtitle\">{{ appSubTitle() }}</span>\n}\n<ng-content></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;justify-content:center;gap:var(--eds-sp-4xs);min-width:0}.eui-21 :host .app-name{font:var(--eds-f-paragraph-xl);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .app-subtitle{font:var(--eds-f-microcopy-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }); }
|
|
204
204
|
}
|
|
205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderApp, decorators: [{
|
|
206
206
|
type: Component,
|
|
207
207
|
args: [{ selector: 'eds-shell-header-app', template: "@if (appName()) {\n <span class=\"app-name\">{{ appName() }}</span>\n}\n@if (appSubTitle()) {\n <span class=\"app-subtitle\">{{ appSubTitle() }}</span>\n}\n<ng-content></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;justify-content:center;gap:var(--eds-sp-4xs);min-width:0}.eui-21 :host .app-name{font:var(--eds-f-paragraph-xl);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .app-subtitle{font:var(--eds-f-microcopy-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
208
208
|
}], propDecorators: { appName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appName", required: false }] }], appShortName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appShortName", required: false }] }], appSubTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appSubTitle", required: false }] }] } });
|
|
209
209
|
|
|
210
210
|
class EdsShellHeaderStart {
|
|
211
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
212
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
211
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderStart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
212
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellHeaderStart, isStandalone: true, selector: "eds-shell-header-start", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--eds-sp-m)}\n"] }); }
|
|
213
213
|
}
|
|
214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderStart, decorators: [{
|
|
215
215
|
type: Component,
|
|
216
216
|
args: [{ selector: 'eds-shell-header-start', template: '<ng-content></ng-content>', styles: [":host{display:flex;align-items:center;gap:var(--eds-sp-m)}\n"] }]
|
|
217
217
|
}] });
|
|
218
218
|
|
|
219
219
|
class EdsShellHeaderEnd {
|
|
220
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
221
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
220
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderEnd, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
221
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellHeaderEnd, isStandalone: true, selector: "eds-shell-header-end", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--eds-sp-xs)}\n"] }); }
|
|
222
222
|
}
|
|
223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellHeaderEnd, decorators: [{
|
|
224
224
|
type: Component,
|
|
225
225
|
args: [{ selector: 'eds-shell-header-end', template: '<ng-content></ng-content>', styles: [":host{display:flex;align-items:center;gap:var(--eds-sp-xs)}\n"] }]
|
|
226
226
|
}] });
|
|
227
227
|
|
|
228
228
|
class EdsShellToolbar {
|
|
229
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
230
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
230
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellToolbar, isStandalone: true, selector: "eds-shell-toolbar", ngImport: i0, template: "<ng-content select=\"eds-shell-menu-toggle\"></ng-content>\n<div class=\"logo-wrapper\">\n <ng-content select=\"eds-shell-toolbar-logo\"></ng-content>\n <ng-content select=\"eds-shell-toolbar-environment\"></ng-content>\n</div>\n<ng-content select=\"eds-shell-toolbar-app\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-start\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-center\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-end\"></ng-content>\n<ng-content></ng-content>\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;height:var(--eds-si-7xl);padding:0 var(--eds-sp-xl) 0 var(--eds-sp-m);background:var(--eds-c-surface-brand);color:var(--eds-c-foreground-inverted);flex-shrink:0;gap:var(--eds-sp-m)}.eui-21 :host .logo-wrapper{position:relative;overflow:hidden;display:flex;align-items:center}.eui-21 :host ::ng-deep .toolbar-app-name{display:none}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host ::ng-deep .toolbar-app-name{display:flex}}@media screen and (max-width:767px){.eui-21 :host{padding:0 var(--eds-sp-m)}.eui-21 :host ::ng-deep .toolbar-app-name{display:flex}}\n"] }); }
|
|
231
231
|
}
|
|
232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbar, decorators: [{
|
|
233
233
|
type: Component,
|
|
234
234
|
args: [{ selector: 'eds-shell-toolbar', template: "<ng-content select=\"eds-shell-menu-toggle\"></ng-content>\n<div class=\"logo-wrapper\">\n <ng-content select=\"eds-shell-toolbar-logo\"></ng-content>\n <ng-content select=\"eds-shell-toolbar-environment\"></ng-content>\n</div>\n<ng-content select=\"eds-shell-toolbar-app\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-start\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-center\"></ng-content>\n<ng-content select=\"eds-shell-toolbar-end\"></ng-content>\n<ng-content></ng-content>\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;height:var(--eds-si-7xl);padding:0 var(--eds-sp-xl) 0 var(--eds-sp-m);background:var(--eds-c-surface-brand);color:var(--eds-c-foreground-inverted);flex-shrink:0;gap:var(--eds-sp-m)}.eui-21 :host .logo-wrapper{position:relative;overflow:hidden;display:flex;align-items:center}.eui-21 :host ::ng-deep .toolbar-app-name{display:none}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host ::ng-deep .toolbar-app-name{display:flex}}@media screen and (max-width:767px){.eui-21 :host{padding:0 var(--eds-sp-m)}.eui-21 :host ::ng-deep .toolbar-app-name{display:flex}}\n"] }]
|
|
235
235
|
}] });
|
|
236
236
|
|
|
237
237
|
class EdsShellToolbarStart {
|
|
238
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
239
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
238
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarStart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
239
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellToolbarStart, isStandalone: true, selector: "eds-shell-toolbar-start", 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-m)}\n"] }); }
|
|
240
240
|
}
|
|
241
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
241
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarStart, decorators: [{
|
|
242
242
|
type: Component,
|
|
243
243
|
args: [{ selector: 'eds-shell-toolbar-start', 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-m)}\n"] }]
|
|
244
244
|
}] });
|
|
245
245
|
|
|
246
246
|
class EdsShellToolbarEnd {
|
|
247
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
248
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
247
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarEnd, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
248
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellToolbarEnd, isStandalone: true, selector: "eds-shell-toolbar-end", 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);color:var(--eds-c-on-surface-primary);margin-left:auto}.eui-21 :host ::ng-deep .toolbar-user-profile{display:none}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host ::ng-deep .toolbar-user-profile{display:inline-flex}}@media screen and (max-width:767px){.eui-21 :host ::ng-deep .toolbar-user-profile{display:inline-flex}}\n"] }); }
|
|
249
249
|
}
|
|
250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarEnd, decorators: [{
|
|
251
251
|
type: Component,
|
|
252
252
|
args: [{ selector: 'eds-shell-toolbar-end', 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);color:var(--eds-c-on-surface-primary);margin-left:auto}.eui-21 :host ::ng-deep .toolbar-user-profile{display:none}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host ::ng-deep .toolbar-user-profile{display:inline-flex}}@media screen and (max-width:767px){.eui-21 :host ::ng-deep .toolbar-user-profile{display:inline-flex}}\n"] }]
|
|
253
253
|
}] });
|
|
254
254
|
|
|
255
255
|
class EdsShellToolbarCenter {
|
|
256
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
257
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
256
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarCenter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
257
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellToolbarCenter, isStandalone: true, selector: "eds-shell-toolbar-center", 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;flex:1;min-width:0}\n"] }); }
|
|
258
258
|
}
|
|
259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarCenter, decorators: [{
|
|
260
260
|
type: Component,
|
|
261
261
|
args: [{ selector: 'eds-shell-toolbar-center', 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;flex:1;min-width:0}\n"] }]
|
|
262
262
|
}] });
|
|
263
263
|
|
|
264
264
|
class EdsShellToolbarLogo {
|
|
265
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
266
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarLogo, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellToolbarLogo, isStandalone: true, selector: "eds-shell-toolbar-logo", ngImport: i0, template: "<img src=\"assets/logos/ec/logo-ec--mute-negative.svg\" alt=\"European Commission\" />\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;align-items:center;flex-shrink:0}.eui-21 :host img{height:40px;width:auto;display:block}\n"] }); }
|
|
267
267
|
}
|
|
268
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarLogo, decorators: [{
|
|
269
269
|
type: Component,
|
|
270
270
|
args: [{ selector: 'eds-shell-toolbar-logo', template: "<img src=\"assets/logos/ec/logo-ec--mute-negative.svg\" alt=\"European Commission\" />\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;align-items:center;flex-shrink:0}.eui-21 :host img{height:40px;width:auto;display:block}\n"] }]
|
|
271
271
|
}] });
|
|
272
272
|
|
|
273
273
|
class EdsShellToolbarEnvironment {
|
|
274
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
275
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
274
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarEnvironment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
275
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellToolbarEnvironment, isStandalone: true, selector: "eds-shell-toolbar-environment", 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{position:absolute;top:6px;left:-20px;display:inline-flex;align-items:center;justify-content:center;width:80px;padding:var(--eds-sp-3xs) 0;background:var(--eds-c-surface-highlight);color:var(--eds-c-on-surface-highlight);font:var(--eds-f-microcopy-xs);font-weight:700;text-transform:uppercase;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;box-shadow:0 1px 3px #0003;z-index:1;pointer-events:none}\n"] }); }
|
|
276
276
|
}
|
|
277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
277
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarEnvironment, decorators: [{
|
|
278
278
|
type: Component,
|
|
279
279
|
args: [{ selector: 'eds-shell-toolbar-environment', template: '<ng-content/>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{position:absolute;top:6px;left:-20px;display:inline-flex;align-items:center;justify-content:center;width:80px;padding:var(--eds-sp-3xs) 0;background:var(--eds-c-surface-highlight);color:var(--eds-c-on-surface-highlight);font:var(--eds-f-microcopy-xs);font-weight:700;text-transform:uppercase;white-space:nowrap;transform:rotate(-35deg);transform-origin:center;box-shadow:0 1px 3px #0003;z-index:1;pointer-events:none}\n"] }]
|
|
280
280
|
}] });
|
|
@@ -291,10 +291,10 @@ class EdsShellToolbarApp {
|
|
|
291
291
|
this.appSubTitle = input('', /* @ts-ignore */
|
|
292
292
|
...(ngDevMode ? [{ debugName: "appSubTitle" }] : /* istanbul ignore next */ []));
|
|
293
293
|
}
|
|
294
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
295
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
294
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarApp, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
295
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsShellToolbarApp, isStandalone: true, selector: "eds-shell-toolbar-app", inputs: { appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, appShortName: { classPropertyName: "appShortName", publicName: "appShortName", isSignal: true, isRequired: false, transformFunction: null }, appSubTitle: { classPropertyName: "appSubTitle", publicName: "appSubTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (appName()) {\n <span class=\"app-name\">{{ appName() }}</span>\n}\n@if (appSubTitle()) {\n <span class=\"app-subtitle\">{{ appSubTitle() }}</span>\n}\n<ng-content></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;justify-content:center;gap:var(--eds-sp-4xs);min-width:0}.eui-21 :host .app-name{font:var(--eds-f-label-m-semi-bold);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .app-subtitle{font:var(--eds-f-microcopy-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }); }
|
|
296
296
|
}
|
|
297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellToolbarApp, decorators: [{
|
|
298
298
|
type: Component,
|
|
299
299
|
args: [{ selector: 'eds-shell-toolbar-app', template: "@if (appName()) {\n <span class=\"app-name\">{{ appName() }}</span>\n}\n@if (appSubTitle()) {\n <span class=\"app-subtitle\">{{ appSubTitle() }}</span>\n}\n<ng-content></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;justify-content:center;gap:var(--eds-sp-4xs);min-width:0}.eui-21 :host .app-name{font:var(--eds-f-label-m-semi-bold);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .app-subtitle{font:var(--eds-f-microcopy-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
300
300
|
}], propDecorators: { appName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appName", required: false }] }], appShortName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appShortName", required: false }] }], appSubTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appSubTitle", required: false }] }] } });
|
|
@@ -313,10 +313,10 @@ class EdsShellSidebarHeader {
|
|
|
313
313
|
onClose() {
|
|
314
314
|
this.closeClick.emit();
|
|
315
315
|
}
|
|
316
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
317
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
316
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
317
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsShellSidebarHeader, isStandalone: true, selector: "eds-shell-sidebar-header", inputs: { brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeClick: "closeClick" }, ngImport: i0, template: "@if (brand()) {\n <span class=\"sidebar-brand\">{{ brand() }}</span>\n}\n<ng-content></ng-content>\n@if (showClose()) {\n <button\n class=\"sidebar-close-btn\"\n (click)=\"onClose()\"\n aria-label=\"Close sidebar\">\n ×\n </button>\n}\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;padding:var(--eds-sp-m) var(--eds-sp-l);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);min-height:var(--eds-si-7xl);white-space:nowrap}.eui-21 :host .sidebar-brand{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-primary)}.eui-21 :host .sidebar-close-btn{display:flex;align-items:center;justify-content:center;font-size:var(--eds-f-s-xl);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)}.eui-21 :host .sidebar-close-btn:hover{background:var(--eds-c-surface-elevation-sunken)}\n"] }); }
|
|
318
318
|
}
|
|
319
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebarHeader, decorators: [{
|
|
320
320
|
type: Component,
|
|
321
321
|
args: [{ selector: 'eds-shell-sidebar-header', template: "@if (brand()) {\n <span class=\"sidebar-brand\">{{ brand() }}</span>\n}\n<ng-content></ng-content>\n@if (showClose()) {\n <button\n class=\"sidebar-close-btn\"\n (click)=\"onClose()\"\n aria-label=\"Close sidebar\">\n ×\n </button>\n}\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;padding:var(--eds-sp-m) var(--eds-sp-l);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);min-height:var(--eds-si-7xl);white-space:nowrap}.eui-21 :host .sidebar-brand{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-primary)}.eui-21 :host .sidebar-close-btn{display:flex;align-items:center;justify-content:center;font-size:var(--eds-f-s-xl);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)}.eui-21 :host .sidebar-close-btn:hover{background:var(--eds-c-surface-elevation-sunken)}\n"] }]
|
|
322
322
|
}], propDecorators: { brand: [{ type: i0.Input, args: [{ isSignal: true, alias: "brand", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], closeClick: [{ type: i0.Output, args: ["closeClick"] }] } });
|
|
@@ -341,19 +341,19 @@ class EdsShellSidebarNav {
|
|
|
341
341
|
onItemClick(item) {
|
|
342
342
|
this.itemClick.emit(item);
|
|
343
343
|
}
|
|
344
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
345
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
344
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebarNav, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
345
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsShellSidebarNav, isStandalone: true, selector: "eds-shell-sidebar-nav", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, hasIcons: { classPropertyName: "hasIcons", publicName: "hasIcons", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedLabels: { classPropertyName: "hasCollapsedLabels", publicName: "hasCollapsedLabels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<eds-menu\n [items]=\"items()\"\n [hasIcons]=\"hasIcons()\"\n [isCollapsed]=\"isCollapsed()\"\n [hasCollapsedLabels]=\"hasCollapsedLabels()\"\n (itemClick)=\"onItemClick($event)\">\n</eds-menu>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--eds-sp-xs) var(--eds-sp-none)}\n"], dependencies: [{ kind: "component", type: EdsMenu, selector: "eds-menu", inputs: ["items", "searchFilterLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasIconsLabels", "hasCollapsedLabels", "hasTooltip", "hasTooltipOnExpanded", "hasTooltipOnlyOnExpanded", "expandAllItems", "isFlat", "hasScrollToItem", "hasBoldRootLevel"], outputs: ["isClick", "itemClick", "expandToggle"] }] }); }
|
|
346
346
|
}
|
|
347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebarNav, decorators: [{
|
|
348
348
|
type: Component,
|
|
349
349
|
args: [{ selector: 'eds-shell-sidebar-nav', imports: [EdsMenu], template: "<eds-menu\n [items]=\"items()\"\n [hasIcons]=\"hasIcons()\"\n [isCollapsed]=\"isCollapsed()\"\n [hasCollapsedLabels]=\"hasCollapsedLabels()\"\n (itemClick)=\"onItemClick($event)\">\n</eds-menu>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--eds-sp-xs) var(--eds-sp-none)}\n"] }]
|
|
350
350
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], hasIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasIcons", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }], hasCollapsedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCollapsedLabels", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
|
|
351
351
|
|
|
352
352
|
class EdsShellSidebarFooter {
|
|
353
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
354
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
353
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
354
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellSidebarFooter, isStandalone: true, selector: "eds-shell-sidebar-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:block;padding:var(--eds-sp-s) var(--eds-sp-l);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);font:var(--eds-f-microcopy-xs);color:var(--eds-c-foreground-subtler);white-space:nowrap}\n"] }); }
|
|
355
355
|
}
|
|
356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
356
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebarFooter, decorators: [{
|
|
357
357
|
type: Component,
|
|
358
358
|
args: [{ selector: 'eds-shell-sidebar-footer', 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:var(--eds-sp-s) var(--eds-sp-l);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);font:var(--eds-f-microcopy-xs);color:var(--eds-c-foreground-subtler);white-space:nowrap}\n"] }]
|
|
359
359
|
}] });
|
|
@@ -378,19 +378,19 @@ class EdsShellSidebarBottomNav {
|
|
|
378
378
|
onItemClick(item) {
|
|
379
379
|
this.itemClick.emit(item);
|
|
380
380
|
}
|
|
381
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
382
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
381
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebarBottomNav, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
382
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsShellSidebarBottomNav, isStandalone: true, selector: "eds-shell-sidebar-bottom-nav", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, hasIcons: { classPropertyName: "hasIcons", publicName: "hasIcons", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedLabels: { classPropertyName: "hasCollapsedLabels", publicName: "hasCollapsedLabels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<eds-menu\n [items]=\"items()\"\n [hasIcons]=\"hasIcons()\"\n [isCollapsed]=\"isCollapsed()\"\n [hasCollapsedLabels]=\"hasCollapsedLabels()\"\n (itemClick)=\"onItemClick($event)\">\n</eds-menu>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex-shrink:0;border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);padding:var(--eds-sp-xs) var(--eds-sp-none)}\n"], dependencies: [{ kind: "component", type: EdsMenu, selector: "eds-menu", inputs: ["items", "searchFilterLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasIconsLabels", "hasCollapsedLabels", "hasTooltip", "hasTooltipOnExpanded", "hasTooltipOnlyOnExpanded", "expandAllItems", "isFlat", "hasScrollToItem", "hasBoldRootLevel"], outputs: ["isClick", "itemClick", "expandToggle"] }] }); }
|
|
383
383
|
}
|
|
384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellSidebarBottomNav, decorators: [{
|
|
385
385
|
type: Component,
|
|
386
386
|
args: [{ selector: 'eds-shell-sidebar-bottom-nav', imports: [EdsMenu], template: "<eds-menu\n [items]=\"items()\"\n [hasIcons]=\"hasIcons()\"\n [isCollapsed]=\"isCollapsed()\"\n [hasCollapsedLabels]=\"hasCollapsedLabels()\"\n (itemClick)=\"onItemClick($event)\">\n</eds-menu>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex-shrink:0;border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);padding:var(--eds-sp-xs) var(--eds-sp-none)}\n"] }]
|
|
387
387
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], hasIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasIcons", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }], hasCollapsedLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCollapsedLabels", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
|
|
388
388
|
|
|
389
389
|
class EdsShellContent {
|
|
390
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
391
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellContent, isStandalone: true, selector: "eds-shell-content", 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;padding:var(--eds-sp-xl)}@media screen and (max-width:767px){.eui-21 :host{padding:var(--eds-sp-m)}}\n"] }); }
|
|
392
392
|
}
|
|
393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellContent, decorators: [{
|
|
394
394
|
type: Component,
|
|
395
395
|
args: [{ selector: 'eds-shell-content', template: '<ng-content/>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex:1;padding:var(--eds-sp-xl)}@media screen and (max-width:767px){.eui-21 :host{padding:var(--eds-sp-m)}}\n"] }]
|
|
396
396
|
}] });
|
|
@@ -401,10 +401,10 @@ class EdsShellFooter {
|
|
|
401
401
|
this.copyright = input('', /* @ts-ignore */
|
|
402
402
|
...(ngDevMode ? [{ debugName: "copyright" }] : /* istanbul ignore next */ []));
|
|
403
403
|
}
|
|
404
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
405
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
404
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
405
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsShellFooter, isStandalone: true, selector: "eds-shell-footer", inputs: { copyright: { classPropertyName: "copyright", publicName: "copyright", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (copyright()) {\n <span class=\"copyright\">{{ copyright() }}</span>\n}\n<ng-content></ng-content>\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;padding:var(--eds-sp-s) var(--eds-sp-xl);min-height:var(--eds-si-6xl);background:var(--eds-c-surface-elevation);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);font:var(--eds-f-microcopy-xs);color:var(--eds-c-foreground-subtler);flex-shrink:0}.eui-21 :host .copyright{white-space:nowrap}@media screen and (max-width:767px){.eui-21 :host{flex-direction:column;gap:var(--eds-sp-xs);text-align:center;padding:var(--eds-sp-m)}}\n"] }); }
|
|
406
406
|
}
|
|
407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellFooter, decorators: [{
|
|
408
408
|
type: Component,
|
|
409
409
|
args: [{ selector: 'eds-shell-footer', template: "@if (copyright()) {\n <span class=\"copyright\">{{ copyright() }}</span>\n}\n<ng-content></ng-content>\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;padding:var(--eds-sp-s) var(--eds-sp-xl);min-height:var(--eds-si-6xl);background:var(--eds-c-surface-elevation);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);font:var(--eds-f-microcopy-xs);color:var(--eds-c-foreground-subtler);flex-shrink:0}.eui-21 :host .copyright{white-space:nowrap}@media screen and (max-width:767px){.eui-21 :host{flex-direction:column;gap:var(--eds-sp-xs);text-align:center;padding:var(--eds-sp-m)}}\n"] }]
|
|
410
410
|
}], propDecorators: { copyright: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyright", required: false }] }] } });
|
|
@@ -417,10 +417,10 @@ class EdsShellMenuToggle {
|
|
|
417
417
|
onClick() {
|
|
418
418
|
this.menuToggle.emit();
|
|
419
419
|
}
|
|
420
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
421
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
420
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellMenuToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
421
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsShellMenuToggle, isStandalone: true, selector: "eds-shell-menu-toggle", outputs: { menuToggle: "menuToggle" }, ngImport: i0, template: "<button\n edsIconButton\n edsBrand\n icon=\"list:core\"\n ariaLabel=\"Toggle sidebar\"\n (click)=\"onClick()\">\n</button>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;color:var(--eds-c-on-surface-primary)}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }] }); }
|
|
422
422
|
}
|
|
423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
423
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellMenuToggle, decorators: [{
|
|
424
424
|
type: Component,
|
|
425
425
|
args: [{ selector: 'eds-shell-menu-toggle', imports: [...EDS_ICON_BUTTON], template: "<button\n edsIconButton\n edsBrand\n icon=\"list:core\"\n ariaLabel=\"Toggle sidebar\"\n (click)=\"onClick()\">\n</button>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;color:var(--eds-c-on-surface-primary)}\n"] }]
|
|
426
426
|
}], propDecorators: { menuToggle: [{ type: i0.Output, args: ["menuToggle"] }] } });
|
|
@@ -439,10 +439,10 @@ class EdsShellTopMessage {
|
|
|
439
439
|
this.isVisible.set(false);
|
|
440
440
|
setTimeout(() => this.dismissed.emit(), 300);
|
|
441
441
|
}
|
|
442
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
443
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
442
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellTopMessage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
443
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsShellTopMessage, isStandalone: true, selector: "eds-shell-top-message", inputs: { isDismissible: { classPropertyName: "isDismissible", publicName: "isDismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "class.eds-top-message": "true", "class.eds-top-message--hidden": "!isVisible()" } }, hostDirectives: [{ directive: i1$1.EdsColorDirective, inputs: ["edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"top-message-content\">\n <ng-content></ng-content>\n</div>\n@if (isDismissible()) {\n <button edsIconButton icon=\"x:core\" ariaLabel=\"Dismiss\" edsSizeS (click)=\"dismiss()\"></button>\n}\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;gap:var(--eds-sp-m);padding:var(--eds-sp-xs) var(--eds-sp-xl);font:var(--eds-f-paragraph-s);flex-shrink:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;max-height:80px;opacity:1;background:var(--eds-c-surface-info-subtler);color:var(--eds-c-on-surface-info-subtler)}.eui-21 :host .top-message-content{flex:1}.eui-21 :host(.eds-color-variant--warning){background:var(--eds-c-surface-warning-subtler);color:var(--eds-c-on-surface-warning-subtler)}.eui-21 :host(.eds-color-variant--critical){background:var(--eds-c-surface-critical-subtler);color:var(--eds-c-on-surface-critical-subtler)}.eui-21 :host(.eds-color-variant--success){background:var(--eds-c-surface-success-subtler);color:var(--eds-c-on-surface-success-subtler)}.eui-21 :host(.eds-color-variant--info){background:var(--eds-c-surface-info-subtler);color:var(--eds-c-on-surface-info-subtler)}.eui-21 :host(.eds-top-message--hidden){max-height:0;padding-top:0;padding-bottom:0;opacity:0}\n"], dependencies: [{ kind: "component", type: i1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }] }); }
|
|
444
444
|
}
|
|
445
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
445
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsShellTopMessage, decorators: [{
|
|
446
446
|
type: Component,
|
|
447
447
|
args: [{ selector: 'eds-shell-top-message', imports: [...EDS_ICON_BUTTON], hostDirectives: [
|
|
448
448
|
{
|
|
@@ -46,10 +46,10 @@ class EdsSkeleton {
|
|
|
46
46
|
].join(' ').trim(), /* @ts-ignore */
|
|
47
47
|
...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
48
48
|
}
|
|
49
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsSkeleton, isStandalone: true, selector: "eds-skeleton", inputs: { circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, line: { classPropertyName: "line", publicName: "line", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, rectangle: { classPropertyName: "rectangle", publicName: "rectangle", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsSizeDirective, inputs: ["edsSize2XS", "edsSize2XS", "edsSizeXS", "edsSizeXS", "edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: '', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-flex;position:relative;background-color:var(--eds-c-surface-neutral-subtler);overflow:hidden}.eui-21 :host:after{content:\"\";animation:eds-skeleton-shimmer 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-21 :host.eds-skeleton--circle{border-radius:var(--eds-br-max);height:3rem;width:3rem}.eui-21 :host.eds-skeleton--line{display:block;height:var(--eds-sp-m);width:100%}.eui-21 :host.eds-skeleton--square{height:3rem;width:3rem}.eui-21 :host.eds-skeleton--rectangle{height:var(--eds-sp-xl);width:100%}.eui-21 :host.eds-skeleton--rounded{border-radius:var(--eds-br-m)}.eui-21 :host.eds-skeleton--size-xs.eds-skeleton--line,.eui-21 :host.eds-skeleton--size-xs.eds-skeleton--rectangle{width:5rem}.eui-21 :host.eds-skeleton--size-xs.eds-skeleton--circle,.eui-21 :host.eds-skeleton--size-xs.eds-skeleton--square{width:1.5rem;height:1.5rem}.eui-21 :host.eds-skeleton--size-s.eds-skeleton--line,.eui-21 :host.eds-skeleton--size-s.eds-skeleton--rectangle{width:10%}.eui-21 :host.eds-skeleton--size-s.eds-skeleton--circle,.eui-21 :host.eds-skeleton--size-s.eds-skeleton--square{width:2rem;height:2rem}.eui-21 :host.eds-skeleton--size-m.eds-skeleton--line,.eui-21 :host.eds-skeleton--size-m.eds-skeleton--rectangle{width:25%}.eui-21 :host.eds-skeleton--size-m.eds-skeleton--circle,.eui-21 :host.eds-skeleton--size-m.eds-skeleton--square{width:3rem;height:3rem}.eui-21 :host.eds-skeleton--size-l.eds-skeleton--line,.eui-21 :host.eds-skeleton--size-l.eds-skeleton--rectangle{width:50%}.eui-21 :host.eds-skeleton--size-l.eds-skeleton--circle,.eui-21 :host.eds-skeleton--size-l.eds-skeleton--square{width:4rem;height:4rem}@keyframes eds-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsSkeleton, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{ selector: 'eds-skeleton', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
55
55
|
'[class]': 'hostClasses()',
|
|
@@ -475,8 +475,8 @@ class EdsSlider {
|
|
|
475
475
|
this.valueChange.emit(v);
|
|
476
476
|
this._onChange(v);
|
|
477
477
|
}
|
|
478
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
479
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
478
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsSlider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
479
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsSlider, isStandalone: true, selector: "eds-slider", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null }, hasTicks: { classPropertyName: "hasTicks", publicName: "hasTicks", isSignal: true, isRequired: false, transformFunction: null }, hasValueIndicator: { classPropertyName: "hasValueIndicator", publicName: "hasValueIndicator", isSignal: true, isRequired: false, transformFunction: null }, hasRange: { classPropertyName: "hasRange", publicName: "hasRange", isSignal: true, isRequired: false, transformFunction: null }, formatValue: { classPropertyName: "formatValue", publicName: "formatValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, endAriaLabel: { classPropertyName: "endAriaLabel", publicName: "endAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.aria-invalid": "internalInvalid() || null" } }, providers: [
|
|
480
480
|
{
|
|
481
481
|
provide: NG_VALUE_ACCESSOR,
|
|
482
482
|
useExisting: forwardRef(() => EdsSlider),
|
|
@@ -484,7 +484,7 @@ class EdsSlider {
|
|
|
484
484
|
},
|
|
485
485
|
], viewQueries: [{ propertyName: "sliderContainer", first: true, predicate: ["sliderContainer"], descendants: true, isSignal: true }, { propertyName: "trackActive", first: true, predicate: ["trackActive"], descendants: true, isSignal: true }, { propertyName: "startHandler", first: true, predicate: ["startHandler"], descendants: true, isSignal: true }, { propertyName: "endHandler", first: true, predicate: ["endHandler"], descendants: true, isSignal: true }, { propertyName: "handlers", predicate: ["handler"], descendants: true, isSignal: true }, { propertyName: "startInputRange", first: true, predicate: ["startInputRange"], descendants: true, isSignal: true }, { propertyName: "endInputRange", first: true, predicate: ["endInputRange"], descendants: true, isSignal: true }, { propertyName: "inputRanges", predicate: ["inputRange"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (hasValueIndicator()) {\n <div class=\"eds-slider__value-display\">\n <span class=\"eds-slider__value-start\">{{ formattedStartValue() }}</span>\n @if (internalValue().end !== null && internalValue().end !== undefined) {\n - <span class=\"eds-slider__value-end\">{{ formattedEndValue() }}</span>\n }\n </div>\n}\n\n<div #sliderContainer class=\"eds-slider__container\" (mousedown)=\"onTrackClick($event)\">\n <input\n #startInputRange\n #inputRange\n type=\"range\"\n class=\"eds-slider__range-input range-input-start\"\n [min]=\"min()\"\n [max]=\"hasRange() ? internalValue().end : max()\"\n [step]=\"step()\"\n [value]=\"internalValue().start\"\n [attr.aria-valuenow]=\"internalValue().start\"\n [attr.aria-valuemin]=\"min()\"\n [attr.aria-valuemax]=\"hasRange() ? internalValue().end : max()\"\n role=\"slider\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-valuetext]=\"formattedStartValue()\"\n [attr.aria-disabled]=\"internalDisabled() || null\"\n [tabIndex]=\"internalDisabled() ? -1 : 0\" />\n\n <div\n #startHandler\n #handler\n class=\"eds-slider__handler eds-slider__handler-start\"\n [class.eds-slider__handler-start--max-reached]=\"hasRange() ? internalValue().start === internalValue().end && internalValue().end === max() : internalValue().start === max()\"\n [edsTooltip]=\"hasTooltip() && !internalDisabled() ? formattedStartValue() : ''\"\n cdkDragBoundary=\".eds-slider__container\"\n cdkDrag\n cdkDragLockAxis=\"x\"\n [cdkDragConstrainPosition]=\"constrainPosition('start')\"\n [cdkDragFreeDragPosition]=\"initPosition().start\"\n [cdkDragDisabled]=\"internalDisabled()\"\n (cdkDragMoved)=\"onDragMoved('start', $event)\"\n (cdkDragEnded)=\"onDragEnded($event)\">\n </div>\n\n @if (hasRange() && internalValue().end !== null && internalValue().end !== undefined) {\n <input\n #endInputRange\n #inputRange\n type=\"range\"\n class=\"eds-slider__range-input range-input-end\"\n [min]=\"internalValue().start\"\n [max]=\"max()\"\n [step]=\"step()\"\n [value]=\"internalValue().end\"\n [attr.aria-valuenow]=\"internalValue().end\"\n [attr.aria-valuemin]=\"internalValue().start\"\n [attr.aria-valuemax]=\"max()\"\n role=\"slider\"\n [attr.aria-label]=\"endAriaLabel()\"\n [attr.aria-valuetext]=\"formattedEndValue()\"\n [attr.aria-disabled]=\"internalDisabled() || null\"\n [tabIndex]=\"internalDisabled() ? -1 : 0\" />\n\n <div\n #endHandler\n #handler\n class=\"eds-slider__handler eds-slider__handler-end\"\n [class.eds-slider__handler-end--min-reached]=\"internalValue().end === internalValue().start && internalValue().start === min()\"\n [edsTooltip]=\"hasTooltip() && !internalDisabled() ? formattedEndValue() : ''\"\n cdkDragBoundary=\".eds-slider__container\"\n cdkDrag\n cdkDragLockAxis=\"x\"\n [cdkDragConstrainPosition]=\"constrainPosition('end')\"\n [cdkDragFreeDragPosition]=\"initPosition().end\"\n [cdkDragDisabled]=\"internalDisabled()\"\n (cdkDragMoved)=\"onDragMoved('end', $event)\"\n (cdkDragEnded)=\"onDragEnded($event)\">\n </div>\n }\n\n <div class=\"eds-slider__track\">\n <div #trackActive class=\"eds-slider__track-active\"></div>\n </div>\n\n @if (hasTicks()) {\n <div class=\"eds-slider__ticks\">\n @for (tick of ticks(); track tick.value) {\n <span class=\"eds-slider__tick\" [style.left]=\"tick.position\"></span>\n }\n </div>\n }\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{--_slider-active-color: var(--eds-c-surface-primary);--_slider-track-color: var(--eds-c-surface-elevation-sunken);--_slider-cursor: pointer;--_slider-handler-ring-display: block;--_slider-ticks-color: var(--eds-c-border-neutral);display:block;width:100%}.eui-21 :host.eds-slider--disabled{--_slider-cursor: default;--_slider-handler-ring-display: none;opacity:.4;pointer-events:none}.eui-21 :host.eds-slider--primary{--_slider-active-color: var(--eds-c-surface-primary)}.eui-21 :host.eds-slider--critical{--_slider-active-color: var(--eds-c-surface-critical);--_slider-ticks-color: var(--eds-c-border-critical)}.eui-21 :host.eds-slider--invalid{--_slider-active-color: var(--eds-c-surface-critical);--_slider-ticks-color: var(--eds-c-border-critical)}.eui-21 :host .eds-slider__range-input{opacity:0;pointer-events:none;position:absolute;width:0;height:0}.eui-21 :host .eds-slider__value-display{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground);line-height:normal;text-align:right;margin-bottom:var(--eds-sp-2xs)}.eui-21 :host .eds-slider__container{cursor:var(--_slider-cursor);height:20px;position:relative;display:flex;align-items:center}.eui-21 :host .eds-slider__container .eds-slider__track{background-color:var(--_slider-track-color);height:4px;width:100%;position:relative;z-index:2;border-radius:2px}.eui-21 :host .eds-slider__container .eds-slider__track .eds-slider__track-active{background-color:var(--_slider-active-color);height:4px;position:absolute;top:0;border-radius:2px}.eui-21 :host .eds-slider__container .eds-slider__handler{border:0;width:20px;height:20px;border-radius:100px;background-color:var(--_slider-active-color);position:absolute;top:0;left:0;cursor:var(--_slider-cursor);outline:none;display:flex;justify-content:center;align-items:center;touch-action:none;z-index:5;overflow:visible}.eui-21 :host .eds-slider__container .eds-slider__handler-start{z-index:8}.eui-21 :host .eds-slider__container .eds-slider__handler-start--max-reached{z-index:9}.eui-21 :host .eds-slider__container .eds-slider__handler-end{z-index:8}.eui-21 :host .eds-slider__container .eds-slider__handler-end--min-reached{z-index:9}.eui-21 :host .eds-slider__container .eds-slider__handler:hover:after,.eui-21 :host .eds-slider__container .eds-slider__handler--dragging:after,.eui-21 :host .eds-slider__container .eds-slider__handler--focused:after{content:\"\";position:absolute;display:var(--_slider-handler-ring-display);inset:-2px;border:1px solid var(--_slider-active-color);border-radius:100px;pointer-events:none}.eui-21 :host .eds-slider__container .eds-slider__ticks{position:absolute;top:60%;left:0;width:100%;height:100%;pointer-events:none;transform:translateY(-50%);z-index:1}.eui-21 :host .eds-slider__container .eds-slider__ticks .eds-slider__tick{position:absolute;width:2px;height:8px;background-color:var(--_slider-ticks-color);transform:translate(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: EdsTooltip, selector: "[edsTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "edsTooltip", "edsTooltipPrimary", "edsTooltipSecondary", "edsTooltipInfo", "edsTooltipSuccess", "edsTooltipWarning", "edsTooltipDanger", "edsTooltipAccent"], exportAs: ["edsTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
486
486
|
}
|
|
487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
487
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsSlider, decorators: [{
|
|
488
488
|
type: Component,
|
|
489
489
|
args: [{ selector: 'eds-slider', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DragDropModule, EdsTooltip], hostDirectives: [
|
|
490
490
|
{
|
|
@@ -29,10 +29,10 @@ class EdsSnc {
|
|
|
29
29
|
this.showContent.update(v => !v);
|
|
30
30
|
this.sncToggle.emit(this.showContent());
|
|
31
31
|
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsSnc, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsSnc, isStandalone: true, selector: "eds-snc", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, dotsLength: { classPropertyName: "dotsLength", publicName: "dotsLength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sncToggle: "sncToggle" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "@if (showContent()) {\n <ng-content />\n} @else {\n <span class=\"eds-snc__hidden-content\">{{ hiddenText() }}</span>\n}\n<button edsButton edsButtonSecondary edsCritical edsSizeS\n (click)=\"toggleContent()\"\n [attr.aria-pressed]=\"showContent()\"\n aria-label=\"Toggle content visibility\">\n SNC\n</button>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;flex-direction:row;align-items:center;gap:var(--eds-sp-m)}.eui-21 :host .eds-snc__hidden-content{font:var(--eds-f-paragraph-l);letter-spacing:-.04em}\n"], dependencies: [{ kind: "component", type: i1.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked", "edsDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsSnc, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'eds-snc', changeDetection: ChangeDetectionStrategy.OnPush, imports: [...EDS_BUTTON], host: {
|
|
38
38
|
'[class]': 'hostClasses()',
|