@eui/components 15.0.0-next.6 → 15.0.0-next.8
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/atoms/eui-icon/eui-icon-svg.component.d.ts +2 -2
- package/atoms/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
- package/docs/components/EuiAlertComponent.html +1 -1
- package/docs/components/EuiAppComponent.html +0 -9
- package/docs/components/EuiCardFooterMenuContentComponent.html +1 -1
- package/docs/components/EuiCardHeaderComponent.html +1 -1
- package/docs/components/EuiIconSvgComponent.html +2 -2
- package/docs/components/EuiMenuComponent.html +1 -1
- package/docs/components/EuiMenuItemComponent.html +1 -1
- package/docs/components/EuiNotificationsComponent.html +1 -1
- package/docs/components/EuiSidebarToggleComponent.html +1 -1
- package/docs/index.html +2 -2
- package/docs/js/menu-wc.js +9 -26
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +0 -26
- package/docs/modules.html +0 -12
- package/esm2020/atoms/eui-icon/eui-icon-svg.component.mjs +7 -7
- package/esm2020/atoms/eui-icon-toggle/eui-icon-toggle.component.mjs +1 -1
- package/esm2020/eui-alert/eui-alert.component.mjs +7 -7
- package/esm2020/eui-autocomplete/eui-autocomplete.module.mjs +1 -1
- package/esm2020/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +3 -3
- package/esm2020/eui-card/components/eui-card-header/eui-card-header.component.mjs +3 -3
- package/esm2020/eui-fieldset/eui-fieldset.component.mjs +1 -1
- package/esm2020/eui-menu/eui-menu-item.component.mjs +3 -3
- package/esm2020/eui-menu/eui-menu.component.mjs +3 -3
- package/esm2020/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +2 -2
- package/esm2020/layout/eui-app/eui-app.component.mjs +12 -11
- package/esm2020/layout/eui-notifications/eui-notifications.component.mjs +3 -3
- package/esm2020/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
- package/esm2020/legacy/common/ux-pipes/index.mjs +1 -2
- package/esm2020/legacy/ux-all.module.mjs +1 -8
- package/esm2020/legacy/ux-dropdown-button/ux-dropdown-button.component.mjs +1 -9
- package/eui-autocomplete/eui-autocomplete.module.d.ts.map +1 -1
- package/fesm2015/eui-components-atoms-eui-icon-toggle.mjs +1 -1
- package/fesm2015/eui-components-atoms-eui-icon-toggle.mjs.map +1 -1
- package/fesm2015/eui-components-atoms-eui-icon.mjs +6 -6
- package/fesm2015/eui-components-atoms-eui-icon.mjs.map +1 -1
- package/fesm2015/eui-components-eui-alert.mjs +6 -6
- package/fesm2015/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2015/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2015/eui-components-eui-card.mjs +4 -4
- package/fesm2015/eui-components-eui-card.mjs.map +1 -1
- package/fesm2015/eui-components-eui-fieldset.mjs +1 -1
- package/fesm2015/eui-components-eui-fieldset.mjs.map +1 -1
- package/fesm2015/eui-components-eui-menu.mjs +4 -4
- package/fesm2015/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2015/eui-components-layout.mjs +17 -16
- package/fesm2015/eui-components-layout.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-common-ux-pipes.mjs +1 -36
- package/fesm2015/eui-components-legacy-common-ux-pipes.mjs.map +1 -1
- package/fesm2015/eui-components-legacy-ux-dropdown-button.mjs +0 -8
- package/fesm2015/eui-components-legacy-ux-dropdown-button.mjs.map +1 -1
- package/fesm2015/eui-components-legacy.mjs +1 -7
- package/fesm2015/eui-components-legacy.mjs.map +1 -1
- package/fesm2020/eui-components-atoms-eui-icon-toggle.mjs +1 -1
- package/fesm2020/eui-components-atoms-eui-icon-toggle.mjs.map +1 -1
- package/fesm2020/eui-components-atoms-eui-icon.mjs +6 -6
- package/fesm2020/eui-components-atoms-eui-icon.mjs.map +1 -1
- package/fesm2020/eui-components-eui-alert.mjs +6 -6
- package/fesm2020/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2020/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2020/eui-components-eui-card.mjs +4 -4
- package/fesm2020/eui-components-eui-card.mjs.map +1 -1
- package/fesm2020/eui-components-eui-fieldset.mjs +1 -1
- package/fesm2020/eui-components-eui-fieldset.mjs.map +1 -1
- package/fesm2020/eui-components-eui-menu.mjs +4 -4
- package/fesm2020/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2020/eui-components-layout.mjs +17 -16
- package/fesm2020/eui-components-layout.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-common-ux-pipes.mjs +1 -36
- package/fesm2020/eui-components-legacy-common-ux-pipes.mjs.map +1 -1
- package/fesm2020/eui-components-legacy-ux-dropdown-button.mjs +0 -8
- package/fesm2020/eui-components-legacy-ux-dropdown-button.mjs.map +1 -1
- package/fesm2020/eui-components-legacy.mjs +1 -7
- package/fesm2020/eui-components-legacy.mjs.map +1 -1
- package/layout/eui-app/eui-app.component.d.ts +6 -6
- package/layout/eui-app/eui-app.component.d.ts.map +1 -1
- package/legacy/common/ux-pipes/index.d.ts +0 -1
- package/legacy/common/ux-pipes/index.d.ts.map +1 -1
- package/legacy/ux-all.module.d.ts +1 -1
- package/legacy/ux-all.module.d.ts.map +1 -1
- package/legacy/ux-dropdown-button/ux-dropdown-button.component.d.ts +5 -7
- package/legacy/ux-dropdown-button/ux-dropdown-button.component.d.ts.map +1 -1
- package/package.json +1 -1
- package/docs/modules/UxMomentTzPipeModule.html +0 -166
- package/docs/pipes/UxMomentTzPipe.html +0 -267
- package/esm2020/legacy/common/ux-pipes/ux-moment-tz.pipe.mjs +0 -39
- package/legacy/common/ux-pipes/ux-moment-tz.pipe.d.ts +0 -20
- package/legacy/common/ux-pipes/ux-moment-tz.pipe.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-atoms-eui-icon-toggle.mjs","sources":["../../atoms/eui-icon-toggle/eui-icon-toggle.component.ts","../../atoms/eui-icon-toggle/eui-icon-toggle.component.html","../../atoms/eui-icon-toggle/eui-icon-toggle.module.ts","../../atoms/eui-icon-toggle/eui-components-atoms-eui-icon-toggle.ts"],"sourcesContent":["import type { ElementRef } from '@angular/core';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { uniqueId } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-icon-toggle',\n templateUrl: './eui-icon-toggle.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconToggleComponent implements AfterContentInit {\n @Input() id: string = `eui-icon-toggle-${uniqueId()}`;\n @Input() styleClass: string;\n @Input() styleClassOn: string = 'eui-u-color-accent-dark'; // TODO v15 remove usage of utility in cmp - prefer mixin through style\n @Input() styleClassOff: string = 'eui-u-color-grey-dark'; // TODO v15 remove usage of utility in cmp - prefer mixin through style\n @Input() iconClassOff: string;\n @Input() iconClassOn: string;\n @Input() iconSvgName: string;\n @Input() iconSvgFillColorOn: string = 'accent-100';\n @Input() iconSvgFillColorOff: string = 'grey-100';\n @Input() tabindex = 0;\n @Input() ariaLabel = 'Toggle icon';\n @Input() keyboardAccessKey: string;\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr: string = 'eui-icon-toggle';\n\n @Output() toggle: EventEmitter<boolean> = new EventEmitter();\n\n @ViewChild('focusElement') focusElement: ElementRef<HTMLSpanElement>;\n public iconClass: string;\n public stateClass: string;\n public iconSvgFillColor: string;\n public iconSvgSet: string;\n\n @Input()\n get isChecked(): boolean { return this._isChecked; }\n set isChecked(value: BooleanInput) { this._isChecked = coerceBooleanProperty(value); }\n private _isChecked = false;\n @Input()\n get isReadOnly(): boolean { return this._isReadOnly; }\n set isReadOnly(value: BooleanInput) { this._isReadOnly = coerceBooleanProperty(value); }\n private _isReadOnly = false;\n\n ngAfterContentInit(): void {\n this.setIconClass();\n if (!this.ariaLabel || this.ariaLabel === '') {\n this.ariaLabel = (this.iconClass ? this.iconClass : '');\n }\n }\n\n onToggle(): void {\n if (!this.isReadOnly) {\n this.isChecked = !this.isChecked;\n this.setIconClass();\n this.toggle.emit(this.isChecked);\n }\n this.focusElement.nativeElement.focus();\n }\n\n onKeyDown(event: KeyboardEvent): void {\n // eslint-disable-next-line import/no-deprecated\n switch (event.keyCode) {\n case 13: // ENTER\n case 32: // SPACE\n // consume event\n event.preventDefault();\n event.stopPropagation();\n event.cancelBubble = true;\n this.onToggle();\n break;\n }\n }\n\n private setIconClass(): void {\n if (this.isChecked) {\n this.iconClass = this.iconClassOn;\n this.stateClass = this.styleClassOn;\n this.iconSvgSet = 'default';\n this.iconSvgFillColor = this.iconSvgFillColorOn;\n } else {\n this.iconClass = this.iconClassOff;\n this.stateClass = this.styleClassOff;\n this.iconSvgSet = 'outline';\n this.iconSvgFillColor = this.iconSvgFillColorOff;\n }\n }\n}\n","<div #focusElement [id]=\"id\"\n class=\"eui-icon-toggle {{stateClass}} {{styleClass}}\"\n tabindex=\"{{!isReadOnly ? tabindex: '-1'}}\"\n role=\"switch\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-checked]=\"isChecked\"\n [attr.accesskey]=\"keyboardAccessKey\"\n (click)=\"onToggle()\"\n (keydown)=\"onKeyDown($event)\">\n\n <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n <span class=\"eui-icon-toggle__icon eui-icon {{iconClass}}\" [class.eui-icon-toggle--checked]=\"isChecked\" [class.eui-u-cursor-pointer]=\"!isReadOnly\"></span>\n </ng-container>\n\n <ng-container *ngIf=\"iconSvgName\">\n <eui-icon-svg icon=\"{{iconSvgName}}\" [set]=\"iconSvgSet\" fillColor=\"{{iconSvgFillColor}}\"></eui-icon-svg>\n </ng-container>\n\n</div>\n","import { EuiIconToggleComponent } from './eui-icon-toggle.component';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/atoms/eui-icon';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule],\n exports: [EuiIconToggleComponent],\n declarations: [EuiIconToggleComponent]\n})\nexport class EuiIconToggleComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAsBa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;AAQa,QAAA,IAAA,CAAA,EAAE,GAAW,CAAA,gBAAA,EAAmB,QAAQ,EAAE,EAAE,CAAC;AAE7C,QAAA,IAAA,CAAA,YAAY,GAAW,yBAAyB,CAAC;AACjD,QAAA,IAAA,CAAA,aAAa,GAAW,uBAAuB,CAAC;QAIhD,IAAkB,CAAA,kBAAA,GAAW,YAAY,CAAC;QAC1C,IAAmB,CAAA,mBAAA,GAAW,UAAU,CAAC;QACzC,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAC;QACb,IAAS,CAAA,SAAA,GAAG,aAAa,CAAC;QAGI,IAAO,CAAA,OAAA,GAAW,iBAAiB,CAAC;AAEjE,QAAA,IAAA,CAAA,MAAM,GAA0B,IAAI,YAAY,EAAE,CAAC;QAWrD,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAInB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AA6C/B,KAAA;IApDG,IACI,SAAS,KAAc,OAAO,IAAI,CAAC,UAAU,CAAC,EAAE;AACpD,IAAA,IAAI,SAAS,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAEtF,IACI,UAAU,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,EAAE;AACtD,IAAA,IAAI,UAAU,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAGxF,kBAAkB,GAAA;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE,EAAE;AAC1C,YAAA,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC;AAC3D,SAAA;KACJ;IAED,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACjC,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACpC,SAAA;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KAC3C;AAED,IAAA,SAAS,CAAC,KAAoB,EAAA;;QAE1B,QAAQ,KAAK,CAAC,OAAO;YACrB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;;gBAEH,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,gBAAA,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;gBAC1B,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,MAAM;AACT,SAAA;KACJ;IAEO,YAAY,GAAA;QAChB,IAAI,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;AAClC,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;AACpC,YAAA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;AAC5B,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,CAAC;AACnD,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;AACnC,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;AACrC,YAAA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;AAC5B,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAAC;AACpD,SAAA;KACJ;;6IA3EQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,mBAAA,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,sBAAsB,qrBCtBnC,gzBAmBA,EAAA,MAAA,EAAA,CAAA,wbAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,
|
|
1
|
+
{"version":3,"file":"eui-components-atoms-eui-icon-toggle.mjs","sources":["../../atoms/eui-icon-toggle/eui-icon-toggle.component.ts","../../atoms/eui-icon-toggle/eui-icon-toggle.component.html","../../atoms/eui-icon-toggle/eui-icon-toggle.module.ts","../../atoms/eui-icon-toggle/eui-components-atoms-eui-icon-toggle.ts"],"sourcesContent":["import type { ElementRef } from '@angular/core';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { uniqueId } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-icon-toggle',\n templateUrl: './eui-icon-toggle.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconToggleComponent implements AfterContentInit {\n @Input() id: string = `eui-icon-toggle-${uniqueId()}`;\n @Input() styleClass: string;\n @Input() styleClassOn: string = 'eui-u-color-accent-dark'; // TODO v15 remove usage of utility in cmp - prefer mixin through style\n @Input() styleClassOff: string = 'eui-u-color-grey-dark'; // TODO v15 remove usage of utility in cmp - prefer mixin through style\n @Input() iconClassOff: string;\n @Input() iconClassOn: string;\n @Input() iconSvgName: string;\n @Input() iconSvgFillColorOn: string = 'accent-100';\n @Input() iconSvgFillColorOff: string = 'grey-100';\n @Input() tabindex = 0;\n @Input() ariaLabel = 'Toggle icon';\n @Input() keyboardAccessKey: string;\n\n @HostBinding('attr.data-e2e') @Input() e2eAttr: string = 'eui-icon-toggle';\n\n @Output() toggle: EventEmitter<boolean> = new EventEmitter();\n\n @ViewChild('focusElement') focusElement: ElementRef<HTMLSpanElement>;\n public iconClass: string;\n public stateClass: string;\n public iconSvgFillColor: string;\n public iconSvgSet: string;\n\n @Input()\n get isChecked(): boolean { return this._isChecked; }\n set isChecked(value: BooleanInput) { this._isChecked = coerceBooleanProperty(value); }\n private _isChecked = false;\n @Input()\n get isReadOnly(): boolean { return this._isReadOnly; }\n set isReadOnly(value: BooleanInput) { this._isReadOnly = coerceBooleanProperty(value); }\n private _isReadOnly = false;\n\n ngAfterContentInit(): void {\n this.setIconClass();\n if (!this.ariaLabel || this.ariaLabel === '') {\n this.ariaLabel = (this.iconClass ? this.iconClass : '');\n }\n }\n\n onToggle(): void {\n if (!this.isReadOnly) {\n this.isChecked = !this.isChecked;\n this.setIconClass();\n this.toggle.emit(this.isChecked);\n }\n this.focusElement.nativeElement.focus();\n }\n\n onKeyDown(event: KeyboardEvent): void {\n // eslint-disable-next-line import/no-deprecated\n switch (event.keyCode) {\n case 13: // ENTER\n case 32: // SPACE\n // consume event\n event.preventDefault();\n event.stopPropagation();\n event.cancelBubble = true;\n this.onToggle();\n break;\n }\n }\n\n private setIconClass(): void {\n if (this.isChecked) {\n this.iconClass = this.iconClassOn;\n this.stateClass = this.styleClassOn;\n this.iconSvgSet = 'default';\n this.iconSvgFillColor = this.iconSvgFillColorOn;\n } else {\n this.iconClass = this.iconClassOff;\n this.stateClass = this.styleClassOff;\n this.iconSvgSet = 'outline';\n this.iconSvgFillColor = this.iconSvgFillColorOff;\n }\n }\n}\n","<div #focusElement [id]=\"id\"\n class=\"eui-icon-toggle {{stateClass}} {{styleClass}}\"\n tabindex=\"{{!isReadOnly ? tabindex: '-1'}}\"\n role=\"switch\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-checked]=\"isChecked\"\n [attr.accesskey]=\"keyboardAccessKey\"\n (click)=\"onToggle()\"\n (keydown)=\"onKeyDown($event)\">\n\n <ng-container *ngIf=\"iconClassOn && iconClassOff\">\n <span class=\"eui-icon-toggle__icon eui-icon {{iconClass}}\" [class.eui-icon-toggle--checked]=\"isChecked\" [class.eui-u-cursor-pointer]=\"!isReadOnly\"></span>\n </ng-container>\n\n <ng-container *ngIf=\"iconSvgName\">\n <eui-icon-svg icon=\"{{iconSvgName}}\" [set]=\"iconSvgSet\" fillColor=\"{{iconSvgFillColor}}\"></eui-icon-svg>\n </ng-container>\n\n</div>\n","import { EuiIconToggleComponent } from './eui-icon-toggle.component';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/atoms/eui-icon';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule],\n exports: [EuiIconToggleComponent],\n declarations: [EuiIconToggleComponent]\n})\nexport class EuiIconToggleComponentModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -61,7 +61,7 @@ class EuiIconSvgComponent extends BaseDirective {
|
|
|
61
61
|
super();
|
|
62
62
|
this.size = 'm';
|
|
63
63
|
this.fillColor = 'grey-100';
|
|
64
|
-
this.set = '
|
|
64
|
+
this.set = 'eui';
|
|
65
65
|
this.style = '';
|
|
66
66
|
this._ariaHidden = true;
|
|
67
67
|
this._focusable = false;
|
|
@@ -82,7 +82,7 @@ class EuiIconSvgComponent extends BaseDirective {
|
|
|
82
82
|
if (c.set.currentValue === 'sharp' || c.set.currentValue === 'outline') {
|
|
83
83
|
this.iconName = `${this.icon}-${this.set}`;
|
|
84
84
|
}
|
|
85
|
-
else
|
|
85
|
+
else {
|
|
86
86
|
this.iconName = this.icon;
|
|
87
87
|
}
|
|
88
88
|
}
|
|
@@ -107,10 +107,10 @@ class EuiIconSvgComponent extends BaseDirective {
|
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
/** @nocollapse */ EuiIconSvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiIconSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
110
|
-
/** @nocollapse */ EuiIconSvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role",
|
|
110
|
+
/** @nocollapse */ EuiIconSvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", ariaHidden: "ariaHidden", focusable: "focusable", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"'assets/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex}.eui-icon--loading,.eui-icon-svg--loading{align-items:center;display:inline-flex}.eui-icon--loading:after,.eui-icon--loading:before,.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;height:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l)}.eui-icon--loading:before,.eui-icon-svg--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.2);border-radius:100%}.eui-icon--loading:after,.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon--loading--sm:before,.eui-icon--loading--sm:after,.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
111
111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
|
|
112
112
|
type: Component,
|
|
113
|
-
args: [{ selector: 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"'assets/
|
|
113
|
+
args: [{ selector: 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"'assets/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex}.eui-icon--loading,.eui-icon-svg--loading{align-items:center;display:inline-flex}.eui-icon--loading:after,.eui-icon--loading:before,.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;height:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l)}.eui-icon--loading:before,.eui-icon-svg--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.2);border-radius:100%}.eui-icon--loading:after,.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon--loading--sm:before,.eui-icon--loading--sm:after,.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}\n"] }]
|
|
114
114
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
115
115
|
type: HostBinding,
|
|
116
116
|
args: ['class']
|
|
@@ -126,10 +126,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
|
|
|
126
126
|
type: Input
|
|
127
127
|
}], role: [{
|
|
128
128
|
type: Input
|
|
129
|
-
}], iconUrl: [{
|
|
130
|
-
type: Input
|
|
131
129
|
}], style: [{
|
|
132
130
|
type: Input
|
|
131
|
+
}], iconUrl: [{
|
|
132
|
+
type: Input
|
|
133
133
|
}], ariaHidden: [{
|
|
134
134
|
type: Input
|
|
135
135
|
}], focusable: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-atoms-eui-icon.mjs","sources":["../../atoms/eui-icon/eui-icon.component.ts","../../atoms/eui-icon/eui-icon-svg.component.ts","../../atoms/eui-icon/eui-icon-svg.component.html","../../atoms/eui-icon/eui-icon.module.ts","../../atoms/eui-icon/eui-components-atoms-eui-icon.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon',\n template: '<ng-content></ng-content>',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconComponent extends BaseDirective {\n @HostBinding('class')\n public get cssClasses(): any {\n return this.getCssClasses();\n }\n @HostBinding('attr.role') role = 'img';\n @HostBinding('attr.aria-label')\n\n @Input('aria-label')\n public get ariaLabel(): string {\n return this._ariaLabel;\n }\n public set ariaLabel(value: string|null) {\n this._ariaLabel = value;\n }\n\n @Input()\n get iconClass(): string { return this._iconClass; }\n set iconClass(value: string) { this._iconClass = value; }\n private _iconClass;\n\n @Input()\n get isLoading(): boolean { return this._isLoading; }\n set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n private _isLoading = false;\n\n protected _ariaLabel = 'eUI Icon';\n\n constructor() {\n super();\n }\n\n getCssClasses(): string {\n return [\n super.getCssClasses('eui-icon'),\n this.iconClass && !this.isLoading ? this.iconClass : ``,\n this.isLoading ? 'eui-icon--loading' : '',\n ].join(' ').trim();\n }\n}\n","import { ChangeDetectionStrategy, Component, Input, HostBinding, OnInit, ViewEncapsulation, OnChanges, SimpleChanges } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg',\n templateUrl: './eui-icon-svg.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent extends BaseDirective implements OnInit, OnChanges {\n @HostBinding('class')\n public get cssClasses(): any {\n return 'eui-icon-svg';\n }\n\n @Input() icon: string;\n @Input() size: ('xs' | 's' | 'm'| 'l'| 'xl'| '2xl') = 'm';\n @Input() fillColor = 'grey-100';\n @Input() set = 'default';\n @Input() ariaLabelledby: string;\n @Input() role: string;\n @Input() iconUrl: string;\n @Input() style = '';\n\n public iconName: string;\n\n @Input()\n get ariaHidden(): boolean { return this._ariaHidden; }\n set ariaHidden(value: BooleanInput) { this._ariaHidden = coerceBooleanProperty(value); }\n private _ariaHidden = true;\n\n @Input()\n get focusable(): boolean { return this._focusable; }\n set focusable(value: BooleanInput) { this._focusable = coerceBooleanProperty(value); }\n private _focusable = false;\n\n @Input()\n get isLoading(): boolean { return this._isLoading; }\n set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n private _isLoading = false;\n\n constructor() {\n super();\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (c && c.set) {\n if (c.set.currentValue !== c.set.previousValue) {\n if (c.set.currentValue === 'sharp' || c.set.currentValue === 'outline') {\n this.iconName = `${this.icon}-${this.set}`;\n } else if (c.set.currentValue === 'default') {\n this.iconName = this.icon;\n }\n }\n }\n }\n\n ngOnInit(): void {\n if (this.set === 'sharp' || this.set === 'outline') {\n this.iconName = `${this.icon}-${this.set}`;\n } else {\n this.iconName = this.icon;\n }\n }\n\n getCssClasses(): string {\n return [\n super.getCssClasses('eui-icon-svg'),\n this.icon && !this.isLoading ? this.icon : ``,\n this.isLoading ? 'eui--loading' : '',\n `eui-icon-svg--color-${this.fillColor}`,\n `eui-icon-svg--size-${this.size}`,\n ].join(' ').trim();\n }\n}\n","<ng-container *ngIf=\"icon && !iconUrl\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"'assets/images/ionicons/'+ set + '/icons-sprite-' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconComponent } from './eui-icon.component';\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiIconComponent, EuiIconSvgComponent],\n declarations: [EuiIconComponent, EuiIconSvgComponent],\n})\nexport class EuiIconModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eui-components-atoms-eui-icon.mjs","sources":["../../atoms/eui-icon/eui-icon.component.ts","../../atoms/eui-icon/eui-icon-svg.component.ts","../../atoms/eui-icon/eui-icon-svg.component.html","../../atoms/eui-icon/eui-icon.module.ts","../../atoms/eui-icon/eui-components-atoms-eui-icon.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon',\n template: '<ng-content></ng-content>',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconComponent extends BaseDirective {\n @HostBinding('class')\n public get cssClasses(): any {\n return this.getCssClasses();\n }\n @HostBinding('attr.role') role = 'img';\n @HostBinding('attr.aria-label')\n\n @Input('aria-label')\n public get ariaLabel(): string {\n return this._ariaLabel;\n }\n public set ariaLabel(value: string|null) {\n this._ariaLabel = value;\n }\n\n @Input()\n get iconClass(): string { return this._iconClass; }\n set iconClass(value: string) { this._iconClass = value; }\n private _iconClass;\n\n @Input()\n get isLoading(): boolean { return this._isLoading; }\n set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n private _isLoading = false;\n\n protected _ariaLabel = 'eUI Icon';\n\n constructor() {\n super();\n }\n\n getCssClasses(): string {\n return [\n super.getCssClasses('eui-icon'),\n this.iconClass && !this.isLoading ? this.iconClass : ``,\n this.isLoading ? 'eui-icon--loading' : '',\n ].join(' ').trim();\n }\n}\n","import { ChangeDetectionStrategy, Component, Input, HostBinding, OnInit, ViewEncapsulation, OnChanges, SimpleChanges } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg',\n templateUrl: './eui-icon-svg.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent extends BaseDirective implements OnInit, OnChanges {\n @HostBinding('class')\n public get cssClasses(): any {\n return 'eui-icon-svg';\n }\n\n @Input() icon: string;\n @Input() size: ('xs' | 's' | 'm'| 'l'| 'xl'| '2xl') = 'm';\n @Input() fillColor = 'grey-100';\n @Input() set = 'eui';\n @Input() ariaLabelledby: string;\n @Input() role: string;\n @Input() style = '';\n @Input() iconUrl: string;\n\n public iconName: string;\n\n @Input()\n get ariaHidden(): boolean { return this._ariaHidden; }\n set ariaHidden(value: BooleanInput) { this._ariaHidden = coerceBooleanProperty(value); }\n private _ariaHidden = true;\n\n @Input()\n get focusable(): boolean { return this._focusable; }\n set focusable(value: BooleanInput) { this._focusable = coerceBooleanProperty(value); }\n private _focusable = false;\n\n @Input()\n get isLoading(): boolean { return this._isLoading; }\n set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n private _isLoading = false;\n\n constructor() {\n super();\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (c && c.set) {\n if (c.set.currentValue !== c.set.previousValue) {\n if (c.set.currentValue === 'sharp' || c.set.currentValue === 'outline') {\n this.iconName = `${this.icon}-${this.set}`;\n } else {\n this.iconName = this.icon;\n }\n }\n }\n }\n\n ngOnInit(): void {\n if (this.set === 'sharp' || this.set === 'outline') {\n this.iconName = `${this.icon}-${this.set}`;\n } else {\n this.iconName = this.icon;\n }\n }\n\n getCssClasses(): string {\n return [\n super.getCssClasses('eui-icon-svg'),\n this.icon && !this.isLoading ? this.icon : ``,\n this.isLoading ? 'eui--loading' : '',\n `eui-icon-svg--color-${this.fillColor}`,\n `eui-icon-svg--size-${this.size}`,\n ].join(' ').trim();\n }\n}\n","<ng-container *ngIf=\"icon && !iconUrl\">\n <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"'assets/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconComponent } from './eui-icon.component';\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiIconComponent, EuiIconSvgComponent],\n declarations: [EuiIconComponent, EuiIconSvgComponent],\n})\nexport class EuiIconModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -34,16 +34,16 @@ class EuiAlertComponent extends BaseDirective {
|
|
|
34
34
|
this.e2eAttr = 'eui-alert';
|
|
35
35
|
}
|
|
36
36
|
if (this.euiWarning) {
|
|
37
|
-
this.alertIconType = 'alert-circle';
|
|
37
|
+
this.alertIconType = 'eui-alert-circle';
|
|
38
38
|
}
|
|
39
39
|
if (this.euiDanger) {
|
|
40
|
-
this.alertIconType = 'warning';
|
|
40
|
+
this.alertIconType = 'eui-warning';
|
|
41
41
|
}
|
|
42
42
|
if (this.euiSuccess) {
|
|
43
|
-
this.alertIconType = 'checkmark-circle';
|
|
43
|
+
this.alertIconType = 'eui-checkmark-circle';
|
|
44
44
|
}
|
|
45
45
|
if (this.euiSecondary) {
|
|
46
|
-
this.alertIconType = 'help-circle';
|
|
46
|
+
this.alertIconType = 'eui-help-circle';
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
onCloseClick(event) {
|
|
@@ -52,10 +52,10 @@ class EuiAlertComponent extends BaseDirective {
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
/** @nocollapse */ EuiAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
-
/** @nocollapse */ EuiAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { euiAlertMuted: "euiAlertMuted", isCloseable: "isCloseable" }, outputs: { close: "close" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"eui-alert__content-wrapper\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{alertIconType}}\"
|
|
55
|
+
/** @nocollapse */ EuiAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiAlertComponent, selector: "div[euiAlert], eui-alert", inputs: { euiAlertMuted: "euiAlertMuted", isCloseable: "isCloseable" }, outputs: { close: "close" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"eui-alert__content-wrapper\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{alertIconType}}\" fillColor=\"grey-5\" size=\"l\"></eui-icon-svg>\n </div>\n <div class=\"eui-alert__content\" role=\"alert\">\n <ng-content></ng-content>\n </div>\n <a href=\"javascript:void(0)\" *ngIf=\"isCloseable\" role=\"button\" aria-label=\"Close Icon Button\"\n class=\"eui-alert__close\" tabindex=\"0\"\n (click)=\"onCloseClick($event)\">\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-close\" fillColor=\"grey-50\"></eui-icon-svg>\n </a>\n</div>\n", styles: [".eui-alert{border:1px solid;display:flex;background-color:transparent;background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;border-color:var(--eui-base-color-info-50);color:var(--eui-base-color-text);position:relative}.eui-alert__type-container{background-color:var(--eui-base-color-info-75);width:var(--eui-base-spacing-3xl);padding:var(--eui-base-spacing-xs)}.eui-alert__content{padding:var(--eui-base-spacing-m)}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-10)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto}.eui-alert__close:hover{color:var(--eui-base-color-text);text-decoration:none}.eui-alert--hidden{display:none}.eui-alert--success{border-color:var(--eui-base-color-success-50)}.eui-alert--success .eui-alert__type-container{background-color:var(--eui-base-color-success-75)}.eui-alert--danger{border-color:var(--eui-base-color-danger-50)}.eui-alert--danger .eui-alert__type-container{background-color:var(--eui-base-color-danger-75)}.eui-alert--warning{border-color:var(--eui-base-color-warning-50)}.eui-alert--warning .eui-alert__type-container{background-color:var(--eui-base-color-warning-75)}.eui-alert--secondary{border-color:var(--eui-base-color-grey-50)}.eui-alert--secondary .eui-alert__type-container{background-color:var(--eui-base-color-grey-75)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiAlertComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
|
-
args: [{ selector: 'div[euiAlert], eui-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-alert__content-wrapper\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{alertIconType}}\"
|
|
58
|
+
args: [{ selector: 'div[euiAlert], eui-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-alert__content-wrapper\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{alertIconType}}\" fillColor=\"grey-5\" size=\"l\"></eui-icon-svg>\n </div>\n <div class=\"eui-alert__content\" role=\"alert\">\n <ng-content></ng-content>\n </div>\n <a href=\"javascript:void(0)\" *ngIf=\"isCloseable\" role=\"button\" aria-label=\"Close Icon Button\"\n class=\"eui-alert__close\" tabindex=\"0\"\n (click)=\"onCloseClick($event)\">\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-close\" fillColor=\"grey-50\"></eui-icon-svg>\n </a>\n</div>\n", styles: [".eui-alert{border:1px solid;display:flex;background-color:transparent;background-position:var(--eui-base-spacing-s);background-repeat:no-repeat;border-color:var(--eui-base-color-info-50);color:var(--eui-base-color-text);position:relative}.eui-alert__type-container{background-color:var(--eui-base-color-info-75);width:var(--eui-base-spacing-3xl);padding:var(--eui-base-spacing-xs)}.eui-alert__content{padding:var(--eui-base-spacing-m)}.eui-alert__content-wrapper{display:flex;flex-basis:auto;flex-shrink:1;overflow:auto;width:100%}.eui-alert__content-wrapper::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-10)}.eui-alert__content-wrapper::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-alert__content-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-25)}.eui-alert__content-wrapper::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-10);border-radius:0}.eui-alert__close{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-xs);margin-left:auto}.eui-alert__close:hover{color:var(--eui-base-color-text);text-decoration:none}.eui-alert--hidden{display:none}.eui-alert--success{border-color:var(--eui-base-color-success-50)}.eui-alert--success .eui-alert__type-container{background-color:var(--eui-base-color-success-75)}.eui-alert--danger{border-color:var(--eui-base-color-danger-50)}.eui-alert--danger .eui-alert__type-container{background-color:var(--eui-base-color-danger-75)}.eui-alert--warning{border-color:var(--eui-base-color-warning-50)}.eui-alert--warning .eui-alert__type-container{background-color:var(--eui-base-color-warning-75)}.eui-alert--secondary{border-color:var(--eui-base-color-grey-50)}.eui-alert--secondary .eui-alert__type-container{background-color:var(--eui-base-color-grey-75)}\n"] }]
|
|
59
59
|
}], ctorParameters: function () { return []; }, propDecorators: { euiAlertMuted: [{
|
|
60
60
|
type: Input
|
|
61
61
|
}], isCloseable: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import {\n NgModule, Component, HostBinding, EventEmitter, Input,\n ChangeDetectionStrategy, ViewEncapsulation, AfterContentInit, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { EuiIconModule } from '@eui/components/atoms/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/atoms/eui-label';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n templateUrl: './eui-alert.component.html',\n selector: 'div[euiAlert], eui-alert',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiAlertComponent extends BaseDirective implements AfterContentInit {\n\n @Input()\n get euiAlertMuted(): boolean { return this._euiAlertMuted; }\n set euiAlertMuted(value: BooleanInput) { this._euiAlertMuted = coerceBooleanProperty(value); }\n _euiAlertMuted = false;\n\n @Input()\n get isCloseable(): boolean { return this._isCloseable; }\n set isCloseable(value: BooleanInput) { this._isCloseable = coerceBooleanProperty(value); }\n\n @Output() close = new EventEmitter<null>();\n\n isVisible = true;\n alertIconType = 'information-circle';\n\n private _isCloseable = false;\n\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.euiAlertMuted ? `eui-alert--muted` : ``,\n !this.isVisible ? `eui-alert--hidden` : ``,\n super.getCssClasses('eui-alert'),\n ].join(' ').trim();\n }\n\n constructor() {\n super();\n }\n\n ngAfterContentInit(): void {\n if (!this.e2eAttr) {\n this.e2eAttr = 'eui-alert';\n }\n\n if (this.euiWarning) {\n this.alertIconType = 'alert-circle';\n }\n if (this.euiDanger) {\n this.alertIconType = 'warning';\n }\n if (this.euiSuccess) {\n this.alertIconType = 'checkmark-circle';\n }\n if (this.euiSecondary) {\n this.alertIconType = 'help-circle';\n }\n }\n\n onCloseClick(event: Event): void {\n this.isVisible = false;\n this.close.emit();\n }\n}\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n EuiLabelModule,\n TranslateModule,\n ],\n declarations: [\n EuiAlertComponent,\n ],\n exports: [\n EuiAlertComponent,\n ],\n})\nexport class EuiAlertModule { }\n","<div class=\"eui-alert__content-wrapper\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{alertIconType}}\"
|
|
1
|
+
{"version":3,"file":"eui-components-eui-alert.mjs","sources":["../../eui-alert/eui-alert.component.ts","../../eui-alert/eui-alert.component.html","../../eui-alert/eui-components-eui-alert.ts"],"sourcesContent":["import {\n NgModule, Component, HostBinding, EventEmitter, Input,\n ChangeDetectionStrategy, ViewEncapsulation, AfterContentInit, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\nimport { EuiIconModule } from '@eui/components/atoms/eui-icon';\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiLabelModule } from '@eui/components/atoms/eui-label';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@Component({\n templateUrl: './eui-alert.component.html',\n selector: 'div[euiAlert], eui-alert',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiAlertComponent extends BaseDirective implements AfterContentInit {\n\n @Input()\n get euiAlertMuted(): boolean { return this._euiAlertMuted; }\n set euiAlertMuted(value: BooleanInput) { this._euiAlertMuted = coerceBooleanProperty(value); }\n _euiAlertMuted = false;\n\n @Input()\n get isCloseable(): boolean { return this._isCloseable; }\n set isCloseable(value: BooleanInput) { this._isCloseable = coerceBooleanProperty(value); }\n\n @Output() close = new EventEmitter<null>();\n\n isVisible = true;\n alertIconType = 'information-circle';\n\n private _isCloseable = false;\n\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.euiAlertMuted ? `eui-alert--muted` : ``,\n !this.isVisible ? `eui-alert--hidden` : ``,\n super.getCssClasses('eui-alert'),\n ].join(' ').trim();\n }\n\n constructor() {\n super();\n }\n\n ngAfterContentInit(): void {\n if (!this.e2eAttr) {\n this.e2eAttr = 'eui-alert';\n }\n\n if (this.euiWarning) {\n this.alertIconType = 'eui-alert-circle';\n }\n if (this.euiDanger) {\n this.alertIconType = 'eui-warning';\n }\n if (this.euiSuccess) {\n this.alertIconType = 'eui-checkmark-circle';\n }\n if (this.euiSecondary) {\n this.alertIconType = 'eui-help-circle';\n }\n }\n\n onCloseClick(event: Event): void {\n this.isVisible = false;\n this.close.emit();\n }\n}\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n EuiLabelModule,\n TranslateModule,\n ],\n declarations: [\n EuiAlertComponent,\n ],\n exports: [\n EuiAlertComponent,\n ],\n})\nexport class EuiAlertModule { }\n","<div class=\"eui-alert__content-wrapper\">\n <div class=\"eui-alert__type-container\" *ngIf=\"!euiAlertMuted\">\n <eui-icon-svg class=\"eui-alert__icon-type\" icon=\"{{alertIconType}}\" fillColor=\"grey-5\" size=\"l\"></eui-icon-svg>\n </div>\n <div class=\"eui-alert__content\" role=\"alert\">\n <ng-content></ng-content>\n </div>\n <a href=\"javascript:void(0)\" *ngIf=\"isCloseable\" role=\"button\" aria-label=\"Close Icon Button\"\n class=\"eui-alert__close\" tabindex=\"0\"\n (click)=\"onCloseClick($event)\">\n <eui-icon-svg class=\"eui-alert__close-icon\" icon=\"eui-close\" fillColor=\"grey-50\"></eui-icon-svg>\n </a>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|