@eui/components 18.2.0 → 18.2.1-snapshot-1727953374536
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/components/EuiEditorComponent.html +1 -0
- package/docs/components/EuiProgressBarComponent.html +5 -1
- package/docs/components/EuiToolbarComponent.html +1 -1
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
- package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +5 -5
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +3 -3
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-tree/eui-tree.component.mjs +5 -5
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +8 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
- package/esm2022/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs +3 -1
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +3 -3
- package/eui-progress-bar/eui-progress-bar.component.d.ts.map +1 -1
- package/externals/eui-editor/eui-editor.component.d.ts +3 -2
- package/externals/eui-editor/eui-editor.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +2 -2
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs +4 -4
- package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +2 -2
- package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +4 -4
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +7 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +6 -4
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.component.d.ts +1 -1
- package/package.json +4 -4
@@ -37,11 +37,11 @@ export class EuiAppSidebarComponent {
|
|
37
37
|
CssUtils.removeSidebarCssVars(this.document);
|
38
38
|
}
|
39
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiAppSidebarComponent, deps: [{ token: i1.EuiAppShellService, optional: true }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: EuiAppSidebarComponent, selector: "eui-app-sidebar", host: { listeners: { "body:click": "close()" }, properties: { "class": "this.string" } }, ngImport: i0, template: "<aside class=\"eui-app-sidebar-content\">\n <ng-content select=\"eui-app-sidebar-header-user-profile\"></ng-content>\n <ng-content select=\"eui-app-sidebar-header\"></ng-content>\n <ng-content select=\"eui-app-sidebar-body\"></ng-content>\n <ng-content select=\"eui-app-sidebar-footer\"></ng-content>\n <ng-content select=\"eui-app-sidebar-drawer\"></ng-content>\n</aside>\n", styles: [".eui-app-sidebar{background-color:var(--eui-c-bg);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:top .1s ease,width .1s ease-in,margin-left .1s ease-in;width:var(--eui-app-sidebar-width);box-shadow:var(--eui-sh-10)}.
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: EuiAppSidebarComponent, selector: "eui-app-sidebar", host: { listeners: { "body:click": "close()" }, properties: { "class": "this.string" } }, ngImport: i0, template: "<aside class=\"eui-app-sidebar-content\">\n <ng-content select=\"eui-app-sidebar-header-user-profile\"></ng-content>\n <ng-content select=\"eui-app-sidebar-header\"></ng-content>\n <ng-content select=\"eui-app-sidebar-body\"></ng-content>\n <ng-content select=\"eui-app-sidebar-footer\"></ng-content>\n <ng-content select=\"eui-app-sidebar-drawer\"></ng-content>\n</aside>\n", styles: [".eui-app-sidebar{background-color:var(--eui-c-bg);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:top .1s ease,width .1s ease-in,margin-left .1s ease-in;width:var(--eui-app-sidebar-width);box-shadow:var(--eui-sh-10)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-c-neutral-bg-light);background-color:var(--eui-c-neutral-bg-lighter);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-app-sidebar-body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-s-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-zi-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-zi-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-sh-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-zi-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-sh-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-zi-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer{display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{background:var(--eui-c-bg);border-top:1px solid var(--eui-c-neutral-lightest);height:calc(100% - var(--eui-app-sidebar-header-user-profile));overflow-y:auto;padding:var(--eui-s-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer--expanded{top:var(--eui-app-sidebar-header-user-profile);position:absolute;width:100%}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer,.eui-app.sidebar--close.sm .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
41
41
|
}
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiAppSidebarComponent, decorators: [{
|
43
43
|
type: Component,
|
44
|
-
args: [{ selector: 'eui-app-sidebar', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<aside class=\"eui-app-sidebar-content\">\n <ng-content select=\"eui-app-sidebar-header-user-profile\"></ng-content>\n <ng-content select=\"eui-app-sidebar-header\"></ng-content>\n <ng-content select=\"eui-app-sidebar-body\"></ng-content>\n <ng-content select=\"eui-app-sidebar-footer\"></ng-content>\n <ng-content select=\"eui-app-sidebar-drawer\"></ng-content>\n</aside>\n", styles: [".eui-app-sidebar{background-color:var(--eui-c-bg);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:top .1s ease,width .1s ease-in,margin-left .1s ease-in;width:var(--eui-app-sidebar-width);box-shadow:var(--eui-sh-10)}.
|
44
|
+
args: [{ selector: 'eui-app-sidebar', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<aside class=\"eui-app-sidebar-content\">\n <ng-content select=\"eui-app-sidebar-header-user-profile\"></ng-content>\n <ng-content select=\"eui-app-sidebar-header\"></ng-content>\n <ng-content select=\"eui-app-sidebar-body\"></ng-content>\n <ng-content select=\"eui-app-sidebar-footer\"></ng-content>\n <ng-content select=\"eui-app-sidebar-drawer\"></ng-content>\n</aside>\n", styles: [".eui-app-sidebar{background-color:var(--eui-c-bg);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:top .1s ease,width .1s ease-in,margin-left .1s ease-in;width:var(--eui-app-sidebar-width);box-shadow:var(--eui-sh-10)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-c-neutral-bg-light);background-color:var(--eui-c-neutral-bg-lighter);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-bg-light);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-app-sidebar-body{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-s-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-zi-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-zi-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-sh-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-zi-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-sh-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-zi-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer{display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{background:var(--eui-c-bg);border-top:1px solid var(--eui-c-neutral-lightest);height:calc(100% - var(--eui-app-sidebar-header-user-profile));overflow-y:auto;padding:var(--eui-s-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-c-neutral-bg-light)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.sm .eui-app-sidebar-drawer--expanded{top:var(--eui-app-sidebar-header-user-profile);position:absolute;width:100%}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer,.eui-app.sidebar--close.sm .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"] }]
|
45
45
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService, decorators: [{
|
46
46
|
type: Optional
|
47
47
|
}] }, { type: Document, decorators: [{
|
@@ -21,6 +21,7 @@ export class EuiToolbarNavbarComponent {
|
|
21
21
|
this.baseItemSelected = this.items.filter((i) => i.isActive)[0];
|
22
22
|
}
|
23
23
|
ngAfterViewInit() {
|
24
|
+
// if (!this.asService?.state?.hasHeader) {
|
24
25
|
const parentWidth = this.elementRef.nativeElement.closest('eui-toolbar').clientWidth;
|
25
26
|
const width = this.elementRef.nativeElement.clientWidth;
|
26
27
|
if (width > parentWidth) {
|
@@ -28,6 +29,7 @@ export class EuiToolbarNavbarComponent {
|
|
28
29
|
this.isDropdownView = true;
|
29
30
|
}, 1);
|
30
31
|
}
|
32
|
+
// }
|
31
33
|
}
|
32
34
|
itemSelected(id) {
|
33
35
|
this.items.forEach((item) => {
|
@@ -61,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
61
63
|
type: ContentChildren,
|
62
64
|
args: [forwardRef(() => EuiToolbarNavbarItemComponent)]
|
63
65
|
}] } });
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1uYXZiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS10b29sYmFyL3Rvb2xiYXItbmF2YmFyL3Rvb2xiYXItbmF2YmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xheW91dC9ldWktdG9vbGJhci90b29sYmFyLW5hdmJhci90b29sYmFyLW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULHVCQUF1QixFQUN2QixXQUFXLEVBQ1gsaUJBQWlCLEVBQ2pCLE1BQU0sRUFDTixZQUFZLEVBQ1osZUFBZSxFQUNmLFVBQVUsR0FLYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUVyRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7QUFrQjVELE1BQU0sT0FBTyx5QkFBeUI7SUFVbEMsWUFDVyxTQUE2QixFQUM1QixVQUFzQjtRQUR2QixjQUFTLEdBQVQsU0FBUyxDQUFvQjtRQUM1QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWG5CLFVBQUssR0FBRyxvQkFBb0IsQ0FBQztRQUVsQyxjQUFTLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFLeEQsbUJBQWMsR0FBRyxLQUFLLENBQUM7SUFLM0IsQ0FBQztJQUVKLGtCQUFrQjtRQUNkLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRCxlQUFlO1FBQ1gsMkNBQTJDO1FBQ3ZDLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxXQUFXLENBQUM7UUFDckYsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1FBRXhELElBQUksS0FBSyxHQUFHLFdBQVcsRUFBRSxDQUFDO1lBQ3RCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7WUFDL0IsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ1YsQ0FBQztRQUNMLElBQUk7SUFDUixDQUFDO0lBRU0sWUFBWSxDQUFDLEVBQVU7UUFDMUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUN4QixJQUFJLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUM7Z0JBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3pCLENBQUM7aUJBQU0sQ0FBQztnQkFDSixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUMxQixDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM1QixDQUFDOzhHQXpDUSx5QkFBeUI7a0dBQXpCLHlCQUF5Qiw4TUFLQSw2QkFBNkIsOEJDMUNuRSw0c0JBZUEsdzhCRGNRLGlCQUFpQix1bEJBQ2pCLGVBQWUscVNBQ2YsYUFBYSxrVUFDYixTQUFTLDhDQUNULE9BQU87OzJGQUlGLHlCQUF5QjtrQkFoQnJDLFNBQVM7K0JBQ0ksb0JBQW9CLG1CQUdiLHVCQUF1QixDQUFDLE9BQU8saUJBQ2pDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQO3dCQUNMLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLFNBQVM7d0JBQ1QsT0FBTzt3QkFDUCxLQUFLO3FCQUNSO2dIQUdjLEtBQUs7c0JBQW5CLFdBQVc7Z0JBRUYsU0FBUztzQkFBbEIsTUFBTTtnQkFFMkQsS0FBSztzQkFBdEUsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBIb3N0QmluZGluZyxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBPdXRwdXQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBmb3J3YXJkUmVmLFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdWlUb29sYmFyTmF2YmFySXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL3Rvb2xiYXItbmF2YmFyLWl0ZW0vdG9vbGJhci1uYXZiYXItaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpQXBwU2hlbGxTZXJ2aWNlIH0gZnJvbSAnQGV1aS9jb3JlJztcbmltcG9ydCB7IEV1aURyb3Bkb3duTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1kcm9wZG93bic7XG5pbXBvcnQgeyBFdWlCdXR0b25Nb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWJ1dHRvbic7XG5pbXBvcnQgeyBFdWlJY29uTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1pY29uJztcbmltcG9ydCB7IEFzeW5jUGlwZSwgTmdGb3IsIE5nRm9yT2YgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS10b29sYmFyLW5hdmJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXItbmF2YmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vdG9vbGJhci1uYXZiYXIuY29tcG9uZW50LnNjc3MnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBFdWlEcm9wZG93bk1vZHVsZSxcbiAgICAgICAgRXVpQnV0dG9uTW9kdWxlLFxuICAgICAgICBFdWlJY29uTW9kdWxlLFxuICAgICAgICBBc3luY1BpcGUsXG4gICAgICAgIE5nRm9yT2YsXG4gICAgICAgIE5nRm9yLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aVRvb2xiYXJOYXZiYXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBBZnRlclZpZXdJbml0IHtcbiAgICBASG9zdEJpbmRpbmcoKSBjbGFzcyA9ICdldWktdG9vbGJhci1uYXZiYXInO1xuXG4gICAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRXVpVG9vbGJhck5hdmJhckl0ZW1Db21wb25lbnQpKSBpdGVtczogUXVlcnlMaXN0PEV1aVRvb2xiYXJOYXZiYXJJdGVtQ29tcG9uZW50PjtcblxuICAgIHB1YmxpYyBiYXNlSXRlbVNlbGVjdGVkOiBFdWlUb29sYmFyTmF2YmFySXRlbUNvbXBvbmVudDtcbiAgICBwdWJsaWMgaXNEcm9wZG93blZpZXcgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgYXNTZXJ2aWNlOiBFdWlBcHBTaGVsbFNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICApIHt9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYmFzZUl0ZW1TZWxlY3RlZCA9IHRoaXMuaXRlbXMuZmlsdGVyKChpKSA9PiBpLmlzQWN0aXZlKVswXTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIGlmICghdGhpcy5hc1NlcnZpY2U/LnN0YXRlPy5oYXNIZWFkZXIpIHtcbiAgICAgICAgICAgIGNvbnN0IHBhcmVudFdpZHRoID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xvc2VzdCgnZXVpLXRvb2xiYXInKS5jbGllbnRXaWR0aDtcbiAgICAgICAgICAgIGNvbnN0IHdpZHRoID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGg7XG5cbiAgICAgICAgICAgIGlmICh3aWR0aCA+IHBhcmVudFdpZHRoKSB7XG4gICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuaXNEcm9wZG93blZpZXcgPSB0cnVlO1xuICAgICAgICAgICAgICAgIH0sIDEpO1xuICAgICAgICAgICAgfVxuICAgICAgICAvLyB9XG4gICAgfVxuXG4gICAgcHVibGljIGl0ZW1TZWxlY3RlZChpZDogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXRlbXMuZm9yRWFjaCgoaXRlbSkgPT4ge1xuICAgICAgICAgICAgaWYgKGl0ZW0uaWQgPT09IGlkKSB7XG4gICAgICAgICAgICAgICAgaXRlbS5pc0FjdGl2ZSA9IHRydWU7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIGl0ZW0uaXNBY3RpdmUgPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoaWQpO1xuICAgIH1cbn1cbiIsIkBpZiAoIChhc1NlcnZpY2UuYnJlYWtwb2ludHMkIHwgYXN5bmMpLmlzTHRMYXJnZVRhYmxldCB8fCBpc0Ryb3Bkb3duVmlldyApIHtcbiAgICA8ZXVpLWRyb3Bkb3duIGlzTGFiZWxVcGRhdGVkRnJvbVNlbGVjdGVkSXRlbT5cbiAgICAgICAgPGJ1dHRvbiBldWlCdXR0b24gZXVpU2Vjb25kYXJ5IGV1aVNpemVTIFthdHRyLmFyaWEtbGFiZWxdPVwiJ0J1dHRvbiB0cmlnZ2VyJ1wiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJldWktbGFiZWxcIj57eyBiYXNlSXRlbVNlbGVjdGVkLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyBpY29uPVwiY2hldnJvbi1kb3duOnNoYXJwXCIgc2l6ZT1cInNcIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxldWktZHJvcGRvd24tY29udGVudD5cbiAgICAgICAgICAgIDxidXR0b24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBldWlEcm9wZG93bkl0ZW0gKGNsaWNrKT1cIml0ZW1TZWxlY3RlZChpdGVtLmlkKVwiIGFyaWFMYWJlbD1cInt7IGl0ZW0ubGFiZWwgfX1cIj5cbiAgICAgICAgICAgICAgICB7eyBpdGVtLmxhYmVsIH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9ldWktZHJvcGRvd24tY29udGVudD5cbiAgICA8L2V1aS1kcm9wZG93bj5cbn0gQGVsc2Uge1xuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbn1cbiJdfQ==
|
@@ -35,7 +35,7 @@ export class EuiToolbarComponent {
|
|
35
35
|
}, 1);
|
36
36
|
}
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiToolbarComponent, isStandalone: true, selector: "eui-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenu", first: true, predicate: i0.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i0, template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class=\"eui-toolbar__left\">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n } @else {\n\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n <ng-
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: EuiToolbarComponent, isStandalone: true, selector: "eui-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasMenu", first: true, predicate: i0.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i0, template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class=\"eui-toolbar__left\">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"toolbarNavbar\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n } @else {\n\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n <ng-container *ngTemplateOutlet=\"toolbarNavbar\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <div class=\"eui-toolbar__right\">\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarNavbar>\n <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n @if (hasMenu) {\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </div>\n }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger-dark);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary,.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui--primary .eui-toolbar-item .eui-icon-svg svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light);color:var(--eui-c-branding-light-contrast)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-branding-light-contrast)!important;fill:var(--eui-c-branding-light-contrast)!important}@media screen and (max-width: 767px){.eui-toolbar-logo{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-toolbar-environment{font:var(--eui-f-xs-compact);transform:rotate(0);top:0;height:var(--eui-s-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-t-ec .eui-toolbar-app{margin-top:0}}\n"], dependencies: [{ kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl", "logoUrl", "logoHeight", "logoWidth"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
39
39
|
}
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiToolbarComponent, decorators: [{
|
41
41
|
type: Component,
|
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
45
45
|
EuiToolbarAppComponent,
|
46
46
|
AsyncPipe,
|
47
47
|
NgTemplateOutlet,
|
48
|
-
], template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class=\"eui-toolbar__left\">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n } @else {\n\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n <ng-
|
48
|
+
], template: "@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class=\"eui-toolbar__left\">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet=\"toolbarMenu\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"toolbarNavbar\"></ng-container>\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n }\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n } @else {\n\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n <ng-container *ngTemplateOutlet=\"toolbarNavbar\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <div class=\"eui-toolbar__right\">\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarNavbar>\n <ng-content select=\"eui-toolbar-navbar\"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n @if (hasMenu) {\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </div>\n }\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-content select=\"eui-language-selector\"></ng-content>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-s);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest);overflow:hidden}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative;gap:var(--eui-s-s)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center}.eui-toolbar-logo{display:flex;margin-right:var(--eui-s-m)}.eui-toolbar-logo__image{background-size:cover;cursor:pointer;height:40px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger-dark);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary,.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui--primary .eui-toolbar-item .eui-icon-svg svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light);color:var(--eui-c-branding-light-contrast)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-branding-light-contrast)!important;fill:var(--eui-c-branding-light-contrast)!important}@media screen and (max-width: 767px){.eui-toolbar-logo{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-xl);padding-left:0;text-overflow:inherit;overflow:visible}.eui-toolbar-environment{font:var(--eui-f-xs-compact);transform:rotate(0);top:0;height:var(--eui-s-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-t-ec .eui-toolbar-app{margin-top:0}}\n"] }]
|
49
49
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.EuiAppShellService }], propDecorators: { cssClasses: [{
|
50
50
|
type: HostBinding,
|
51
51
|
args: ['class']
|
@@ -59,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
59
59
|
type: ContentChild,
|
60
60
|
args: [forwardRef(() => EuiToolbarMenuComponent)]
|
61
61
|
}] } });
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvdG9vbGJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9sYXlvdXQvZXVpLXRvb2xiYXIvdG9vbGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBcUMsTUFBTSxlQUFlLENBQUM7QUFDaEssT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFaEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzlELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUFnQjdFLE1BQU0sT0FBTyxtQkFBbUI7SUFDNUIsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILGFBQWE7WUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyx1Q0FBdUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNoRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUM3RCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBUUQsWUFDWSxLQUFpQixFQUNsQixTQUE2QjtRQUQ1QixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBQ2xCLGNBQVMsR0FBVCxTQUFTLENBQW9CO1FBUkEsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsZUFBVSxHQUFHLElBQUksQ0FBQztJQVMxRCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzVCLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZTtRQUNYLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3ZFLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLFVBQVUsSUFBSSxVQUFVLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUM7Z0JBQ2hFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2dCQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUM1QixDQUFDO1FBQ0wsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ1YsQ0FBQzs4R0FwQ1EsbUJBQW1CO2tHQUFuQixtQkFBbUIsd0dBVVIsZ0JBQWdCLDRDQUNoQixnQkFBZ0IsNElBRUwsdUJBQXVCLGlEQ25DMUQsaWxGQXlFQSwyc0ZEMURRLHVCQUF1Qix3SEFDdkIsOEJBQThCLG9FQUM5QixzQkFBc0IsMkZBQ3RCLFNBQVMsOENBQ1QsZ0JBQWdCOzsyRkFHWCxtQkFBbUI7a0JBZC9CLFNBQVM7K0JBQ0ksYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUDt3QkFDTCx1QkFBdUI7d0JBQ3ZCLDhCQUE4Qjt3QkFDOUIsc0JBQXNCO3dCQUN0QixTQUFTO3dCQUNULGdCQUFnQjtxQkFDbkI7Z0hBSUcsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBU29CLFlBQVk7c0JBQW5ELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsVUFBVTtzQkFBakQsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFHdEMsT0FBTztzQkFETixZQUFZO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uLCBmb3J3YXJkUmVmLCBDb250ZW50Q2hpbGQsIGJvb2xlYW5BdHRyaWJ1dGUsIElucHV0LCBFbGVtZW50UmVmLCBBZnRlclZpZXdJbml0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aVRvb2xiYXJNZW51Q29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyLW1lbnUvdG9vbGJhci1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlBcHBTaGVsbFNlcnZpY2UgfSBmcm9tICdAZXVpL2NvcmUnO1xuaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEV1aVRvb2xiYXJMb2dvQ29tcG9uZW50IH0gZnJvbSAnLi90b29sYmFyLWxvZ28vdG9vbGJhci1sb2dvLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlUb29sYmFyRW52aXJvbm1lbnRDb21wb25lbnQgfSBmcm9tICcuL3Rvb2xiYXItZW52aXJvbm1lbnQvdG9vbGJhci1lbnZpcm9ubWVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpVG9vbGJhckFwcENvbXBvbmVudCB9IGZyb20gJy4vdG9vbGJhci1hcHAvdG9vbGJhci1hcHAuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktdG9vbGJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi90b29sYmFyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBFdWlUb29sYmFyTG9nb0NvbXBvbmVudCxcbiAgICAgICAgRXVpVG9vbGJhckVudmlyb25tZW50Q29tcG9uZW50LFxuICAgICAgICBFdWlUb29sYmFyQXBwQ29tcG9uZW50LFxuICAgICAgICBBc3luY1BpcGUsXG4gICAgICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpVG9vbGJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWktdG9vbGJhcicsXG4gICAgICAgICAgICB0aGlzLmV1aVNlY29uZGFyeSA/ICdldWktdG9vbGJhci0tc2Vjb25kYXJ5IGV1aS0tc2Vjb25kYXJ5JyA6ICcnLFxuICAgICAgICAgICAgdGhpcy5ldWlQcmltYXJ5ID8gJ2V1aS10b29sYmFyLS1wcmltYXJ5IGV1aS0tcHJpbWFyeScgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBldWlTZWNvbmRhcnkgPSBmYWxzZTtcbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZXVpUHJpbWFyeSA9IHRydWU7XG5cbiAgICBAQ29udGVudENoaWxkKGZvcndhcmRSZWYoKCkgPT4gRXVpVG9vbGJhck1lbnVDb21wb25lbnQpKVxuICAgIGhhc01lbnU6IEV1aVRvb2xiYXJNZW51Q29tcG9uZW50O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHB1YmxpYyBhc1NlcnZpY2U6IEV1aUFwcFNoZWxsU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuZXVpU2Vjb25kYXJ5KSB7XG4gICAgICAgICAgICB0aGlzLmV1aVByaW1hcnkgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgYXBwVG9vbGJhciA9IHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5jbG9zZXN0KCdldWktYXBwLXRvb2xiYXInKTtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAoYXBwVG9vbGJhciAmJiBhcHBUb29sYmFyLmNsYXNzTGlzdC5jb250YWlucygnZXVpLS1zZWNvbmRhcnknKSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZXVpU2Vjb25kYXJ5ID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmV1aVByaW1hcnkgPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgMSk7XG4gICAgfVxufVxuIiwiQGlmICggKGFzU2VydmljZS5zdGF0ZSQgfCBhc3luYykuaGFzSGVhZGVyICYmIChhc1NlcnZpY2UuYnJlYWtwb2ludHMkIHwgYXN5bmMpLmlzTW9iaWxlICkge1xuXG4gICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19sZWZ0XCI+XG4gICAgICAgIEBpZiAoICggYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXJMb2dvICkge1xuICAgICAgICAgICAgPGV1aS10b29sYmFyLWxvZ28+PC9ldWktdG9vbGJhci1sb2dvPlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoICggYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXJFbnZpcm9ubWVudCApIHtcbiAgICAgICAgICAgIDxldWktdG9vbGJhci1lbnZpcm9ubWVudD5cbiAgICAgICAgICAgICAgICB7eyAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5lbnZpcm9ubWVudFZhbHVlIH19XG4gICAgICAgICAgICA8L2V1aS10b29sYmFyLWVudmlyb25tZW50PlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoIChhc1NlcnZpY2Uuc3RhdGUkIHwgYXN5bmMpLmFwcE5hbWUgKSB7XG4gICAgICAgICAgICA8ZXVpLXRvb2xiYXItYXBwIGFwcE5hbWU9XCJ7eyAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5hcHBOYW1lIH19XCI+PC9ldWktdG9vbGJhci1hcHA+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyQ2VudGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJJdGVtc1wiPjwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyTGFuZ3VhZ2VTZWxlY3RvclwiPjwvbmctY29udGFpbmVyPlxuXG59IEBlbHNlIHtcbiAgICBAaWYgKCAoYXNTZXJ2aWNlLnN0YXRlJCB8IGFzeW5jKS5oYXNIZWFkZXIgKSB7XG5cbiAgICAgICAgQGlmICggaGFzTWVudSApIHtcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyTWVudVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyTmF2YmFyXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidG9vbGJhckNlbnRlclwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICB9XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFySXRlbXNcIj48L25nLWNvbnRhaW5lcj5cblxuICAgIH0gQGVsc2Uge1xuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJldWktdG9vbGJhcl9fbGVmdFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLXRvb2xiYXItbG9nb1wiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS10b29sYmFyLWFwcFwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS10b29sYmFyLWVudmlyb25tZW50XCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJOYXZiYXJcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRvb2xiYXJDZW50ZXJcIj48L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZXVpLXRvb2xiYXJfX3JpZ2h0XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidG9vbGJhckl0ZW1zXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgfVxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sYmFyTGFuZ3VhZ2VTZWxlY3RvclwiPjwvbmctY29udGFpbmVyPlxufVxuXG48bmctdGVtcGxhdGUgI3Rvb2xiYXJDZW50ZXI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLXRvb2xiYXItY2VudGVyXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0b29sYmFySXRlbXM+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLXRvb2xiYXItaXRlbXNcIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3Rvb2xiYXJOYXZiYXI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpLXRvb2xiYXItbmF2YmFyXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0b29sYmFyTWVudT5cbiAgICBAaWYgKGhhc01lbnUpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImV1aS10b29sYmFyX19sZWZ0XCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWktdG9vbGJhci1tZW51XCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3Rvb2xiYXJMYW5ndWFnZVNlbGVjdG9yPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aS1sYW5ndWFnZS1zZWxlY3RvclwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-progress-bar.component.d.ts","sourceRoot":"","sources":["../../eui-progress-bar/eui-progress-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,aAAa,EACb,SAAS,
|
1
|
+
{"version":3,"file":"eui-progress-bar.component.d.ts","sourceRoot":"","sources":["../../eui-progress-bar/eui-progress-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIH,aAAa,EACb,SAAS,EAKZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBA4Ba,uBAAwB,YAAW,SAAS;IAkBlC,mBAAmB,EAAE,mBAAmB;IAjBpB,OAAO,SAAsB;IACpE,IACW,UAAU,IAAI,MAAM,CAE9B;IAEQ,KAAK,SAAM;IAGpB,QAAQ,EAAE,WAAW,CAAC;IAGtB,eAAe,EAAE,YAAY,CAAS;IAGtC,aAAa,EAAE,YAAY,CAAS;gBAEjB,mBAAmB,EAAE,mBAAmB;IAE3D,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IASzC,OAAO,CAAC,aAAa;yCA7BZ,uBAAuB;2CAAvB,uBAAuB;uCAuC+7rQ,OAAQ;8CAA71pO,OAAQ;4CAAR,OAAQ;CADrpiC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { EventEmitter, OnInit, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';
|
1
|
+
import { EventEmitter, OnInit, OnDestroy, ElementRef, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
|
2
2
|
import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
|
3
3
|
import { ContentChange, QuillModules } from '@eui/components/externals/quill';
|
4
4
|
import { BooleanInput } from '@angular/cdk/coercion';
|
@@ -6,7 +6,7 @@ import { EuiDialogService } from '@eui/components/eui-dialog';
|
|
6
6
|
import { LoaderService, Blur, EditorChangeSelection, Focus, SelectionChange, ToolbarItemConfig } from '@eui/components/externals/quill';
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
declare const QuillType: any;
|
9
|
-
export declare class EuiEditorComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
9
|
+
export declare class EuiEditorComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
|
10
10
|
private euiDialogService;
|
11
11
|
private cdr;
|
12
12
|
private ngControl;
|
@@ -71,6 +71,7 @@ export declare class EuiEditorComponent implements ControlValueAccessor, OnInit,
|
|
71
71
|
private defaultToolbarConfig;
|
72
72
|
private destroy$;
|
73
73
|
constructor(euiDialogService: EuiDialogService, cdr: ChangeDetectorRef, ngControl: NgControl, loader: LoaderService);
|
74
|
+
ngOnChanges(c: SimpleChanges): void;
|
74
75
|
ngOnInit(): void;
|
75
76
|
ngOnDestroy(): void;
|
76
77
|
enableEditorOnFocus(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-editor.component.d.ts","sourceRoot":"","sources":["../../../externals/eui-editor/eui-editor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,YAAY,EAGZ,MAAM,EAIN,SAAS,EAIT,UAAU,EAGV,iBAAiB,
|
1
|
+
{"version":3,"file":"eui-editor.component.d.ts","sourceRoot":"","sources":["../../../externals/eui-editor/eui-editor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,YAAY,EAGZ,MAAM,EAIN,SAAS,EAIT,UAAU,EAGV,iBAAiB,EACjB,SAAS,EACT,aAAa,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAa,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE9E,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAO5E,OAAO,EAAmB,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAqB,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;;AAP3J,QAAA,MAAM,SAAS,EAAE,GAAqB,CAAC;AAYvC,qBAYa,kBAAmB,YAAW,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;IA0J7E,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,MAAM;IA5J1B,IACI,KAAK,IAAI,MAAM,CAOlB;IACQ,OAAO,SAAgB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,SAAM;IACjB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAU;IACjC,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAU;IAClC,KAAK,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,CAAS;IAChD,qBAAqB,EAAE,KAAK,GAAG,QAAQ,CAAS;IAEhD,QAAQ,SAAO;IACf,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE1B,mBAAmB,EAAE,iBAAiB,EAAE,CAAC;IAEzC,MAAM,EAAE,MAAM,CAAC;IAEd,YAAY,oBAAwC;IACpD,YAAY,sDAA6D;IACzE,aAAa,8BAAqC;IAClD,eAAe,gCAAuC;IACtD,KAAK,sBAA6B;IAClC,IAAI,qBAA4B;IAChC,qBAAqB,uBAA8B;IACnD,gBAAgB,uBAA8B;IAEvB,IAAI,EAAE,OAAO,CAAC;IAE/C,IACI,QAAQ,IAAI,MAAM,CAErB;IAEM,KAAK,EAAE,MAAM,GAAG,GAAG,CAAM;IACzB,eAAe,SAAK;IACpB,UAAU,SAAK;IACf,UAAU,SAAK;IACf,SAAS,UAAS;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAqB;IAC7C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,GAAG,EAAE,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACjG,SAAS,CAAC,aAAa,EAAE,OAAO,CAAS;IAIzC,sBAAsB,EAAE,kCAAkC,CAAC;IAE3D,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,OAAO,CAAC,WAAW,CAAS;IAC5B,IACI,YAAY,IAAI,OAAO,CAE1B;IACD,IAAI,YAAY,CAAC,KAAK,EAAE,YAAY,EAEnC;IACD,OAAO,CAAC,aAAa,CAAQ;IAC7B,IACI,gBAAgB,IAAI,OAAO,CAE9B;IACD,IAAI,gBAAgB,CAAC,KAAK,EAHF,OAGE,EAEzB;IACD,OAAO,CAAC,iBAAiB,CAAS;IAClC,IACI,gBAAgB,IAAI,OAAO,CAE9B;IACD,IAAI,gBAAgB,CAAC,KAAK,EAAE,YAAY,EAEvC;IACD,OAAO,CAAC,iBAAiB,CAAS;IAElC,IACI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,YAAY,EAEhC;IACD,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,oBAAoB,CAe1B;IACF,OAAO,CAAC,oBAAoB,CAmC1B;IACF,OAAO,CAAC,QAAQ,CAA0B;gBAEtB,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,aAAa;IAIzC,WAAW,CAAC,CAAC,EAAE,aAAa;IAM5B,QAAQ,IAAI,IAAI;IAiEhB,WAAW,IAAI,IAAI;IAOZ,mBAAmB,IAAI,IAAI;IAM3B,eAAe,IAAI,IAAI;IA0BvB,UAAU,IAAI,IAAI;IAIlB,UAAU,IAAI,IAAI;IAIlB,mBAAmB,IAAI,IAAI;IAa3B,WAAW,IAAI,IAAI;IAI1B,IAAI,eAAe,IAAI,OAAO,CAI7B;IAEM,gBAAgB,CAAC,KAAK,EAAE,OAAO,SAAS,GAAG,IAAI;IA0B/C,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,aAAa,GAAG,KAAK,GAAG,IAAI;IAK5E,iBAAiB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAuB7C,mBAAmB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAIjD,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK5B,OAAO,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI;IAM1B,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAI/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAIhC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAsBtC,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,QAAQ,CAAiB;IAEjC,OAAO,CAAC,OAAO,CAAiB;IAEhC,OAAO,CAAC,kBAAkB;IAU1B,IAAI,oBAAoB,IAAI,OAAO,CAElC;IAED,IAAI,sBAAsB,IAAI,MAAM,CAEnC;IAED,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,SAAS;yCA7dR,kBAAkB;2CAAlB,kBAAkB;CAie9B;AAGD,qBACa,kCAAkC;IAGxB,UAAU,EAAE,UAAU;IAFnB,YAAY,SAA+B;gBAE9C,UAAU,EAAE,UAAU;yCAHhC,kCAAkC;2CAAlC,kCAAkC;CAI9C;AAGD;;GAEG;AACH,qBACa,eAAe;IACxB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;yCADvB,eAAe;uCAAf,eAAe;CAO3B"}
|
@@ -444,7 +444,7 @@ class EuiCardComponent {
|
|
444
444
|
this.uiStateService.setState(nextState);
|
445
445
|
}
|
446
446
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
447
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiCardComponent, selector: "eui-card", inputs: { e2eAttr: "e2eAttr", euiSelected: ["euiSelected", "euiSelected", booleanAttribute], euiCollapsible: ["euiCollapsible", "euiCollapsible", booleanAttribute], euiCollapsed: ["euiCollapsed", "euiCollapsed", booleanAttribute], euiUrgent: ["euiUrgent", "euiUrgent", booleanAttribute], euiNoShadow: ["euiNoShadow", "euiNoShadow", booleanAttribute], euiNoContentPadding: ["euiNoContentPadding", "euiNoContentPadding", booleanAttribute], euiHoverable: ["euiHoverable", "euiHoverable", booleanAttribute] }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, providers: [UiStateService], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiHighlighted", "euiHighlighted", "euiDisabled", "euiDisabled", "euiLoading", "euiLoading", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<ng-content select=\"eui-card-header\"></ng-content>\n<ng-content select=\"eui-card-media\"></ng-content>\n<ng-content select=\"eui-card-content\"></ng-content>\n<ng-content select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-18 .eui-card{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-1);display:flex;flex-direction:column;height:auto;padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%;font:var(--eui-f-m)}.eui-18 .eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-18 .eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-sh-3)}.eui-18 .eui-card-header{align-items:center;background:var(--eui-c-white);border-bottom:1px solid var(--eui-c-neutral-lightest);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-18 .eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m);width:100%;outline:none;border:var(--eui-bw-none);background-color:initial;text-align:start}.eui-18 .eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:-1px}.eui-18 .eui-card-header__urgent-indicator{background:var(--eui-c-danger-dark);border-radius:var(--eui-br-max);position:absolute;right:calc(-1 * var(--eui-s-s));top:calc(-1 * var(--eui-s-s));height:var(--eui-s-xl)}.eui-18 .eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-s-s);margin-top:var(--eui-s-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-title{display:initial;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-subtitle{display:block;width:100%;font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-18 .eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-s-m)}.eui-18 .eui-card-header__left-content .eui-input-checkbox{margin:0!important;position:relative!important}.eui-18 .eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-s-s);width:100%}.eui-18 .eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-s-m);width:100%}.eui-18 .eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-18 .eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-18 .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-18 .eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);bottom:calc(-.75 * var(--eui-s-m));box-shadow:var(--eui-sh-2);justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-s-m));z-index:1}.eui-18 .eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{min-height:calc(1.5 * var(--eui-s-m));min-width:calc(2 * var(--eui-s-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-s-m))}.eui-18 .eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-18 .eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-c-neutral-lighter)}.eui-18 .eui-card-header-body{align-items:center;background:var(--eui-c-white);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%;font:var(--eui-f-m)}.eui-18 .eui-card-media{display:flex}.eui-18 .eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-18 .eui-card-media__image:first-child{margin-top:0}.eui-18 .eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-18 .eui-card-media__container-content{width:100%}.eui-18 .eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-c-neutral-bg-light) 100%);bottom:0;color:var(--eui-c-white);left:0;min-height:3rem;padding:var(--eui-s-m);position:absolute;text-shadow:0 1px 0 var(--eui-c-black);font:var(--eui-f-xl-bold);align-items:center;display:flex;width:100%}.eui-18 .eui-card-content{background:var(--eui-c-white);cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-s-m);position:relative;margin-bottom:0;transition:all .15s ease-in-out;font:var(--eui-f-m)}.eui-18 .eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-card-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-card--no-content-padding .eui-18 .eui-card-content{padding:0}.eui-18 .eui-card-content p:first-of-type{margin-top:0}.eui-18 .eui-card-footer{background:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;margin-top:-1px;position:relative}.eui-18 .eui-card-footer-container{display:flex;margin:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-18 .eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-s-xs)}.eui-18 .eui-card-footer-actions__buttons .eui-input-checkbox{margin-bottom:0!important}.eui-18 .eui-card-footer-actions__buttons .eui-input-checkbox+label{margin-bottom:0!important}.eui-18 .eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-18 .eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-s-m))}@media screen and (max-width: 767px){.eui-18 .eui-card-header__left-content button,.eui-18 .eui-card-header__right-content{flex-wrap:wrap}.eui-18 .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-18 .eui-card-header__title-container-title,.eui-18 .eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-card-header__left-content button,.eui-18 .eui-card-header__right-content{flex-wrap:wrap}.eui-18 .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-18 .eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-18 .eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-18 .eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-18 .eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-18 .eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-18 .eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-18 .eui-card--size-xs .eui-card-container,.eui-18 .eui-card--size-s .eui-card-container,.eui-18 .eui-card--size-m .eui-card-container,.eui-18 .eui-card--size-l .eui-card-container,.eui-18 .eui-card--size-xl .eui-card-container,.eui-18 .eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-card--size-xs .eui-card-container,.eui-18 .eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-18 .eui-card--selected{border:transparent}.eui-18 .eui-card--selected .eui-card-header,.eui-18 .eui-card--selected .eui-card-header-body{background:var(--eui-c-primary);border-radius:var(--eui-br-m) var(--eui-br-m) 0 0;color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__expander-icon .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__expander-icon .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-18 .eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-18 .eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-c-white)!important}.eui-18 .eui-card--selected .eui-card-header a,.eui-18 .eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-18 .eui-card--selected .eui-card-header-body a,.eui-18 .eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-c-white)!important}.eui-18 .eui-card--selected .eui-card-header .eui-label--secondary,.eui-18 .eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-card--selected .eui-card-header .eui-input-checkbox,.eui-18 .eui-card--selected .eui-card-header-body .eui-input-checkbox{border:var(--eui-bw-s) solid var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--primary,.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--primary{border:var(--eui-bw-xs) solid var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary),.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary){background-color:var(--eui-c-primary);border-color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary) .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary) .eui-label{color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-content{background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);border-radius:0 0 var(--eui-br-m) var(--eui-br-m);color:var(--eui-c-text)}.eui-18 .eui-card--selected .eui-card-footer{background:var(--eui-c-white);border-radius:0 0 var(--eui-br-m) var(--eui-br-m);color:var(--eui-c-text)}.eui-18 .eui-card--disabled,.eui-18 .eui-card--is-loading,.eui-18 .eui-card[disabled],.eui-18 .eui-card.disabled{opacity:.45;pointer-events:none}.eui-18 .eui-card--collapsible .eui-card-header__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__container [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-s-xs);margin-right:calc(-1 * var(--eui-s-xs))}.eui-18 .eui-card--collapsed .eui-card-media,.eui-18 .eui-card--collapsed .eui-card-content,.eui-18 .eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-s-m)}.eui-18 .eui-card--collapsed .eui-card-header,.eui-18 .eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-18 .eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-18 .eui-card--primary{border-left:6px solid var(--eui-c-primary)}.eui-18 .eui-card--secondary{border-left:6px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-card--info{border-left:6px solid var(--eui-c-info)}.eui-18 .eui-card--success{border-left:6px solid var(--eui-c-success-dark)}.eui-18 .eui-card--warning{border-left:6px solid var(--eui-c-warning)}.eui-18 .eui-card--danger{border-left:6px solid var(--eui-c-danger-dark)}.eui-18 .eui-card--accent{border-left:6px solid var(--eui-c-accent)}.eui-18 .eui-card--highlighted,.eui-card--highlighted .eui-18 .eui-card-container{z-index:var(--eui-zi-highlighted)}.eui-18 .eui-card--no-border{border:var(--eui-bw-none)}.eui-18 .eui-card[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
447
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: EuiCardComponent, selector: "eui-card", inputs: { e2eAttr: "e2eAttr", euiSelected: ["euiSelected", "euiSelected", booleanAttribute], euiCollapsible: ["euiCollapsible", "euiCollapsible", booleanAttribute], euiCollapsed: ["euiCollapsed", "euiCollapsed", booleanAttribute], euiUrgent: ["euiUrgent", "euiUrgent", booleanAttribute], euiNoShadow: ["euiNoShadow", "euiNoShadow", booleanAttribute], euiNoContentPadding: ["euiNoContentPadding", "euiNoContentPadding", booleanAttribute], euiHoverable: ["euiHoverable", "euiHoverable", booleanAttribute] }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, providers: [UiStateService], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiHighlighted", "euiHighlighted", "euiDisabled", "euiDisabled", "euiLoading", "euiLoading", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<ng-content select=\"eui-card-header\"></ng-content>\n<ng-content select=\"eui-card-media\"></ng-content>\n<ng-content select=\"eui-card-content\"></ng-content>\n<ng-content select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-18 .eui-card{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-1);display:flex;flex-direction:column;height:auto;padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%;font:var(--eui-f-m)}.eui-18 .eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-18 .eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-sh-3)}.eui-18 .eui-card-header{align-items:center;background:var(--eui-c-white);border-bottom:1px solid var(--eui-c-neutral-lightest);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-18 .eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m);width:100%;outline:none;border:var(--eui-bw-none);background-color:initial;text-align:start}.eui-18 .eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:-1px}.eui-18 .eui-card-header__urgent-indicator{background:var(--eui-c-danger-dark);border-radius:var(--eui-br-max);position:absolute;right:calc(-1 * var(--eui-s-s));top:calc(-1 * var(--eui-s-s));height:var(--eui-s-xl)}.eui-18 .eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-s-s);margin-top:var(--eui-s-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-title{display:initial;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-subtitle{display:block;width:100%;font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-18 .eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-s-m)}.eui-18 .eui-card-header__left-content .eui-input-checkbox{margin:0!important;position:relative!important}.eui-18 .eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-s-s);width:100%}.eui-18 .eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-s-m);width:100%}.eui-18 .eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-18 .eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-18 .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-18 .eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);bottom:calc(-.75 * var(--eui-s-m));box-shadow:var(--eui-sh-2);justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-s-m));z-index:1}.eui-18 .eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{min-height:calc(1.5 * var(--eui-s-m));min-width:calc(2 * var(--eui-s-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-s-m))}.eui-18 .eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-18 .eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-c-neutral-lighter)}.eui-18 .eui-card-header-body{align-items:center;background:var(--eui-c-white);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%;font:var(--eui-f-m)}.eui-18 .eui-card-media{display:flex}.eui-18 .eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-18 .eui-card-media__image:first-child{margin-top:0}.eui-18 .eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-18 .eui-card-media__container-content{width:100%}.eui-18 .eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-c-neutral-bg-light) 100%);bottom:0;color:var(--eui-c-white);left:0;min-height:3rem;padding:var(--eui-s-m);position:absolute;text-shadow:0 1px 0 var(--eui-c-black);font:var(--eui-f-xl-bold);align-items:center;display:flex;width:100%}.eui-18 .eui-card-content{background:var(--eui-c-white);cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-s-m);position:relative;margin-bottom:0;transition:all .15s ease-in-out;font:var(--eui-f-m)}.eui-18 .eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-card-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-card-content p:first-of-type{margin-top:0}.eui-18 .eui-card-footer{background:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;margin-top:-1px;position:relative}.eui-18 .eui-card-footer-container{display:flex;margin:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-18 .eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-s-xs)}.eui-18 .eui-card-footer-actions__buttons .eui-input-checkbox{margin-bottom:0!important}.eui-18 .eui-card-footer-actions__buttons .eui-input-checkbox+label{margin-bottom:0!important}.eui-18 .eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-18 .eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-s-m))}@media screen and (max-width: 767px){.eui-18 .eui-card-header__left-content button,.eui-18 .eui-card-header__right-content{flex-wrap:wrap}.eui-18 .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-18 .eui-card-header__title-container-title,.eui-18 .eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-card-header__left-content button,.eui-18 .eui-card-header__right-content{flex-wrap:wrap}.eui-18 .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-18 .eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-18 .eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-18 .eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-18 .eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-18 .eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-18 .eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-18 .eui-card--size-xs .eui-card-container,.eui-18 .eui-card--size-s .eui-card-container,.eui-18 .eui-card--size-m .eui-card-container,.eui-18 .eui-card--size-l .eui-card-container,.eui-18 .eui-card--size-xl .eui-card-container,.eui-18 .eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-card--size-xs .eui-card-container,.eui-18 .eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-18 .eui-card--selected{border:transparent}.eui-18 .eui-card--selected .eui-card-header,.eui-18 .eui-card--selected .eui-card-header-body{background:var(--eui-c-primary);border-radius:var(--eui-br-m) var(--eui-br-m) 0 0;color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__expander-icon .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__expander-icon .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-18 .eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-18 .eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-c-white)!important}.eui-18 .eui-card--selected .eui-card-header a,.eui-18 .eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-18 .eui-card--selected .eui-card-header-body a,.eui-18 .eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-c-white)!important}.eui-18 .eui-card--selected .eui-card-header .eui-label--secondary,.eui-18 .eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-card--selected .eui-card-header .eui-input-checkbox,.eui-18 .eui-card--selected .eui-card-header-body .eui-input-checkbox{border:var(--eui-bw-s) solid var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--primary,.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--primary{border:var(--eui-bw-xs) solid var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary),.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary){background-color:var(--eui-c-primary);border-color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary) .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary) .eui-label{color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-content{background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);border-radius:0 0 var(--eui-br-m) var(--eui-br-m);color:var(--eui-c-text)}.eui-18 .eui-card--selected .eui-card-footer{background:var(--eui-c-white);border-radius:0 0 var(--eui-br-m) var(--eui-br-m);color:var(--eui-c-text)}.eui-18 .eui-card--disabled,.eui-18 .eui-card--is-loading,.eui-18 .eui-card[disabled],.eui-18 .eui-card.disabled{opacity:.45;pointer-events:none}.eui-18 .eui-card--collapsible .eui-card-header__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__container [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-s-xs);margin-right:calc(-1 * var(--eui-s-xs))}.eui-18 .eui-card--collapsed .eui-card-media,.eui-18 .eui-card--collapsed .eui-card-content,.eui-18 .eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-s-m)}.eui-18 .eui-card--collapsed .eui-card-header,.eui-18 .eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-18 .eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-18 .eui-card--primary{border-left:6px solid var(--eui-c-primary)}.eui-18 .eui-card--secondary{border-left:6px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-card--info{border-left:6px solid var(--eui-c-info)}.eui-18 .eui-card--success{border-left:6px solid var(--eui-c-success-dark)}.eui-18 .eui-card--warning{border-left:6px solid var(--eui-c-warning)}.eui-18 .eui-card--danger{border-left:6px solid var(--eui-c-danger-dark)}.eui-18 .eui-card--accent{border-left:6px solid var(--eui-c-accent)}.eui-18 .eui-card--highlighted{z-index:var(--eui-zi-highlighted)}.eui-18 .eui-card--no-border{border:var(--eui-bw-none)}.eui-18 .eui-card--no-content-padding .eui-card-content{padding:0}.eui-18 .eui-card[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
448
448
|
}
|
449
449
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: EuiCardComponent, decorators: [{
|
450
450
|
type: Component,
|
@@ -471,7 +471,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
|
|
471
471
|
'euiSizeVariant',
|
472
472
|
],
|
473
473
|
},
|
474
|
-
], template: "<ng-content select=\"eui-card-header\"></ng-content>\n<ng-content select=\"eui-card-media\"></ng-content>\n<ng-content select=\"eui-card-content\"></ng-content>\n<ng-content select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-18 .eui-card{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-1);display:flex;flex-direction:column;height:auto;padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%;font:var(--eui-f-m)}.eui-18 .eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-18 .eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-sh-3)}.eui-18 .eui-card-header{align-items:center;background:var(--eui-c-white);border-bottom:1px solid var(--eui-c-neutral-lightest);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-18 .eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m);width:100%;outline:none;border:var(--eui-bw-none);background-color:initial;text-align:start}.eui-18 .eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:-1px}.eui-18 .eui-card-header__urgent-indicator{background:var(--eui-c-danger-dark);border-radius:var(--eui-br-max);position:absolute;right:calc(-1 * var(--eui-s-s));top:calc(-1 * var(--eui-s-s));height:var(--eui-s-xl)}.eui-18 .eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-s-s);margin-top:var(--eui-s-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-title{display:initial;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-subtitle{display:block;width:100%;font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-18 .eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-s-m)}.eui-18 .eui-card-header__left-content .eui-input-checkbox{margin:0!important;position:relative!important}.eui-18 .eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-s-s);width:100%}.eui-18 .eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-s-m);width:100%}.eui-18 .eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-18 .eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-18 .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-18 .eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);bottom:calc(-.75 * var(--eui-s-m));box-shadow:var(--eui-sh-2);justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-s-m));z-index:1}.eui-18 .eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{min-height:calc(1.5 * var(--eui-s-m));min-width:calc(2 * var(--eui-s-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-s-m))}.eui-18 .eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-18 .eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-c-neutral-lighter)}.eui-18 .eui-card-header-body{align-items:center;background:var(--eui-c-white);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%;font:var(--eui-f-m)}.eui-18 .eui-card-media{display:flex}.eui-18 .eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-18 .eui-card-media__image:first-child{margin-top:0}.eui-18 .eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-18 .eui-card-media__container-content{width:100%}.eui-18 .eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-c-neutral-bg-light) 100%);bottom:0;color:var(--eui-c-white);left:0;min-height:3rem;padding:var(--eui-s-m);position:absolute;text-shadow:0 1px 0 var(--eui-c-black);font:var(--eui-f-xl-bold);align-items:center;display:flex;width:100%}.eui-18 .eui-card-content{background:var(--eui-c-white);cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-s-m);position:relative;margin-bottom:0;transition:all .15s ease-in-out;font:var(--eui-f-m)}.eui-18 .eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-card-content{scrollbar-color:var(--eui-c-neutral-bg-light);scrollbar-width:thin}}.eui-card--no-content-padding .eui-18 .eui-card-content{padding:0}.eui-18 .eui-card-content p:first-of-type{margin-top:0}.eui-18 .eui-card-footer{background:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;margin-top:-1px;position:relative}.eui-18 .eui-card-footer-container{display:flex;margin:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-18 .eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-s-xs)}.eui-18 .eui-card-footer-actions__buttons .eui-input-checkbox{margin-bottom:0!important}.eui-18 .eui-card-footer-actions__buttons .eui-input-checkbox+label{margin-bottom:0!important}.eui-18 .eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-18 .eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-s-m))}@media screen and (max-width: 767px){.eui-18 .eui-card-header__left-content button,.eui-18 .eui-card-header__right-content{flex-wrap:wrap}.eui-18 .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-18 .eui-card-header__title-container-title,.eui-18 .eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-card-header__left-content button,.eui-18 .eui-card-header__right-content{flex-wrap:wrap}.eui-18 .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-18 .eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-18 .eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-18 .eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-18 .eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-18 .eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-18 .eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-18 .eui-card--size-xs .eui-card-container,.eui-18 .eui-card--size-s .eui-card-container,.eui-18 .eui-card--size-m .eui-card-container,.eui-18 .eui-card--size-l .eui-card-container,.eui-18 .eui-card--size-xl .eui-card-container,.eui-18 .eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-card--size-xs .eui-card-container,.eui-18 .eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-18 .eui-card--selected{border:transparent}.eui-18 .eui-card--selected .eui-card-header,.eui-18 .eui-card--selected .eui-card-header-body{background:var(--eui-c-primary);border-radius:var(--eui-br-m) var(--eui-br-m) 0 0;color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__expander-icon .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__expander-icon .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-18 .eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-18 .eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-c-white)!important}.eui-18 .eui-card--selected .eui-card-header a,.eui-18 .eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-18 .eui-card--selected .eui-card-header-body a,.eui-18 .eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-c-white)!important}.eui-18 .eui-card--selected .eui-card-header .eui-label--secondary,.eui-18 .eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-card--selected .eui-card-header .eui-input-checkbox,.eui-18 .eui-card--selected .eui-card-header-body .eui-input-checkbox{border:var(--eui-bw-s) solid var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--primary,.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--primary{border:var(--eui-bw-xs) solid var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary),.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary){background-color:var(--eui-c-primary);border-color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary) .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary) .eui-label{color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-content{background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);border-radius:0 0 var(--eui-br-m) var(--eui-br-m);color:var(--eui-c-text)}.eui-18 .eui-card--selected .eui-card-footer{background:var(--eui-c-white);border-radius:0 0 var(--eui-br-m) var(--eui-br-m);color:var(--eui-c-text)}.eui-18 .eui-card--disabled,.eui-18 .eui-card--is-loading,.eui-18 .eui-card[disabled],.eui-18 .eui-card.disabled{opacity:.45;pointer-events:none}.eui-18 .eui-card--collapsible .eui-card-header__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__container [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-s-xs);margin-right:calc(-1 * var(--eui-s-xs))}.eui-18 .eui-card--collapsed .eui-card-media,.eui-18 .eui-card--collapsed .eui-card-content,.eui-18 .eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-s-m)}.eui-18 .eui-card--collapsed .eui-card-header,.eui-18 .eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-18 .eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-18 .eui-card--primary{border-left:6px solid var(--eui-c-primary)}.eui-18 .eui-card--secondary{border-left:6px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-card--info{border-left:6px solid var(--eui-c-info)}.eui-18 .eui-card--success{border-left:6px solid var(--eui-c-success-dark)}.eui-18 .eui-card--warning{border-left:6px solid var(--eui-c-warning)}.eui-18 .eui-card--danger{border-left:6px solid var(--eui-c-danger-dark)}.eui-18 .eui-card--accent{border-left:6px solid var(--eui-c-accent)}.eui-18 .eui-card--highlighted,.eui-card--highlighted .eui-18 .eui-card-container{z-index:var(--eui-zi-highlighted)}.eui-18 .eui-card--no-border{border:var(--eui-bw-none)}.eui-18 .eui-card[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"] }]
|
474
|
+
], template: "<ng-content select=\"eui-card-header\"></ng-content>\n<ng-content select=\"eui-card-media\"></ng-content>\n<ng-content select=\"eui-card-content\"></ng-content>\n<ng-content select=\"eui-card-footer\"></ng-content>\n", styles: [".eui-18 .eui-card{border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-br-m);box-shadow:var(--eui-sh-1);display:flex;flex-direction:column;height:auto;padding:0;position:relative;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1);width:100%;font:var(--eui-f-m)}.eui-18 .eui-card.eui-card--no-shadow{box-shadow:none!important}.eui-18 .eui-card.eui-card--hoverable:hover{box-shadow:var(--eui-sh-3)}.eui-18 .eui-card-header{align-items:center;background:var(--eui-c-white);border-bottom:1px solid var(--eui-c-neutral-lightest);flex-direction:row;display:flex;flex-wrap:wrap;width:100%}.eui-18 .eui-card-header__container{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin-bottom:-1px;min-height:calc(3 * var(--eui-s-m));padding:var(--eui-s-s) var(--eui-s-m);width:100%;outline:none;border:var(--eui-bw-none);background-color:initial;text-align:start}.eui-18 .eui-card-header__container+.eui-card-header-body{border-bottom:1px solid var(--eui-c-neutral-lightest);margin-bottom:-1px}.eui-18 .eui-card-header__urgent-indicator{background:var(--eui-c-danger-dark);border-radius:var(--eui-br-max);position:absolute;right:calc(-1 * var(--eui-s-s));top:calc(-1 * var(--eui-s-s));height:var(--eui-s-xl)}.eui-18 .eui-card-header__title-container{display:flex;flex-direction:column;justify-content:center;margin-right:var(--eui-s-s);margin-top:var(--eui-s-2xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-title{display:initial;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-subtitle{display:block;width:100%;font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container-subtitle>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__title-container--multilines{overflow:visible;text-overflow:unset;white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-title{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-title>*{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle{white-space:unset!important}.eui-18 .eui-card-header__title-container--multilines .eui-card-header__title-container-subtitle>*{white-space:unset!important}.eui-18 .eui-card-header__left-content{align-items:center;display:flex;height:100%;margin-right:var(--eui-s-m)}.eui-18 .eui-card-header__left-content .eui-input-checkbox{margin:0!important;position:relative!important}.eui-18 .eui-card-header__middle-container{display:flex;flex-direction:column;justify-content:flex-start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-18 .eui-card-header__middle-content{display:flex;flex-direction:row;justify-content:flex-start;margin-top:var(--eui-s-s);width:100%}.eui-18 .eui-card-header__middle-content .eui-card-header__title-container-subtitle{display:flex;flex-direction:column;margin-right:var(--eui-s-m);width:100%}.eui-18 .eui-card-header__right-content{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-left:auto}.eui-18 .eui-card-header__expander{display:none;margin-left:auto;transition:all 225ms cubic-bezier(.4,0,.2,1)}.eui-18 .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(0);transition:transform .3s linear}.eui-18 .eui-card-header__expander.eui-card-header__expander--bottom{background-color:var(--eui-c-white);border-radius:var(--eui-br-max);bottom:calc(-.75 * var(--eui-s-m));box-shadow:var(--eui-sh-2);justify-content:center;position:absolute;right:50%;transform:translate(50%);width:calc(2 * var(--eui-s-m));z-index:1}.eui-18 .eui-card-header__expander.eui-card-header__expander--bottom .eui-button.eui-card-header__expander-icon{min-height:calc(1.5 * var(--eui-s-m));min-width:calc(2 * var(--eui-s-m));transition:transform .3s linear!important;width:calc(2 * var(--eui-s-m))}.eui-18 .eui-card-header__expander.eui-card-header__expander--top{align-self:flex-start}.eui-18 .eui-card-header--body-only .eui-card-header-body{border-bottom:1px solid var(--eui-c-neutral-lighter)}.eui-18 .eui-card-header-body{align-items:center;background:var(--eui-c-white);display:flex;padding:var(--eui-s-s) var(--eui-s-m);width:100%;font:var(--eui-f-m)}.eui-18 .eui-card-media{display:flex}.eui-18 .eui-card-media__image{height:auto;margin:0;object-fit:cover;width:100%}.eui-18 .eui-card-media__image:first-child{margin-top:0}.eui-18 .eui-card-media__container{overflow:hidden;position:relative;width:100%}.eui-18 .eui-card-media__container-content{width:100%}.eui-18 .eui-card-media__container .eui-card-media__legend{background:linear-gradient(rgba(0,0,0,0) 0%,var(--eui-c-neutral-bg-light) 100%);bottom:0;color:var(--eui-c-white);left:0;min-height:3rem;padding:var(--eui-s-m);position:absolute;text-shadow:0 1px 0 var(--eui-c-black);font:var(--eui-f-xl-bold);align-items:center;display:flex;width:100%}.eui-18 .eui-card-content{background:var(--eui-c-white);cursor:auto;flex:0 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:var(--eui-s-m);position:relative;margin-bottom:0;transition:all .15s ease-in-out;font:var(--eui-f-m)}.eui-18 .eui-card-content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-card-content::-webkit-scrollbar-thumb{background-color:var(--eui-c-neutral-lightest);border-radius:5rem}.eui-18 .eui-card-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-18 .eui-card-content::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-18 .eui-card-content{scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-18 .eui-card-content p:first-of-type{margin-top:0}.eui-18 .eui-card-footer{background:var(--eui-c-white);border-top:1px solid var(--eui-c-neutral-lightest);display:flex;margin-top:-1px;position:relative}.eui-18 .eui-card-footer-container{display:flex;margin:var(--eui-s-s) var(--eui-s-m);width:100%}.eui-18 .eui-card-footer-actions{margin-bottom:0;margin-left:0;margin-right:0;padding:0;align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__buttons{align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__buttons button:not(:last-child){margin-right:var(--eui-s-xs)}.eui-18 .eui-card-footer-actions__buttons .eui-input-checkbox{margin-bottom:0!important}.eui-18 .eui-card-footer-actions__buttons .eui-input-checkbox+label{margin-bottom:0!important}.eui-18 .eui-card-footer-actions__icons{align-items:center;display:flex;width:100%}.eui-18 .eui-card-footer-actions__icons-container{align-items:center;display:flex;margin-left:auto}.eui-18 .eui-card-footer-menu-content{margin-right:calc(-.5 * var(--eui-s-m))}@media screen and (max-width: 767px){.eui-18 .eui-card-header__left-content button,.eui-18 .eui-card-header__right-content{flex-wrap:wrap}.eui-18 .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}.eui-18 .eui-card-header__title-container-title,.eui-18 .eui-card-header__title-container-subtitle{white-space:normal}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-card-header__left-content button,.eui-18 .eui-card-header__right-content{flex-wrap:wrap}.eui-18 .eui-card-header__right-content *[style*=\"visibility: hidden\"]{display:none}}.eui-18 .eui-card--size-xs .eui-card-container{flex:0 0 16.66666667%;max-width:16.66666667%}.eui-18 .eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}.eui-18 .eui-card--size-m .eui-card-container{flex:0 0 50%;max-width:50%}.eui-18 .eui-card--size-l .eui-card-container{flex:0 0 66.66666667%;max-width:66.66666667%}.eui-18 .eui-card--size-xl .eui-card-container{flex:0 0 83.33333333%;max-width:83.33333333%}.eui-18 .eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}@media screen and (max-width: 767px){.eui-18 .eui-card--size-xs .eui-card-container,.eui-18 .eui-card--size-s .eui-card-container,.eui-18 .eui-card--size-m .eui-card-container,.eui-18 .eui-card--size-l .eui-card-container,.eui-18 .eui-card--size-xl .eui-card-container,.eui-18 .eui-card--size-2xl .eui-card-container{flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-18 .eui-card--size-xs .eui-card-container,.eui-18 .eui-card--size-s .eui-card-container{flex:0 0 33.33333333%;max-width:33.33333333%}}.eui-18 .eui-card--selected{border:transparent}.eui-18 .eui-card--selected .eui-card-header,.eui-18 .eui-card--selected .eui-card-header-body{background:var(--eui-c-primary);border-radius:var(--eui-br-m) var(--eui-br-m) 0 0;color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-title,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-title,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-title .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-title .eui-label{color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__title-container-subtitle .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__title-container-subtitle .eui-label{color:var(--eui-c-neutral-bg-light)}.eui-18 .eui-card--selected .eui-card-header .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header .eui-card-header__expander-icon .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__expander.eui-card-header__expander--bottom .eui-icon-svg>svg,.eui-18 .eui-card--selected .eui-card-header-body .eui-card-header__expander-icon .eui-icon-svg>svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui-18 .eui-card--selected .eui-card-header .eui-label.eui-label--secondary,.eui-18 .eui-card--selected .eui-card-header-body .eui-label.eui-label--secondary{color:var(--eui-c-white)!important}.eui-18 .eui-card--selected .eui-card-header a,.eui-18 .eui-card--selected .eui-card-header a:not([href]):not([tabindex]),.eui-18 .eui-card--selected .eui-card-header-body a,.eui-18 .eui-card--selected .eui-card-header-body a:not([href]):not([tabindex]){color:var(--eui-c-white)!important}.eui-18 .eui-card--selected .eui-card-header .eui-label--secondary,.eui-18 .eui-card--selected .eui-card-header-body .eui-label--secondary{color:var(--eui-c-neutral-lightest)}.eui-18 .eui-card--selected .eui-card-header .eui-input-checkbox,.eui-18 .eui-card--selected .eui-card-header-body .eui-input-checkbox{border:var(--eui-bw-s) solid var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--primary,.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--primary{border:var(--eui-bw-xs) solid var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary),.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary){background-color:var(--eui-c-primary);border-color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-header .eui-chip--outline:not(.eui-chip--secondary) .eui-label,.eui-18 .eui-card--selected .eui-card-header-body .eui-chip--outline:not(.eui-chip--secondary) .eui-label{color:var(--eui-c-white)}.eui-18 .eui-card--selected .eui-card-content{background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-bg-light);border-radius:0 0 var(--eui-br-m) var(--eui-br-m);color:var(--eui-c-text)}.eui-18 .eui-card--selected .eui-card-footer{background:var(--eui-c-white);border-radius:0 0 var(--eui-br-m) var(--eui-br-m);color:var(--eui-c-text)}.eui-18 .eui-card--disabled,.eui-18 .eui-card--is-loading,.eui-18 .eui-card[disabled],.eui-18 .eui-card.disabled{opacity:.45;pointer-events:none}.eui-18 .eui-card--collapsible .eui-card-header__container:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__container:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__container [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-18 .eui-card--collapsible .eui-card-header__expander{align-items:center;display:inline-flex;margin-left:var(--eui-s-xs);margin-right:calc(-1 * var(--eui-s-xs))}.eui-18 .eui-card--collapsed .eui-card-media,.eui-18 .eui-card--collapsed .eui-card-content,.eui-18 .eui-card--collapsed .mat-card-image{height:0!important;padding:0 var(--eui-s-m)}.eui-18 .eui-card--collapsed .eui-card-header,.eui-18 .eui-card--collapsed .eui-card-header__container{border-bottom:1px solid transparent}.eui-18 .eui-card--collapsed .eui-card-header__expander .eui-button.eui-card-header__expander-icon{transform:rotate(180deg)!important}.eui-18 .eui-card--primary{border-left:6px solid var(--eui-c-primary)}.eui-18 .eui-card--secondary{border-left:6px solid var(--eui-c-neutral-lightest)}.eui-18 .eui-card--info{border-left:6px solid var(--eui-c-info)}.eui-18 .eui-card--success{border-left:6px solid var(--eui-c-success-dark)}.eui-18 .eui-card--warning{border-left:6px solid var(--eui-c-warning)}.eui-18 .eui-card--danger{border-left:6px solid var(--eui-c-danger-dark)}.eui-18 .eui-card--accent{border-left:6px solid var(--eui-c-accent)}.eui-18 .eui-card--highlighted{z-index:var(--eui-zi-highlighted)}.eui-18 .eui-card--no-border{border:var(--eui-bw-none)}.eui-18 .eui-card--no-content-padding .eui-card-content{padding:0}.eui-18 .eui-card[euiresizable]{position:relative;min-width:var(--eui-card-resizable-min-width)}\n"] }]
|
475
475
|
}], propDecorators: { cssClasses: [{
|
476
476
|
type: HostBinding,
|
477
477
|
args: ['class']
|