@eui/components 19.0.0-next.17 → 19.0.0-next.19
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/EuiFeedbackMessageComponent.html +1 -1
- package/docs/dependencies.html +4 -24
- 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/eui-button/eui-button.component.d.ts.map +1 -1
- package/eui-feedback-message/eui-feedback-message.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +0 -1
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-feedback-message.mjs +1 -1
- package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +2 -2
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-button.component.d.ts","sourceRoot":"","sources":["../../eui-button/eui-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,YAAY,EAEZ,SAAS,EACT,UAAU,EAEb,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAyB,MAAM,uBAAuB,CAAC;;;;;AAE5E,qBAmCa,kBAAkB;
|
|
1
|
+
{"version":3,"file":"eui-button.component.d.ts","sourceRoot":"","sources":["../../eui-button/eui-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,YAAY,EAEZ,SAAS,EACT,UAAU,EAEb,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAyB,MAAM,uBAAuB,CAAC;;;;;AAE5E,qBAmCa,kBAAkB;IAqDvB,SAAS,CAAC,SAAS,EAAE,SAAS;IAC9B,SAAS,CAAC,WAAW,EAAE,UAAU,CAAC,iBAAiB,CAAC;IAC7C,mBAAmB,EAAE,mBAAmB;IAtDnD,IACI,UAAU,IAAI,MAAM,CAUvB;IAEsC,OAAO,SAAgB;IAGrD,EAAE,EAAE,MAAM,CAAC;IAEoB,cAAc,UAAS;IACvB,aAAa,UAAS;IACtB,cAAc,UAAS;IACvB,aAAa,UAAS;IACtB,WAAW,UAAS;IAG5D,IACW,SAAS,IAAI,OAAO,CAE9B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,YAAY,EAGvC;IACD,IACW,WAAW,IAAI,OAAO,CAEhC;IACD,IAAW,WAAW,CAAC,KAAK,EAAE,YAAY,EAOzC;IAES,WAAW,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAA0C;IAEjG,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAQ;gBAGd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,UAAU,CAAC,iBAAiB,CAAC,EAC7C,mBAAmB,EAAE,mBAAmB;IAKnD,SAAS,CAAC,OAAO,IAAI,IAAI;yCA5DhB,kBAAkB;2CAAlB,kBAAkB;6CAuE+1tC,OAAQ;4CAAR,OAAQ;6CAAR,OAAQ;4CAAR,OAAQ;0CAAR,OAAQ;CARr4tC;AAED,qBAKa,eAAe;yCAAf,eAAe;0CAAf,eAAe,UAtEf,kBAAkB,+DAAlB,kBAAkB;0CAsElB,eAAe;CAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-feedback-message.component.d.ts","sourceRoot":"","sources":["../../eui-feedback-message/eui-feedback-message.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBAsBa,2BAA2B;IAahC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB;IAZtD,IACW,UAAU,IAAI,MAAM,CAK9B;IAEyB,SAAS,CAAC,IAAI,SAAqB;IACrB,OAAO,
|
|
1
|
+
{"version":3,"file":"eui-feedback-message.component.d.ts","sourceRoot":"","sources":["../../eui-feedback-message/eui-feedback-message.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBAsBa,2BAA2B;IAahC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB;IAZtD,IACW,UAAU,IAAI,MAAM,CAK9B;IAEyB,SAAS,CAAC,IAAI,SAAqB;IACrB,OAAO,UAAS;gBAG1C,mBAAmB,EAAE,mBAAmB;yCAb7C,2BAA2B;2CAA3B,2BAA2B;sCAiBmwyC,OAAQ;CADlzyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/eui-components-eui-button.ts"],"sourcesContent":["import {\n NgModule,\n Component,\n HostBinding,\n HostListener,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiBranding',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n\n 'euiOutline',\n 'euiRounded',\n 'euiResponsive',\n\n 'euiStart',\n 'euiEnd',\n ],\n },\n ],\n})\nexport class EuiButtonComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-button'),\n this.euiBasicButton ? 'eui-button--basic eui--basic' : '',\n this.euiBlockButton ? 'eui-button--block' : '',\n this.euiIconButton ? 'eui-button--icon-only' : '',\n this.euiLineWrap ? 'eui-button--line-wrap' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n @HostBinding('attr.id')\n @Input() id: string;\n\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\n @Input({ transform: booleanAttribute }) euiBlockButton = false;\n @Input({ transform: booleanAttribute }) euiIconButton = false;\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n // ATTENTION : don't change those to input/transform, they are exposed OR\n
|
|
1
|
+
{"version":3,"file":"eui-components-eui-button.mjs","sources":["../../eui-button/eui-button.component.ts","../../eui-button/eui-button.component.html","../../eui-button/eui-components-eui-button.ts"],"sourcesContent":["import {\n NgModule,\n Component,\n HostBinding,\n HostListener,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n Renderer2,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n templateUrl: './eui-button.component.html',\n // eslint-disable-next-line\n selector: 'button[euiButton], a[euiButton]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiBranding',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeVariant',\n\n 'euiOutline',\n 'euiRounded',\n 'euiResponsive',\n\n 'euiStart',\n 'euiEnd',\n ],\n },\n ],\n})\nexport class EuiButtonComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-button'),\n this.euiBasicButton ? 'eui-button--basic eui--basic' : '',\n this.euiBlockButton ? 'eui-button--block' : '',\n this.euiIconButton ? 'eui-button--icon-only' : '',\n this.euiLineWrap ? 'eui-button--line-wrap' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-button';\n\n @HostBinding('attr.id')\n @Input() id: string;\n\n @Input({ transform: booleanAttribute }) euiBasicButton = false;\n @Input({ transform: booleanAttribute }) euiButtonCall = false;\n @Input({ transform: booleanAttribute }) euiBlockButton = false;\n @Input({ transform: booleanAttribute }) euiIconButton = false;\n @Input({ transform: booleanAttribute }) euiLineWrap = false;\n\n // ATTENTION : don't change those to input/transform, they are exposed OR\n @Input()\n public get isChecked(): boolean {\n return this._isChecked;\n }\n public set isChecked(value: BooleanInput) {\n this.baseStatesDirective.euiAccent = coerceBooleanProperty(value);\n this._isChecked = coerceBooleanProperty(value);\n }\n @Input()\n public get euiDisabled(): boolean {\n return this._euiDisabled;\n }\n public set euiDisabled(value: BooleanInput) {\n this._euiDisabled = coerceBooleanProperty(value);\n if (this._euiDisabled) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'disabled', 'true');\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'disabled');\n }\n }\n\n @Output() buttonClick: EventEmitter<EuiButtonComponent> = new EventEmitter<EuiButtonComponent>();\n\n private _isChecked = false;\n private _euiDisabled= false;\n\n constructor(\n protected _renderer: Renderer2,\n protected _elementRef: ElementRef<HTMLButtonElement>,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n @HostListener('click')\n protected onClick(): void {\n this.buttonClick.emit(this);\n }\n}\n\n@NgModule({\n imports: [CommonModule, EuiLabelModule],\n declarations: [EuiButtonComponent],\n exports: [EuiButtonComponent],\n})\nexport class EuiButtonModule {}\n","<span class=\"eui-button__container\">\n <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ class EuiFeedbackMessageComponent {
|
|
|
16
16
|
constructor(baseStatesDirective) {
|
|
17
17
|
this.baseStatesDirective = baseStatesDirective;
|
|
18
18
|
this.type = 'MessageFeedback';
|
|
19
|
-
this.isMuted =
|
|
19
|
+
this.isMuted = false;
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiFeedbackMessageComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
22
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: EuiFeedbackMessageComponent, isStandalone: false, selector: "eui-feedback-message", inputs: { isMuted: ["isMuted", "isMuted", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.type": "this.type" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isMuted) {\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" />\n}\n<div class=\"eui-feedback-message__content\">\n <ng-content></ng-content>\n</div>\n", styles: [".eui-19 :host.eui-feedback-message{align-items:center;display:flex;gap:var(--eui-s-2xs);margin-top:var(--eui-s-xs);position:relative}.eui-19 :host.eui-feedback-message .eui-feedback-message__content{color:var(--_color);display:block;position:relative;font:var(--eui-f-s)}.eui-19 :host.eui-feedback-message--primary{--_color: var(--eui-c-primary)}.eui-19 :host.eui-feedback-message--secondary{--_color: var(--eui-c-neutral)}.eui-19 :host.eui-feedback-message--info{--_color: var(--eui-c-info)}.eui-19 :host.eui-feedback-message--success{--_color: var(--eui-c-success-dark)}.eui-19 :host.eui-feedback-message--warning{--_color: var(--eui-c-warning-darker)}.eui-19 :host.eui-feedback-message--danger{--_color: var(--eui-c-danger-dark)}.eui-19 :host.eui-feedback-message--accent{--_color: var(--eui-c-accent)}\n"], dependencies: [{ kind: "component", type: i2.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }] }); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-feedback-message.mjs","sources":["../../eui-feedback-message/eui-feedback-message.component.ts","../../eui-feedback-message/eui-feedback-message.component.html","../../eui-feedback-message/eui-feedback-message.module.ts","../../eui-feedback-message/eui-components-eui-feedback-message.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'eui-feedback-message',\n templateUrl: './eui-feedback-message.component.html',\n styleUrls: ['./styles/_index.scss'],\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiInfo',\n 'euiWarning',\n 'euiSuccess',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiFeedbackMessageComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-feedback-message'),\n this.isMuted ? 'eui-feedback-message--muted' : '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.type') protected type = 'MessageFeedback';\n @Input({ transform: booleanAttribute }) isMuted =
|
|
1
|
+
{"version":3,"file":"eui-components-eui-feedback-message.mjs","sources":["../../eui-feedback-message/eui-feedback-message.component.ts","../../eui-feedback-message/eui-feedback-message.component.html","../../eui-feedback-message/eui-feedback-message.module.ts","../../eui-feedback-message/eui-components-eui-feedback-message.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'eui-feedback-message',\n templateUrl: './eui-feedback-message.component.html',\n styleUrls: ['./styles/_index.scss'],\n standalone: false,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiInfo',\n 'euiWarning',\n 'euiSuccess',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n ],\n },\n ],\n})\nexport class EuiFeedbackMessageComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-feedback-message'),\n this.isMuted ? 'eui-feedback-message--muted' : '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.type') protected type = 'MessageFeedback';\n @Input({ transform: booleanAttribute }) isMuted = false;\n\n constructor(\n protected baseStatesDirective: BaseStatesDirective,\n ) {\n }\n}\n","@if (!isMuted) {\n <eui-icon-state [euiVariant]=\"baseStatesDirective.euiVariant\" />\n}\n<div class=\"eui-feedback-message__content\">\n <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiFeedbackMessageComponent } from './eui-feedback-message.component';\n\n// eUI internals\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n@NgModule({\n imports: [CommonModule, EuiIconStateModule],\n declarations: [EuiFeedbackMessageComponent],\n exports: [EuiFeedbackMessageComponent],\n})\nexport class EuiFeedbackMessageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -746,7 +746,7 @@ class EuiToolbarComponent {
|
|
|
746
746
|
}, 1);
|
|
747
747
|
}
|
|
748
748
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
749
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", 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 }); }
|
|
749
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", 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)!important;color:var(--eui-c-branding-light-contrast)!important}.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 }); }
|
|
750
750
|
}
|
|
751
751
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiToolbarComponent, decorators: [{
|
|
752
752
|
type: Component,
|
|
@@ -756,7 +756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
756
756
|
EuiToolbarAppComponent,
|
|
757
757
|
AsyncPipe,
|
|
758
758
|
NgTemplateOutlet,
|
|
759
|
-
], 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"] }]
|
|
759
|
+
], 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)!important;color:var(--eui-c-branding-light-contrast)!important}.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"] }]
|
|
760
760
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.EuiAppShellService }], propDecorators: { cssClasses: [{
|
|
761
761
|
type: HostBinding,
|
|
762
762
|
args: ['class']
|