npm - @eui/components - Versions diffs - 18.0.0-next.31 → 18.0.0-next.32 - Mend

@eui/components 18.0.0-next.31 → 18.0.0-next.32

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.

Files changed (203) hide show

package/fesm2022/eui-components-eui-progress-bar.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-progress-bar/eui-progress-bar.component.ts", "../../eui-progress-bar/eui-progress-bar.component.html", "../../eui-progress-bar/eui-progress-bar.module.ts"],
   "sourcesContent": ["import {\n    Component,\n    Input,\n    ChangeDetectionStrategy,\n    SimpleChanges,\n    OnChanges,\n    HostBinding,\n    booleanAttribute,\n    numberAttribute,\n} from '@angular/core';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    templateUrl: './eui-progress-bar.component.html',\n    selector: 'eui-progress-bar',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiSize2XS',\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiVariant',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiProgressBarComponent implements OnChanges {\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-progress-bar';\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @Input() label = '';\n\n    @Input({ transform: numberAttribute })\n    progress: NumberInput;\n\n    @Input({ transform: booleanAttribute })\n    isIndeterminate: BooleanInput = false;\n\n    @Input({ transform: booleanAttribute })\n    hasStatusIcon: BooleanInput = false;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['progress']) {\n            this.progress = changes['progress'].currentValue;\n            if ((this?.progress as number) > 100) {\n                this.progress = 100;\n            }\n        }\n    }\n\n    private getCssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-progress-bar'),\n            this.isIndeterminate ? 'eui-progress-bar--indeterminate' : '',\n            this.hasStatusIcon ? 'eui-progress-bar--hasStatusIcon' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n", "<div *ngIf=\"label || hasStatusIcon\" class=\"eui-progress-bar__header\">\n    <div *ngIf=\"label\" class=\"eui-progress-bar__header-label\">{{ label }}</div>\n    <div *ngIf=\"hasStatusIcon\" class=\"eui-progress-bar__header-status\">\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiSuccess\" icon=\"eui-ecl-success\" fillColor=\"success-100\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiWarning\" icon=\"eui-ecl-warning\" fillColor=\"warning-100\"></eui-icon-svg>\n        <eui-icon-svg *ngIf=\"baseStatesDirective?.euiDanger\" icon=\"eui-ecl-error\" fillColor=\"danger-100\"></eui-icon-svg>\n    </div>\n</div>\n<div class=\"eui-progress-bar__indicator-container\">\n    <div class=\"eui-progress-bar__indicator\" [style.width]=\"!isIndeterminate ? progress + '%' : null\"></div>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiProgressBarComponent } from './eui-progress-bar.component';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule],\n    declarations: [EuiProgressBarComponent],\n    exports: [EuiProgressBarComponent],\n})\nexport class EuiProgressBarModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/fesm2022/eui-components-eui-progress-circle.mjs CHANGED Viewed

@@ -87,7 +87,7 @@ var EuiProgressCircleComponent = class _EuiProgressCircleComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiProgressCircleComponent, selector: "eui-progress-circle", inputs: { ariaLabel: "ariaLabel", isDefaultColorSteps: ["isDefaultColorSteps", "isDefaultColorSteps", booleanAttribute], hasBottomLabel: ["hasBottomLabel", "hasBottomLabel", booleanAttribute], value: "value", emptyLabel: "emptyLabel", valueLabel: "valueLabel", colorSteps: "colorSteps", colorType: "colorType", iconLabelClass: "iconLabelClass", iconLabelStyleClass: "iconLabelStyleClass", tabindex: "tabindex" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "labelValueEl", first: true, predicate: ["labelValueEl"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<div\n    class="eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}"\n    [class.eui-progress-circle-content--over50]="roundedValue > 50">\n    <span class="eui-progress-circle-content__label" *ngIf="!isLongLabel && !hasBottomLabel">\n        <span #labelValueEl>{{ labelValue }}</span>\n    </span>\n    <div class="eui-progress-circle-content__left-half-clipper">\n        <div class="eui-progress-circle-content__first50-bar"></div>\n        <div class="eui-progress-circle-content__value-bar"></div>\n    </div>\n</div>\n<div class="eui-progress-circle-content__bottom-label" *ngIf="isLongLabel || hasBottomLabel">\n    <span class="label">{{ labelValue }}</span>\n</div>\n<div class="eui-progress-circle-content__icon-label" *ngIf="iconLabelClass">\n    <span class="{{ iconLabelClass }} {{ iconLabelStyleClass }}"></span>\n</div>\n', styles: ['.eui-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:100%;box-shadow:var(--eui-base-shadow-1);height:6rem;line-height:6rem;margin:var(--eui-base-spacing-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-base-color-white);border:none;border-radius:50%;content:" ";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-base-spacing-m)}.eui-progress-circle-content__left-half-clipper{border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-base-color-info-130);border-radius:50%;box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-info-130);border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-da)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-da)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-base-spacing-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-base-spacing-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiProgressCircleComponent, selector: "eui-progress-circle", inputs: { ariaLabel: "ariaLabel", isDefaultColorSteps: ["isDefaultColorSteps", "isDefaultColorSteps", booleanAttribute], hasBottomLabel: ["hasBottomLabel", "hasBottomLabel", booleanAttribute], value: "value", emptyLabel: "emptyLabel", valueLabel: "valueLabel", colorSteps: "colorSteps", colorType: "colorType", iconLabelClass: "iconLabelClass", iconLabelStyleClass: "iconLabelStyleClass", tabindex: "tabindex" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "labelValueEl", first: true, predicate: ["labelValueEl"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<div\n    class="eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}"\n    [class.eui-progress-circle-content--over50]="roundedValue > 50">\n    <span class="eui-progress-circle-content__label" *ngIf="!isLongLabel && !hasBottomLabel">\n        <span #labelValueEl>{{ labelValue }}</span>\n    </span>\n    <div class="eui-progress-circle-content__left-half-clipper">\n        <div class="eui-progress-circle-content__first50-bar"></div>\n        <div class="eui-progress-circle-content__value-bar"></div>\n    </div>\n</div>\n<div class="eui-progress-circle-content__bottom-label" *ngIf="isLongLabel || hasBottomLabel">\n    <span class="label">{{ labelValue }}</span>\n</div>\n<div class="eui-progress-circle-content__icon-label" *ngIf="iconLabelClass">\n    <span class="{{ iconLabelClass }} {{ iconLabelStyleClass }}"></span>\n</div>\n', styles: ['.eui-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:100%;box-shadow:var(--eui-base-shadow-1);height:6rem;line-height:6rem;margin:var(--eui-base-spacing-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-ctx-c-white);border:none;border-radius:50%;content:" ";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-base-spacing-m)}.eui-progress-circle-content__left-half-clipper{border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-ctx-c-p);border-radius:50%;box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in);border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-da)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-da)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-base-spacing-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-base-spacing-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiProgressCircleComponent, decorators: [{
@@ -102,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiSizeVariant"
       ]
     }
-  ], template: '<div\n    class="eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}"\n    [class.eui-progress-circle-content--over50]="roundedValue > 50">\n    <span class="eui-progress-circle-content__label" *ngIf="!isLongLabel && !hasBottomLabel">\n        <span #labelValueEl>{{ labelValue }}</span>\n    </span>\n    <div class="eui-progress-circle-content__left-half-clipper">\n        <div class="eui-progress-circle-content__first50-bar"></div>\n        <div class="eui-progress-circle-content__value-bar"></div>\n    </div>\n</div>\n<div class="eui-progress-circle-content__bottom-label" *ngIf="isLongLabel || hasBottomLabel">\n    <span class="label">{{ labelValue }}</span>\n</div>\n<div class="eui-progress-circle-content__icon-label" *ngIf="iconLabelClass">\n    <span class="{{ iconLabelClass }} {{ iconLabelStyleClass }}"></span>\n</div>\n', styles: ['.eui-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:100%;box-shadow:var(--eui-base-shadow-1);height:6rem;line-height:6rem;margin:var(--eui-base-spacing-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-base-color-white);border:none;border-radius:50%;content:" ";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-base-spacing-m)}.eui-progress-circle-content__left-half-clipper{border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-base-color-info-130);border-radius:50%;box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-base-color-info-130);border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-da)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-da)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-base-spacing-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-base-spacing-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n'] }]
+  ], template: '<div\n    class="eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}"\n    [class.eui-progress-circle-content--over50]="roundedValue > 50">\n    <span class="eui-progress-circle-content__label" *ngIf="!isLongLabel && !hasBottomLabel">\n        <span #labelValueEl>{{ labelValue }}</span>\n    </span>\n    <div class="eui-progress-circle-content__left-half-clipper">\n        <div class="eui-progress-circle-content__first50-bar"></div>\n        <div class="eui-progress-circle-content__value-bar"></div>\n    </div>\n</div>\n<div class="eui-progress-circle-content__bottom-label" *ngIf="isLongLabel || hasBottomLabel">\n    <span class="label">{{ labelValue }}</span>\n</div>\n<div class="eui-progress-circle-content__icon-label" *ngIf="iconLabelClass">\n    <span class="{{ iconLabelClass }} {{ iconLabelStyleClass }}"></span>\n</div>\n', styles: ['.eui-progress-circle{position:relative}.eui-progress-circle-content{background-color:#f2e9e1;border-radius:100%;box-shadow:var(--eui-base-shadow-1);height:6rem;line-height:6rem;margin:var(--eui-base-spacing-m);padding:0;position:relative;width:6rem}.eui-progress-circle-content:after{background-color:var(--eui-ctx-c-white);border:none;border-radius:50%;content:" ";display:block;height:4.5rem;left:.75rem;position:absolute;text-align:center;top:.75rem;width:4.5rem}.eui-progress-circle-content__label{display:block;font-size:1.3333333333rem;line-height:6rem;position:absolute;text-align:center;white-space:nowrap;width:6rem;z-index:2}.eui-progress-circle-content__label-block{text-align:center}.eui-progress-circle-content__label-block--large{padding-top:var(--eui-base-spacing-m)}.eui-progress-circle-content__left-half-clipper{border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content__value-bar{border:.7894736842rem solid var(--eui-ctx-c-p);border-radius:50%;box-sizing:border-box;clip:rect(0,3rem,6rem,0);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content--over50 .eui-progress-circle-content__left-half-clipper{clip:rect(auto,auto,auto,auto)}.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in);border-radius:50%;clip:rect(0,6rem,6rem,3rem);height:6rem;position:absolute;width:6rem}.eui-progress-circle-content:not(.eui-progress-circle-content--over50) .eui-progress-circle-content__first50-bar{display:none}.eui-progress-circle-content--info .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger .eui-progress-circle-content__value-bar{border-color:var(--eui-ctx-c-da)}.eui-progress-circle-content.p0 .eui-progress-circle-content__value-bar{display:none}.eui-progress-circle-content.p1 .eui-progress-circle-content__value-bar{transform:rotate(3.6deg)}.eui-progress-circle-content.p2 .eui-progress-circle-content__value-bar{transform:rotate(7.2deg)}.eui-progress-circle-content.p3 .eui-progress-circle-content__value-bar{transform:rotate(10.8deg)}.eui-progress-circle-content.p4 .eui-progress-circle-content__value-bar{transform:rotate(14.4deg)}.eui-progress-circle-content.p5 .eui-progress-circle-content__value-bar{transform:rotate(18deg)}.eui-progress-circle-content.p6 .eui-progress-circle-content__value-bar{transform:rotate(21.6deg)}.eui-progress-circle-content.p7 .eui-progress-circle-content__value-bar{transform:rotate(25.2deg)}.eui-progress-circle-content.p8 .eui-progress-circle-content__value-bar{transform:rotate(28.8deg)}.eui-progress-circle-content.p9 .eui-progress-circle-content__value-bar{transform:rotate(32.4deg)}.eui-progress-circle-content.p10 .eui-progress-circle-content__value-bar{transform:rotate(36deg)}.eui-progress-circle-content.p11 .eui-progress-circle-content__value-bar{transform:rotate(39.6deg)}.eui-progress-circle-content.p12 .eui-progress-circle-content__value-bar{transform:rotate(43.2deg)}.eui-progress-circle-content.p13 .eui-progress-circle-content__value-bar{transform:rotate(46.8deg)}.eui-progress-circle-content.p14 .eui-progress-circle-content__value-bar{transform:rotate(50.4deg)}.eui-progress-circle-content.p15 .eui-progress-circle-content__value-bar{transform:rotate(54deg)}.eui-progress-circle-content.p16 .eui-progress-circle-content__value-bar{transform:rotate(57.6deg)}.eui-progress-circle-content.p17 .eui-progress-circle-content__value-bar{transform:rotate(61.2deg)}.eui-progress-circle-content.p18 .eui-progress-circle-content__value-bar{transform:rotate(64.8deg)}.eui-progress-circle-content.p19 .eui-progress-circle-content__value-bar{transform:rotate(68.4deg)}.eui-progress-circle-content.p20 .eui-progress-circle-content__value-bar{transform:rotate(72deg)}.eui-progress-circle-content.p21 .eui-progress-circle-content__value-bar{transform:rotate(75.6deg)}.eui-progress-circle-content.p22 .eui-progress-circle-content__value-bar{transform:rotate(79.2deg)}.eui-progress-circle-content.p23 .eui-progress-circle-content__value-bar{transform:rotate(82.8deg)}.eui-progress-circle-content.p24 .eui-progress-circle-content__value-bar{transform:rotate(86.4deg)}.eui-progress-circle-content.p25 .eui-progress-circle-content__value-bar{transform:rotate(90deg)}.eui-progress-circle-content.p26 .eui-progress-circle-content__value-bar{transform:rotate(93.6deg)}.eui-progress-circle-content.p27 .eui-progress-circle-content__value-bar{transform:rotate(97.2deg)}.eui-progress-circle-content.p28 .eui-progress-circle-content__value-bar{transform:rotate(100.8deg)}.eui-progress-circle-content.p29 .eui-progress-circle-content__value-bar{transform:rotate(104.4deg)}.eui-progress-circle-content.p30 .eui-progress-circle-content__value-bar{transform:rotate(108deg)}.eui-progress-circle-content.p31 .eui-progress-circle-content__value-bar{transform:rotate(111.6deg)}.eui-progress-circle-content.p32 .eui-progress-circle-content__value-bar{transform:rotate(115.2deg)}.eui-progress-circle-content.p33 .eui-progress-circle-content__value-bar{transform:rotate(118.8deg)}.eui-progress-circle-content.p34 .eui-progress-circle-content__value-bar{transform:rotate(122.4deg)}.eui-progress-circle-content.p35 .eui-progress-circle-content__value-bar{transform:rotate(126deg)}.eui-progress-circle-content.p36 .eui-progress-circle-content__value-bar{transform:rotate(129.6deg)}.eui-progress-circle-content.p37 .eui-progress-circle-content__value-bar{transform:rotate(133.2deg)}.eui-progress-circle-content.p38 .eui-progress-circle-content__value-bar{transform:rotate(136.8deg)}.eui-progress-circle-content.p39 .eui-progress-circle-content__value-bar{transform:rotate(140.4deg)}.eui-progress-circle-content.p40 .eui-progress-circle-content__value-bar{transform:rotate(144deg)}.eui-progress-circle-content.p41 .eui-progress-circle-content__value-bar{transform:rotate(147.6deg)}.eui-progress-circle-content.p42 .eui-progress-circle-content__value-bar{transform:rotate(151.2deg)}.eui-progress-circle-content.p43 .eui-progress-circle-content__value-bar{transform:rotate(154.8deg)}.eui-progress-circle-content.p44 .eui-progress-circle-content__value-bar{transform:rotate(158.4deg)}.eui-progress-circle-content.p45 .eui-progress-circle-content__value-bar{transform:rotate(162deg)}.eui-progress-circle-content.p46 .eui-progress-circle-content__value-bar{transform:rotate(165.6deg)}.eui-progress-circle-content.p47 .eui-progress-circle-content__value-bar{transform:rotate(169.2deg)}.eui-progress-circle-content.p48 .eui-progress-circle-content__value-bar{transform:rotate(172.8deg)}.eui-progress-circle-content.p49 .eui-progress-circle-content__value-bar{transform:rotate(176.4deg)}.eui-progress-circle-content.p50 .eui-progress-circle-content__value-bar{transform:rotate(180deg)}.eui-progress-circle-content.p51 .eui-progress-circle-content__value-bar{transform:rotate(183.6deg)}.eui-progress-circle-content.p52 .eui-progress-circle-content__value-bar{transform:rotate(187.2deg)}.eui-progress-circle-content.p53 .eui-progress-circle-content__value-bar{transform:rotate(190.8deg)}.eui-progress-circle-content.p54 .eui-progress-circle-content__value-bar{transform:rotate(194.4deg)}.eui-progress-circle-content.p55 .eui-progress-circle-content__value-bar{transform:rotate(198deg)}.eui-progress-circle-content.p56 .eui-progress-circle-content__value-bar{transform:rotate(201.6deg)}.eui-progress-circle-content.p57 .eui-progress-circle-content__value-bar{transform:rotate(205.2deg)}.eui-progress-circle-content.p58 .eui-progress-circle-content__value-bar{transform:rotate(208.8deg)}.eui-progress-circle-content.p59 .eui-progress-circle-content__value-bar{transform:rotate(212.4deg)}.eui-progress-circle-content.p60 .eui-progress-circle-content__value-bar{transform:rotate(216deg)}.eui-progress-circle-content.p61 .eui-progress-circle-content__value-bar{transform:rotate(219.6deg)}.eui-progress-circle-content.p62 .eui-progress-circle-content__value-bar{transform:rotate(223.2deg)}.eui-progress-circle-content.p63 .eui-progress-circle-content__value-bar{transform:rotate(226.8deg)}.eui-progress-circle-content.p64 .eui-progress-circle-content__value-bar{transform:rotate(230.4deg)}.eui-progress-circle-content.p65 .eui-progress-circle-content__value-bar{transform:rotate(234deg)}.eui-progress-circle-content.p66 .eui-progress-circle-content__value-bar{transform:rotate(237.6deg)}.eui-progress-circle-content.p67 .eui-progress-circle-content__value-bar{transform:rotate(241.2deg)}.eui-progress-circle-content.p68 .eui-progress-circle-content__value-bar{transform:rotate(244.8deg)}.eui-progress-circle-content.p69 .eui-progress-circle-content__value-bar{transform:rotate(248.4deg)}.eui-progress-circle-content.p70 .eui-progress-circle-content__value-bar{transform:rotate(252deg)}.eui-progress-circle-content.p71 .eui-progress-circle-content__value-bar{transform:rotate(255.6deg)}.eui-progress-circle-content.p72 .eui-progress-circle-content__value-bar{transform:rotate(259.2deg)}.eui-progress-circle-content.p73 .eui-progress-circle-content__value-bar{transform:rotate(262.8deg)}.eui-progress-circle-content.p74 .eui-progress-circle-content__value-bar{transform:rotate(266.4deg)}.eui-progress-circle-content.p75 .eui-progress-circle-content__value-bar{transform:rotate(270deg)}.eui-progress-circle-content.p76 .eui-progress-circle-content__value-bar{transform:rotate(273.6deg)}.eui-progress-circle-content.p77 .eui-progress-circle-content__value-bar{transform:rotate(277.2deg)}.eui-progress-circle-content.p78 .eui-progress-circle-content__value-bar{transform:rotate(280.8deg)}.eui-progress-circle-content.p79 .eui-progress-circle-content__value-bar{transform:rotate(284.4deg)}.eui-progress-circle-content.p80 .eui-progress-circle-content__value-bar{transform:rotate(288deg)}.eui-progress-circle-content.p81 .eui-progress-circle-content__value-bar{transform:rotate(291.6deg)}.eui-progress-circle-content.p82 .eui-progress-circle-content__value-bar{transform:rotate(295.2deg)}.eui-progress-circle-content.p83 .eui-progress-circle-content__value-bar{transform:rotate(298.8deg)}.eui-progress-circle-content.p84 .eui-progress-circle-content__value-bar{transform:rotate(302.4deg)}.eui-progress-circle-content.p85 .eui-progress-circle-content__value-bar{transform:rotate(306deg)}.eui-progress-circle-content.p86 .eui-progress-circle-content__value-bar{transform:rotate(309.6deg)}.eui-progress-circle-content.p87 .eui-progress-circle-content__value-bar{transform:rotate(313.2deg)}.eui-progress-circle-content.p88 .eui-progress-circle-content__value-bar{transform:rotate(316.8deg)}.eui-progress-circle-content.p89 .eui-progress-circle-content__value-bar{transform:rotate(320.4deg)}.eui-progress-circle-content.p90 .eui-progress-circle-content__value-bar{transform:rotate(324deg)}.eui-progress-circle-content.p91 .eui-progress-circle-content__value-bar{transform:rotate(327.6deg)}.eui-progress-circle-content.p92 .eui-progress-circle-content__value-bar{transform:rotate(331.2deg)}.eui-progress-circle-content.p93 .eui-progress-circle-content__value-bar{transform:rotate(334.8deg)}.eui-progress-circle-content.p94 .eui-progress-circle-content__value-bar{transform:rotate(338.4deg)}.eui-progress-circle-content.p95 .eui-progress-circle-content__value-bar{transform:rotate(342deg)}.eui-progress-circle-content.p96 .eui-progress-circle-content__value-bar{transform:rotate(345.6deg)}.eui-progress-circle-content.p97 .eui-progress-circle-content__value-bar{transform:rotate(349.2deg)}.eui-progress-circle-content.p98 .eui-progress-circle-content__value-bar{transform:rotate(352.8deg)}.eui-progress-circle-content.p99 .eui-progress-circle-content__value-bar{transform:rotate(356.4deg)}.eui-progress-circle-content.p100 .eui-progress-circle-content__value-bar{transform:rotate(360deg)}.eui-progress-circle-content__icon-label{font-size:26px;position:absolute;right:-10px;top:-7px}.eui-progress-circle-content__bottom-label{margin:-6px auto 0;text-align:center;width:9em;word-wrap:break-word}.eui-progress-circle-content--info.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-in)}.eui-progress-circle-content--success.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-su)}.eui-progress-circle-content--warning.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-wa)}.eui-progress-circle-content--danger.eui-progress-circle-content--over50 .eui-progress-circle-content__first50-bar{background-color:var(--eui-ctx-c-da)}.eui-progress-circle--size-s .eui-progress-circle-content{margin:var(--eui-base-spacing-s);transform:scale(.75)}.eui-progress-circle--size-s .eui-progress-circle-content__icon-label{font-size:20px;position:absolute;right:5px;top:-5px}.eui-progress-circle--size-s .eui-progress-circle-content__bottom-label{margin-top:-10px;width:7em}.eui-progress-circle--size-l .eui-progress-circle-content{margin:var(--eui-base-spacing-m) 3rem;transform:scale(1.5)}.eui-progress-circle--size-l .eui-progress-circle-content__icon-label{font-size:32px;position:absolute;right:-15px;top:-10px}.eui-progress-circle--size-l .eui-progress-circle-content__bottom-label{margin-left:25px;margin-right:25px;margin-top:45px}\n'] }]
 }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

package/fesm2022/eui-components-eui-progress-circle.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-progress-circle/eui-progress-circle.component.ts", "../../eui-progress-circle/eui-progress-circle.component.html"],
   "sourcesContent": ["import {\n    AfterContentChecked,\n    AfterContentInit,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    NgModule,\n    OnChanges,\n    SimpleChanges,\n    ViewChild,\n    ViewEncapsulation,\n    ChangeDetectionStrategy,\n    HostBinding,\n    booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    templateUrl: './eui-progress-circle.component.html',\n    selector: 'eui-progress-circle',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiProgressCircleComponent implements AfterContentInit, OnChanges, AfterContentChecked {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-progress-circle'),\n            this.isLongLabel || this.hasBottomLabel ? 'eui-progress-circle-content--with-bottom-label' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n    @HostBinding('attr.aria-label')\n    @Input() ariaLabel = 'progress circle';\n\n    @Input({ transform: booleanAttribute }) isDefaultColorSteps = true;\n    @Input({ transform: booleanAttribute }) hasBottomLabel = false;\n    @Input() value: number;\n    @Input() emptyLabel = 'N/A';\n    @Input() valueLabel: string;\n    @Input() colorSteps: string;\n    @Input() colorType: string;\n    @Input() iconLabelClass: string;\n    @Input() iconLabelStyleClass: string;\n    @Input() tabindex = '0';\n\n    public stateColorNumberClass = '';\n    public labelValue = '';\n    public percentValue = '';\n    public roundedValue: number;\n    public isLongLabel = false;\n    public offsetWidth = 0;\n\n    @ViewChild('labelValueEl') labelValueEl: ElementRef<HTMLSpanElement>;\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        protected baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    ngAfterContentInit(): void {\n        this.setColorSteps();\n        this.setLabels();\n    }\n\n    ngAfterContentChecked(): void {\n        if (this.labelValueEl) {\n            this.offsetWidth = this.labelValueEl.nativeElement.offsetWidth;\n            if (this.offsetWidth > 65) {\n                this.isLongLabel = true;\n            }\n        }\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c.value) {\n            this.setColorSteps();\n            this.setLabels();\n        }\n        this.cd.detectChanges();\n    }\n\n    setColorSteps(): void {\n        const prefix = 'eui-progress-circle-content--';\n        let colorStepsArray: string[] = [];\n        this.roundedValue = Math.round(this.value);\n\n        if (this.colorSteps) {\n            colorStepsArray = this.colorSteps.split(/[ ,]+/g);\n        } else {\n            colorStepsArray = ['33', '66'];\n        }\n\n        if (this.colorType) {\n            this.stateColorNumberClass = prefix + this.colorType;\n        } else {\n            if (this.isDefaultColorSteps) {\n                if (this.value <= Number.parseInt(colorStepsArray[0], 10)) {\n                    this.stateColorNumberClass = prefix + 'success';\n                }\n                if (this.value > Number.parseInt(colorStepsArray[0], 10) && this.value <= Number.parseInt(colorStepsArray[1], 10)) {\n                    this.stateColorNumberClass = prefix + 'warning';\n                }\n                if (this.value > Number.parseInt(colorStepsArray[1], 10)) {\n                    this.stateColorNumberClass = prefix + 'danger';\n                }\n            }\n        }\n    }\n\n    setLabels(): void {\n        if (this.value === 0 && !this.hasBottomLabel) {\n            this.labelValue = this.emptyLabel;\n        } else if (this.value === 0 && this.hasBottomLabel) {\n            this.labelValue = this.valueLabel;\n        } else {\n            if (this.valueLabel) {\n                this.labelValue = this.valueLabel;\n            } else {\n                this.labelValue = this.value + '%';\n            }\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EuiProgressCircleComponent],\n    exports: [EuiProgressCircleComponent],\n})\nexport class EuiProgressCircleModule {}\n", "<div\n    class=\"eui-progress-circle-content p{{ roundedValue }} {{ stateColorNumberClass }}\"\n    [class.eui-progress-circle-content--over50]=\"roundedValue > 50\">\n    <span class=\"eui-progress-circle-content__label\" *ngIf=\"!isLongLabel && !hasBottomLabel\">\n        <span #labelValueEl>{{ labelValue }}</span>\n    </span>\n    <div class=\"eui-progress-circle-content__left-half-clipper\">\n        <div class=\"eui-progress-circle-content__first50-bar\"></div>\n        <div class=\"eui-progress-circle-content__value-bar\"></div>\n    </div>\n</div>\n<div class=\"eui-progress-circle-content__bottom-label\" *ngIf=\"isLongLabel || hasBottomLabel\">\n    <span class=\"label\">{{ labelValue }}</span>\n</div>\n<div class=\"eui-progress-circle-content__icon-label\" *ngIf=\"iconLabelClass\">\n    <span class=\"{{ iconLabelClass }} {{ iconLabelStyleClass }}\"></span>\n</div>\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/fesm2022/eui-components-eui-select.mjs CHANGED Viewed

@@ -131,12 +131,12 @@ var EuiSelectComponent = class _EuiSelectComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiSelectComponent, deps: [{ token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiSelectComponent, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: "readonly", isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-select{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-base-color-grey-100);overflow-y:auto}.eui-select::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-select--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-select--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .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-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-base-spacing-2xs) 0}.eui-select__placeholder{color:var(--eui-base-color-grey-50)!important}.eui-select__item{color:var(--eui-base-color-grey-100)}.eui-select optgroup{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-base-color-grey-100);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-base-color-grey-25)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-base-color-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xl)}\n'], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EuiSelectComponent, selector: "select[euiSelect]", inputs: { placeholder: "placeholder", readonly: "readonly", isInvalid: "isInvalid" }, host: { listeners: { "change": "onChange($event.target.value)" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-select{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-ctx-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-ctx-c-s-bg-light);overflow-y:auto}.eui-select::placeholder{color:var(--eui-ctx-c-s-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-ctx-c-s-bg-light)!important;border:1px solid var(--eui-ctx-c-s-lighter)!important;color:var(--eui-ctx-c-s-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-ctx-c-da)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon>svg{fill:var(--eui-ctx-c-s-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-ctx-c-da)}.eui-select--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-select--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-ctx-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-base-spacing-2xs) 0}.eui-select__placeholder{color:var(--eui-ctx-c-s-lighter)!important}.eui-select__item{color:var(--eui-ctx-c-s-bg-light)}.eui-select optgroup{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-ctx-c-s-bg-light);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-ctx-c-s-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-ctx-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xl)}\n'], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiSelectComponent, decorators: [{
   type: Component,
-  args: [{ selector: "select[euiSelect]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: ['.eui-select{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-base-color-grey-100);overflow-y:auto}.eui-select::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-select--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-select--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .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-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-base-spacing-2xs) 0}.eui-select__placeholder{color:var(--eui-base-color-grey-50)!important}.eui-select__item{color:var(--eui-base-color-grey-100)}.eui-select optgroup{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-base-color-grey-100);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-base-color-grey-25)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-base-color-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xl)}\n'] }]
+  args: [{ selector: "select[euiSelect]", template: "<ng-content></ng-content>", encapsulation: ViewEncapsulation.None, styles: ['.eui-select{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-ctx-c-white);border:1px solid var(--eui-ctx-c-s-lighter);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-ctx-c-text);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--eui-ctx-c-s-bg-light);overflow-y:auto}.eui-select::placeholder{color:var(--eui-ctx-c-s-lighter)!important;opacity:1}.eui-select[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-select[readonly]+.eui-feedback-message,.eui-select[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-select[disabled]:not([readonly]),.eui-select--disabled:not([readonly]){background-color:var(--eui-ctx-c-s-bg-light)!important;border:1px solid var(--eui-ctx-c-s-lighter)!important;color:var(--eui-ctx-c-s-light);pointer-events:none}.eui-select--invalid,.eui-select--danger{border:1px solid var(--eui-ctx-c-da)}.eui-select--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-select--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-select--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select--clearable-icon>svg{fill:var(--eui-ctx-c-s-lighter)}.eui-select--clearable-icon>svg:hover{fill:var(--eui-ctx-c-da)}.eui-select--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-select--loading-icon{align-items:center;display:flex}.eui-select--loading-icon:after,.eui-select--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-select--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-select--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-ctx-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-select--loading-icon--sm:after,.eui-select--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-select::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-select::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-select::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-select::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-select:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-select:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-c-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-select[readonly][multiple=true] option:checked{background:none}.eui-select[hidden],.eui-select[readonly][multiple=true] :not(option:checked){display:none}.eui-select[multiple=true],.eui-select[size]:not([size="1"]):not([size="0"]){background-image:none;height:auto;overflow:auto;padding:var(--eui-base-spacing-2xs) 0}.eui-select__placeholder{color:var(--eui-ctx-c-s-lighter)!important}.eui-select__item{color:var(--eui-ctx-c-s-bg-light)}.eui-select optgroup{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-select optgroup,.eui-select option{appearance:none;color:var(--eui-ctx-c-s-bg-light);display:block;padding:var(--eui-base-spacing-2xs);white-space:pre}.eui-select optgroup:disabled,.eui-select option:disabled{color:var(--eui-ctx-c-s-lightest)}.eui-select:not([readonly]):not([multiple]),.eui-select[size="1"],.eui-select[size="0"]{appearance:none;background-color:var(--eui-ctx-c-white);background-image:var(--eui-internal-icon-chevron-down-path);background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-xl)}\n'] }]
 }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }], propDecorators: { placeholder: [{
   type: Input
 }], readonly: [{

package/fesm2022/eui-components-eui-select.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-select/eui-select.component.ts", "../../eui-select/utils.ts", "../../eui-select/eui-select-control.directive.ts", "../../eui-select/eui-select-option.directive.ts", "../../eui-select/eui-select-multiple.directive.ts", "../../eui-select/eui-select-mutli-option.directive.ts", "../../eui-select/eui-select.module.ts"],
   "sourcesContent": ["import {\n    Component,\n    ComponentRef,\n    DoCheck,\n    ElementRef,\n    HostListener,\n    Injector,\n    Input,\n    OnChanges,\n    OnInit,\n    Renderer2,\n    SimpleChanges,\n    ViewContainerRef,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { EuiInputTextComponent } from '@eui/components/eui-input-text';\nimport { NgControl } from '@angular/forms';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'select[euiSelect]',\n    styleUrls: ['./styles/_index.scss'],\n    template: '<ng-content></ng-content>',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiSelectComponent implements OnChanges, OnInit, DoCheck {\n    @Input() placeholder: string;\n\n    @Input()\n    public get readonly(): boolean {\n        return this._readonly;\n    }\n\n    public set readonly(value: BooleanInput) {\n        this._readonly = coerceBooleanProperty(value);\n    }\n\n    @Input()\n    public get isInvalid(): boolean {\n        return this._isInvalid || null;\n    }\n    public set isInvalid(state: BooleanInput) {\n        this._isInvalid = coerceBooleanProperty(state);\n        if (this._isInvalid) {\n            this.renderer.addClass(this.elementRef.nativeElement, 'eui-select--invalid');\n        } else {\n            this.renderer.removeClass(this.elementRef.nativeElement, 'eui-select--invalid');\n        }\n    }\n\n    protected _isInvalid: boolean;\n    private _readonly: boolean;\n    private control: NgControl;\n    private readonlyInput: ComponentRef<EuiInputTextComponent>;\n    private placeholderOption: HTMLOptionElement;\n\n    constructor(\n        private renderer: Renderer2,\n        private injector: Injector,\n        private elementRef: ElementRef<HTMLSelectElement>,\n        private viewContainerRef: ViewContainerRef,\n    ) {}\n\n    ngOnInit(): void {\n        this.renderer.addClass(this.elementRef.nativeElement, 'eui-select');\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['readonly']) {\n            if (this.readonly) {\n                // hide select element\n                this.renderer.setAttribute(this.elementRef.nativeElement, 'readonly', 'true');\n                this.renderer.setAttribute(this.elementRef.nativeElement, 'hidden', '');\n\n                // create an euiInputComponent to hold the value (for accessibility reasons)\n                this.readonlyInput = this.createReadonlyElement();\n                this.renderer.insertBefore(\n                    this.elementRef.nativeElement.parentElement,\n                    this.elementRef.nativeElement,\n                    this.readonlyInput.location.nativeElement,\n                );\n                this.setReadonlyValue(this.readonlyInput);\n            } else {\n                this.readonlyInput?.destroy();\n                this.renderer.removeAttribute(this.elementRef.nativeElement, 'readonly');\n                this.renderer.removeAttribute(this.elementRef.nativeElement, 'hidden');\n            }\n        }\n\n        if (changes['placeholder']) {\n            this.control = this.injector.get(NgControl, undefined, { optional: true });\n            if (!this.control) {\n                // in case option Element already created update the value\n                if (changes['placeholder'].currentValue === undefined) {\n                    this.renderer.removeClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n                    // remove option element\n                    if (this.placeholderOption) {\n                        this.renderer.removeChild(this.elementRef.nativeElement, this.placeholderOption);\n                        this.placeholderOption = undefined;\n                    }\n                } else if (this.placeholderOption) {\n                    this.renderer.setProperty(this.placeholderOption, 'innerText', changes['placeholder'].currentValue);\n                } else {\n                    // create option Element\n                    this.placeholderOption = this.renderer.createElement('option');\n\n                    this.renderer.addClass(this.placeholderOption, 'eui-select__placeholder');\n                    this.renderer.setProperty(this.placeholderOption, 'innerText', changes['placeholder'].currentValue);\n                    // set attributes to act as a placeholder\n                    if (!this.elementRef.nativeElement.value) {\n                        this.renderer.setAttribute(this.placeholderOption, 'selected', '');\n                    }\n                    // append option element as the first of the select children\n                    this.elementRef.nativeElement.insertBefore(this.placeholderOption, this.elementRef.nativeElement.firstChild);\n\n                    if (this.elementRef.nativeElement.value === changes['placeholder'].currentValue) {\n                        this.renderer.addClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n                    }\n                }\n            }\n        }\n    }\n\n    ngDoCheck(): void {\n        if (!this.control) {\n            this.control = this.injector.get(NgControl, undefined, { optional: true });\n        }\n        this.isInvalid = this.control ? this.control.invalid && this.control.touched : this._isInvalid;\n        /** while the optionList changes but there's no selected option and there's a placeholder, add the placeholder\n         *  class. Otherwise, the placeholder will look selected but the color will be black. */\n        if (this.placeholder && this.elementRef.nativeElement.selectedIndex === 0) {\n            this.renderer.addClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n        }\n    }\n\n    @HostListener('change', ['$event.target.value'])\n    onChange(value): void {\n        this.control = this.injector.get(NgControl, undefined, { optional: true });\n        if (!this.control) {\n            this.setPlaceholderClass(this.placeholder === value ? undefined : value);\n        }\n        this.syncReadOnlyValue();\n    }\n\n    syncReadOnlyValue(): void {\n        this.setReadonlyValue(this.readonlyInput);\n    }\n\n    /**\n     * set readonly value from selected options presented as comma separated string\n     *\n     * @param readonlyRef the input element to set the value\n     * @private\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private setReadonlyValue(readonlyRef: ComponentRef<EuiInputTextComponent>): any {\n        if (readonlyRef) {\n            // eslint-disable-next-line prefer-spread\n            const selectedOptions = Array.apply(null, this.elementRef.nativeElement.selectedOptions)\n                .map((i) => i.text)\n                .filter((i) => i !== this.placeholder)\n                .join(', ');\n            this.renderer.setProperty(readonlyRef.location.nativeElement, 'value', selectedOptions);\n            this.renderer.setAttribute(readonlyRef.location.nativeElement, 'aria-label', selectedOptions);\n        }\n    }\n\n    /**\n     * create readonly element\n     *\n     * @private\n     */\n    private createReadonlyElement(): ComponentRef<EuiInputTextComponent> {\n        const componentRef = this.viewContainerRef.createComponent(EuiInputTextComponent);\n        componentRef.instance.readonly = true;\n        return componentRef;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private setPlaceholderClass(value: any): void {\n        const placeholderOption = this.elementRef.nativeElement.options[0];\n        if (!!this.placeholder && (value === undefined || value === null || value === '')) {\n            this.renderer.setAttribute(placeholderOption, 'selected', '');\n            this.renderer.addClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n        } else {\n            this.renderer.removeClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n            this.renderer.removeAttribute(placeholderOption, 'selected');\n        }\n    }\n}\n", "// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function _buildValueString(id: string, value: any): string {\n    if (id == null) {\n        return `${value}`;\n    }\n    if (typeof value === 'string') {\n        value = `'${value}'`;\n    }\n    if (value && typeof value === 'object') {\n        value = 'Object';\n    }\n    return `${id}: ${value}`.slice(0, 50);\n}\n\nexport function _extractId(valueString: string): string {\n    return valueString.split(':')[0];\n}\n", "import { Directive, DoCheck, ElementRef, forwardRef, Injector, Input, OnChanges, Optional, Renderer2, SimpleChanges } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, SelectControlValueAccessor } from '@angular/forms';\nimport { EuiSelectComponent } from './eui-select.component';\nimport { _buildValueString } from './utils';\n\n@Directive({\n    selector:\n        // eslint-disable-next-line @angular-eslint/directive-selector\n        'select:not([multiple])[formControlName][euiSelect],select:not([multiple])[formControl][euiSelect],select:not([multiple])[ngModel][euiSelect]',\n    // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n    host: { '(blur)': 'onTouched()' },\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => EuiSelectControlValueAccessor),\n            multi: true,\n        },\n    ],\n})\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport class EuiSelectControlValueAccessor extends SelectControlValueAccessor implements ControlValueAccessor, OnChanges, DoCheck {\n    @Input() placeholder: string;\n\n    private elementRef: ElementRef;\n    private renderer: Renderer2;\n    private placeholderOption: HTMLOptionElement;\n\n    constructor(\n        _renderer: Renderer2,\n        _elementRef: ElementRef,\n        @Optional() private selectComponent: EuiSelectComponent,\n        private injector: Injector,\n    ) {\n        super(_renderer, _elementRef);\n        this.elementRef = _elementRef;\n        this.renderer = _renderer;\n        this.onChange = (valueString: string): void => {\n            this.value = this['_getOptionValue'](valueString);\n            this.setPlaceholderClass(this.value);\n        };\n    }\n\n    ngDoCheck(): void {\n        if (this.placeholder && this.elementRef.nativeElement.selectedIndex === 0) {\n            this.renderer.addClass(this.placeholderOption, 'eui-select__placeholder');\n        }\n    }\n\n    /**\n     * Sets the \"value\" property on the select element.\n     *\n     * @nodoc\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    override writeValue(value: any): void {\n        super.writeValue(value);\n        this.setPlaceholderClass(value);\n        this.selectComponent?.syncReadOnlyValue();\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    override registerOnChange(fn: (value: any) => any): void {\n        this.onChange = (valueString: string): void => {\n            this.value = this['_getOptionValue'](valueString);\n            this.setPlaceholderClass(this.value);\n            fn(this.value);\n        };\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        if (isDisabled) {\n            this.renderer.setAttribute(this.elementRef.nativeElement, 'disabled', '');\n        } else {\n            this.renderer.removeAttribute(this.elementRef.nativeElement, 'disabled');\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['placeholder']) {\n            // in case option Element already created update the value\n            if (changes['placeholder'].currentValue === undefined) {\n                this.renderer.removeClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n                // remove option element\n                if (this.placeholderOption) {\n                    this.renderer.removeChild(this.elementRef.nativeElement, this.placeholderOption);\n                    this.placeholderOption = undefined;\n                }\n            } else if (this.placeholderOption) {\n                this.renderer.setProperty(this.placeholderOption, 'innerText', changes['placeholder'].currentValue);\n            } else {\n                // create option Element\n                this.placeholderOption = this.renderer.createElement('option');\n                // const option = new EuiNgSelectOptionDirective({nativeElement: this.placeholderOption}, this.renderer, this);\n                // option.ngValue = null;\n                const id = this['_registerOption']();\n                this['_optionMap'].set(id, null);\n                const selectControlValueAccessor = this.injector.get(SelectControlValueAccessor, undefined);\n                selectControlValueAccessor['_idCounter'] = this['_idCounter'];\n                selectControlValueAccessor['_optionMap'] = this['_optionMap'];\n                this.renderer.setValue(this.placeholderOption, _buildValueString(id, null));\n                this.renderer.setProperty(this.placeholderOption, 'value', _buildValueString(id, null));\n\n                this.renderer.addClass(this.placeholderOption, 'eui-select__placeholder');\n                this.renderer.setProperty(this.placeholderOption, 'innerText', changes['placeholder'].currentValue);\n                // set attributes to act as a placeholder\n                if (!this.elementRef.nativeElement.value) {\n                    this.renderer.setAttribute(this.placeholderOption, 'selected', '');\n                }\n                // append option element as the first of the select children\n                this.elementRef.nativeElement.insertBefore(this.placeholderOption, this.elementRef.nativeElement.firstChild);\n\n                if (this.elementRef.nativeElement.value === changes['placeholder'].currentValue) {\n                    this.renderer.addClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n                }\n                if (!this.value) {\n                    this.writeValue(undefined);\n                }\n            }\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private setPlaceholderClass(value: any): void {\n        if (!!this.placeholder && (value === undefined || value === null || value === '')) {\n            try {\n                this.elementRef.nativeElement.options[0].selected = true;\n            } catch (e) {\n                /* empty */\n            }\n            this.renderer.addClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n        } else {\n            this.renderer.removeClass(this.elementRef.nativeElement, 'eui-select__placeholder');\n        }\n    }\n}\n", "import { AfterViewInit, Directive, ElementRef, Host, Input, OnChanges, OnDestroy, Optional, Renderer2, SimpleChanges } from '@angular/core';\nimport { NgSelectOption, SelectControlValueAccessor } from '@angular/forms';\nimport { EuiSelectControlValueAccessor } from './eui-select-control.directive';\nimport { EuiSelectComponent } from './eui-select.component';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n// eslint-disable-next-line prefer-arrow/prefer-arrow-functions, @typescript-eslint/no-explicit-any\nfunction _buildValueString(id: string, value: any): string {\n    if (id == null) {\n        return `${value}`;\n    }\n    if (value && typeof value === 'object') {\n        value = 'Object';\n    }\n    return `${id}: ${value}`.slice(0, 50);\n}\n\n/**\n * @description\n * Marks `<option>` as dynamic, so Angular can be notified when options change.\n *\n * @see `EuiSelectControlValueAccessor`\n *\n * @ngModule ReactiveFormsModule\n * @ngModule FormsModule\n * @publicApi\n */\n// TODO: remove that selector in eUI 17.x and replace it with `option[euiOption]` (this will be a breaking change)\n// eslint-disable-next-line @angular-eslint/directive-selector\n@Directive({ selector: 'option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]' })\nexport class EuiNgSelectOptionDirective extends NgSelectOption implements OnDestroy, OnChanges, AfterViewInit {\n    @Input()\n    get selected(): boolean {\n        return this._selected;\n    }\n    set selected(value: BooleanInput) {\n        this._selected = coerceBooleanProperty(value);\n    }\n\n    @Input() label: string;\n\n    private _selected: boolean;\n    private readonly select: EuiSelectControlValueAccessor;\n    private readonly selectNative: SelectControlValueAccessor;\n    private readonly selectComponent: EuiSelectComponent;\n    private element: ElementRef<HTMLOptionElement>;\n    private renderer: Renderer2;\n\n    constructor(\n        _element: ElementRef,\n        _renderer: Renderer2,\n        @Optional() @Host() _select: EuiSelectControlValueAccessor,\n        @Optional() @Host() _selectNative: SelectControlValueAccessor,\n        @Optional() @Host() _selectComponent: EuiSelectComponent,\n    ) {\n        super(_element, _renderer, _select);\n        this.select = _select;\n        this.selectNative = _selectNative;\n        this.selectComponent = _selectComponent;\n        this.element = _element;\n        this.renderer = _renderer;\n    }\n\n    ngAfterViewInit(): void {\n        this.selectComponent?.syncReadOnlyValue();\n        if (this.selectNative && this.select && this.selectNative.value !== this.select.value) {\n            // TODO: This causes issues when options array change from N to 1 and the option 1 is set through setValue()\n            //       Investigate what are the regressions from the removal of this line. Issue is that the Native\n            //       control value accessor holds a mapper not in sync with the EuiSelectControlValueAccessor.\n            //\n            // this.selectNative.writeValue(this.select.value);\n        }\n    }\n\n    /**\n     * @description\n     * Tracks the value bound to the option element. Unlike the value binding,\n     * ngValue supports binding to objects.\n     */\n    @Input()\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    override set ngValue(value: any) {\n        if (this.select == null) return;\n        this.selectNative['_idCounter'] = this.select['_idCounter'];\n        this.select['_optionMap'].set(this.id, value);\n        this.selectNative['_optionMap'] = this.select['_optionMap']; //.set(this.id, value);\n        super['_setElementValue'](_buildValueString(this.id, value));\n        this.select.writeValue(this.select.value);\n        this.selectNative.writeValue(this.select.value);\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.selected) {\n            /**\n             * in case there's a selected value, readonly attribute is true, sync it to the readonly input. The reason is\n             * that the readonly input is not aware of the selected value until the render of the view completes.\n             */\n            switch (this._selected) {\n                case true:\n                    this.renderer.setAttribute(this.element.nativeElement, 'selected', '');\n                    break;\n                default:\n                    this.renderer.removeAttribute(this.element.nativeElement, 'selected');\n            }\n            this.selectComponent?.syncReadOnlyValue();\n        }\n\n        if (changes.label) {\n            this.renderer.setProperty(this.element.nativeElement, 'innerText', changes.label.currentValue);\n            this.selectComponent?.syncReadOnlyValue();\n        }\n    }\n}\n", "import { Directive, DoCheck, ElementRef, forwardRef, Injector, Input, Optional, Provider, Renderer2 } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl, SelectMultipleControlValueAccessor } from '@angular/forms';\nimport { EuiSelectMultipleOption } from './eui-select-mutli-option.directive';\nimport { _extractId } from './utils';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { EuiSelectComponent } from './eui-select.component';\n\nconst SELECT_MULTIPLE_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EuiSelectMultipleControlValueAccessor),\n    multi: true,\n};\n\n/** Mock interface for HTML Options */\ninterface HTMLOption {\n    value: string;\n    selected: boolean;\n}\n\n/** Mock interface for HTMLCollection */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nabstract class HTMLCollection {\n    // TODO(issue/24571): remove '!'.\n    length!: number;\n    abstract item(_: number): HTMLOption;\n}\n\n/**\n * @description\n * The `ControlValueAccessor` for writing multi-select control values and listening to multi-select\n * control changes. The value accessor is used by the `FormControlDirective`, `FormControlName`, and\n * `NgModel` directives.\n *\n * @see `EuiSelectControlValueAccessor`\n *\n * @usageNotes\n *\n * ### Using a multi-select control\n *\n * The follow example shows you how to use a multi-select control with a reactive form.\n *\n * ```ts\n * const countryControl = new FormControl();\n * ```\n *\n * ```\n * <select euiSelect multiple name=\"countries\" [formControl]=\"countryControl\">\n *   <option euiOption *ngFor=\"let country of countries\" [ngValue]=\"country\">\n *     {{ country.name }}\n *   </option>\n * </select>\n * ```\n *\n * ### Customizing option selection\n *\n * To customize the default option comparison algorithm, `<select>` supports `compareWith` input.\n * See the `SelectControlValueAccessor` for usage.\n *\n * @ngModule ReactiveFormsModule\n * @ngModule FormsModule\n * @publicApi\n */\n@Directive({\n    selector:\n        // eslint-disable-next-line @angular-eslint/directive-selector,max-len\n        'select[multiple][formControlName][euiSelect],select[multiple][formControl][euiSelect],select[multiple][ngModel][euiSelect]',\n    // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n    host: { '(change)': 'onChange($event.target)', '(blur)': 'onTouched()' },\n    providers: [SELECT_MULTIPLE_VALUE_ACCESSOR],\n})\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport class EuiSelectMultipleControlValueAccessor extends SelectMultipleControlValueAccessor implements ControlValueAccessor, DoCheck {\n    @Input()\n    public get isInvalid(): boolean {\n        return this._isInvalid || null;\n    }\n    public set isInvalid(state: BooleanInput) {\n        this._isInvalid = coerceBooleanProperty(state);\n    }\n\n    /**\n     * The current value.\n     *\n     * @nodoc\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    value: any;\n\n    /** @internal */\n    _optionMap: Map<string, EuiSelectMultipleOption> = new Map<string, EuiSelectMultipleOption>();\n\n    /** @internal */\n    _idCounter = 0;\n    protected _isInvalid: boolean;\n    private elementRef: ElementRef;\n    private renderer: Renderer2;\n    private control: NgControl;\n\n    constructor(\n        _renderer: Renderer2,\n        _elementRef: ElementRef,\n        @Optional() private selectComponent: EuiSelectComponent,\n        private injector: Injector,\n    ) {\n        super(_renderer, _elementRef);\n        this.elementRef = _elementRef;\n        this.renderer = _renderer;\n    }\n\n    ngDoCheck(): void {\n        if (!this.control) {\n            this.control = this.injector.get(NgControl, undefined, { optional: true });\n        }\n        this._isInvalid = this.control ? this.control.invalid && this.control.touched : this._isInvalid;\n    }\n\n    /**\n     * Sets the \"value\" property on one or of more of the select's options.\n     *\n     * @nodoc\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.value = value;\n        // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        let optionSelectedStateSetter: (opt: EuiSelectMultipleOption, o: any) => void;\n        if (Array.isArray(value)) {\n            // convert values to ids\n            const ids = value.map((v) => this._getOptionId(v));\n            optionSelectedStateSetter = (opt, o): void => {\n                opt._setSelected(ids.indexOf(o.toString()) > -1);\n            };\n        } else {\n            optionSelectedStateSetter = (opt): void => {\n                opt._setSelected(false);\n            };\n        }\n        this._optionMap.forEach(optionSelectedStateSetter);\n        this.selectComponent?.syncReadOnlyValue();\n    }\n\n    /**\n     * Registers a function called when the control value changes\n     * and writes an array of the selected options.\n     *\n     * @nodoc\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    override registerOnChange(fn: (value: any) => any): void {\n        this.onChange = (element: HTMLSelectElement): void => {\n            // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            const selected: Array<any> = [];\n            const selectedOptions = element.selectedOptions;\n            if (selectedOptions !== undefined) {\n                const options = selectedOptions;\n                // eslint-disable-next-line @typescript-eslint/prefer-for-of\n                for (let i = 0; i < options.length; i++) {\n                    const opt = options[i];\n                    const val = this._getOptionValue(opt.value);\n                    selected.push(val);\n                }\n            } else {\n                const options = element.options;\n                // eslint-disable-next-line @typescript-eslint/prefer-for-of\n                for (let i = 0; i < options.length; i++) {\n                    const opt = options[i];\n                    if (opt.selected) {\n                        const val = this._getOptionValue(opt.value);\n                        selected.push(val);\n                    }\n                }\n            }\n            this.value = selected;\n            fn(selected);\n        };\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onTouched = (): void => {\n            const control = this.injector.get(NgControl, undefined, { optional: true });\n            this.isInvalid = control.invalid;\n            if (this.isInvalid) {\n                this.renderer.addClass(this.elementRef.nativeElement, 'eui-select--invalid');\n            }\n            fn();\n        };\n    }\n\n    /** @internal */\n    _registerOption(value: EuiSelectMultipleOption): string {\n        const id: string = (this._idCounter++).toString();\n        this._optionMap.set(id, value);\n        return id;\n    }\n\n    /** @internal */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    _getOptionId(value: any): string | null {\n        for (const id of Array.from(this._optionMap.keys())) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            if (this['_compareWith'](this._optionMap.get(id)!._value, value)) {\n                return id;\n            }\n        }\n        return null;\n    }\n\n    /** @internal */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    _getOptionValue(valueString: string): any {\n        const id: string = _extractId(valueString);\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        return this._optionMap.has(id) ? this._optionMap.get(id)!._value : valueString;\n    }\n}\n", "import { Directive, ElementRef, Host, Input, OnDestroy, Optional, Renderer2 } from '@angular/core';\nimport { ɵNgSelectMultipleOption as NgSelectMultipleOption } from '@angular/forms';\nimport { EuiSelectMultipleControlValueAccessor } from './eui-select-multiple.directive';\nimport { _buildValueString } from './utils';\n\n/**\n * @description\n * Marks `<option>` as dynamic, so Angular can be notified when options change.\n *\n * @see `EuiSelectMultipleControlValueAccessor`\n *\n * @ngModule ReactiveFormsModule\n * @ngModule FormsModule\n * @publicApi\n */\n// eslint-disable-next-line @angular-eslint/directive-selector\n@Directive({ selector: 'option, option[euiOption]' })\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport class EuiSelectMultipleOption extends NgSelectMultipleOption implements OnDestroy {\n    // TODO(issue/24571): remove '!'.\n    id!: string;\n    /** @internal */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    _value: any;\n    private element: ElementRef;\n    private renderer: Renderer2;\n    private select: EuiSelectMultipleControlValueAccessor;\n\n    constructor(_element: ElementRef, _renderer: Renderer2, @Optional() @Host() _select: EuiSelectMultipleControlValueAccessor) {\n        super(_element, _renderer, _select);\n        this.element = _element;\n        this.renderer = _renderer;\n        this.select = _select;\n    }\n\n    /**\n     * @description\n     * Tracks the value bound to the option element. Unlike the value binding,\n     * ngValue supports binding to objects.\n     */\n    @Input()\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    set ngValue(value: any) {\n        if (this.select == null) {\n            return;\n        }\n        this._value = value;\n        this._setElementValue(_buildValueString(this.id, value));\n        this.select.writeValue(this.select.value);\n    }\n\n    /**\n     * @description\n     * Tracks simple string values bound to the option element.\n     * For objects, use the `ngValue` input binding.\n     */\n    @Input()\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    set value(value: any) {\n        if (this.select) {\n            this._value = value;\n            this._setElementValue(_buildValueString(this.id, value));\n            this.select.writeValue(this.select.value);\n        } else {\n            this._setElementValue(value);\n        }\n    }\n\n    /** @internal */\n    _setElementValue(value: string): void {\n        this.renderer.setProperty(this.element.nativeElement, 'value', value);\n    }\n\n    /** @internal */\n    _setSelected(selected: boolean): void {\n        this.renderer.setProperty(this.element.nativeElement, 'selected', selected);\n    }\n\n    /** @nodoc */\n    ngOnDestroy(): void {\n        if (this.select) {\n            this.select._optionMap.delete(this.id);\n            this.select.writeValue(this.select.value);\n        }\n    }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiSelectComponent } from './eui-select.component';\nimport { EuiNgSelectOptionDirective } from './eui-select-option.directive';\nimport { EuiSelectControlValueAccessor } from './eui-select-control.directive';\nimport { EuiSelectMultipleControlValueAccessor } from './eui-select-multiple.directive';\nimport { EuiSelectMultipleOption } from './eui-select-mutli-option.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        EuiSelectComponent,\n        EuiNgSelectOptionDirective,\n        EuiSelectControlValueAccessor,\n        EuiSelectMultipleControlValueAccessor,\n        EuiSelectMultipleOption,\n    ],\n    exports: [\n        EuiSelectComponent,\n        EuiNgSelectOptionDirective,\n        EuiSelectControlValueAccessor,\n        EuiSelectMultipleControlValueAccessor,\n        EuiSelectMultipleOption,\n    ],\n})\nexport class EuiSelectModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Input", "i0", "Directive", "Input", "Optional", "coerceBooleanProperty", "_buildValueString", "i0", "Directive", "forwardRef", "Input", "Optional", "NG_VALUE_ACCESSOR", "NgControl", "coerceBooleanProperty", "i0", "Directive", "Host", "Input", "Optional", "i0"]
 }

package/fesm2022/eui-components-eui-sidebar-menu.mjs CHANGED Viewed

@@ -35,12 +35,12 @@ var EuiSidebarMenuComponent = class _EuiSidebarMenuComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [hasLowercaseItems]="hasLowercaseItems"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__container{background-color:var(--eui-base-color-grey-2);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu__content{box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-base-spacing-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-menu-item .eui-menu-item__link{min-height:calc(2.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasLowercaseItems"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiSidebarMenuComponent, selector: "eui-sidebar-menu", inputs: { items: "items", hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute], style: "style", fragmentId: "fragmentId", searchFilterLabel: "searchFilterLabel", externalTarget: "externalTarget", filterValue: "filterValue" }, outputs: { menuClick: "menuClick", itemClick: "itemClick" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [hasLowercaseItems]="hasLowercaseItems"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__container{background-color:transparent;height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu__content{box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-base-spacing-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-menu-item .eui-menu-item__link{min-height:calc(2.25 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "component", type: i1.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasLowercaseItems"], outputs: ["isClick", "itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiSidebarMenuComponent, decorators: [{
   type: Component,
-  args: [{ selector: "eui-sidebar-menu", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [hasLowercaseItems]="hasLowercaseItems"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__container{background-color:var(--eui-base-color-grey-2);height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu__content{box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-base-spacing-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-base-color-grey-5)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-menu-item .eui-menu-item__link{min-height:calc(2.25 * var(--eui-base-spacing-m))}\n"] }]
+  args: [{ selector: "eui-sidebar-menu", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<div class="eui-sidebar-menu__container" [class.eui-sidebar-menu__container--collapsed]="isCollapsed" [style]="style">\n    <div class="eui-sidebar-menu__content">\n        <eui-menu\n            [items]="items"\n            [hasFilter]="hasFilter"\n            [hasIcons]="hasIcons"\n            [hasTooltip]="hasTooltip"\n            [isCollapsed]="isCollapsed"\n            [hasCollapsedInitials]="hasCollapsedInitials"\n            [hasLowercaseItems]="hasLowercaseItems"\n            [expandAllItems]="expandAllItems"\n            [fragmentId]="fragmentId"\n            [searchFilterLabel]="searchFilterLabel"\n            [filterValue]="filterValue"\n            (isClick)="onMenuClicked($event)"\n            (itemClick)="onMenuItemClicked($event)">\n        </eui-menu>\n    </div>\n</div>\n', styles: [".eui-sidebar-menu{display:flex;height:100%;width:100%}.eui-sidebar-menu .eui-sidebar-menu__container--collapsed{position:relative;width:var(--eui-app-sidebar-width-close-active)}.eui-sidebar-menu__container{background-color:transparent;height:100%;transition:all .1s ease;width:100%}.eui-sidebar-menu__content{box-shadow:0 8px 10px #b7c0ce33;display:flex;flex-direction:column;height:100%;margin-bottom:var(--eui-base-spacing-xs);overflow-x:hidden;overflow-y:auto;position:relative}.eui-sidebar-menu__content::-webkit-scrollbar{display:inherit;height:6px;width:6px;background-color:var(--eui-ctx-c-s-bg-light)}.eui-sidebar-menu__content::-webkit-scrollbar-thumb{background-color:var(--eui-ctx-c-bg0);border-radius:5rem}.eui-sidebar-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-ctx-c-s-lighter)}.eui-sidebar-menu__content::-webkit-scrollbar-track{background-color:var(--eui-ctx-c-s-bg-light);border-radius:0}.eui-page-column__body .eui-sidebar-menu__content{box-shadow:inherit}.eui-sidebar-menu .eui-menu-item .eui-menu-item__link{min-height:calc(2.25 * var(--eui-base-spacing-m))}\n"] }]
 }], propDecorators: { string: [{
   type: HostBinding,
   args: ["class"]

package/fesm2022/eui-components-eui-sidebar-menu.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-sidebar-menu/eui-sidebar-menu.component.ts", "../../eui-sidebar-menu/eui-sidebar-menu.component.html", "../../eui-sidebar-menu/eui-sidebar-menu.module.ts"],
   "sourcesContent": ["import { Component, HostBinding, ChangeDetectionStrategy, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { EuiMenuItem } from '@eui/base';\n\n@Component({\n    selector: 'eui-sidebar-menu',\n    templateUrl: './eui-sidebar-menu.component.html',\n    styleUrls: ['./_styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiSidebarMenuComponent {\n    @HostBinding('class') string = 'eui-sidebar-menu';\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    @Input() items: any[] = [];\n\n    @Input({ transform: booleanAttribute }) hasCollapsedInitials = false;\n    @Input({ transform: booleanAttribute }) isCollapsed = false;\n    @Input({ transform: booleanAttribute }) hasFilter = false;\n    @Input({ transform: booleanAttribute }) hasIcons = false;\n    @Input({ transform: booleanAttribute }) hasTooltip = false;\n    @Input({ transform: booleanAttribute }) expandAllItems = false;\n    @Input({ transform: booleanAttribute }) hasLowercaseItems = false;\n\n    @Input() style = '';\n    @Input() fragmentId: string; // Anchor to navigate to (see eui-menu)\n    @Input() searchFilterLabel: string;\n    @Input() externalTarget: string;\n    @Input() filterValue = '';\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @angular-eslint/no-output-on-prefix\n    @Output() menuClick: EventEmitter<any> = new EventEmitter();\n    @Output() itemClick: EventEmitter<EuiMenuItem> = new EventEmitter();\n\n    public onMenuItemClicked(item: EuiMenuItem): void {\n        this.itemClick.emit(item);\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public onMenuClicked(event: any): void {\n        this.menuClick.emit(event);\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public onMenuCollapsed(event: any): void {\n        this.isCollapsed = event;\n    }\n}\n", "<div class=\"eui-sidebar-menu__container\" [class.eui-sidebar-menu__container--collapsed]=\"isCollapsed\" [style]=\"style\">\n    <div class=\"eui-sidebar-menu__content\">\n        <eui-menu\n            [items]=\"items\"\n            [hasFilter]=\"hasFilter\"\n            [hasIcons]=\"hasIcons\"\n            [hasTooltip]=\"hasTooltip\"\n            [isCollapsed]=\"isCollapsed\"\n            [hasCollapsedInitials]=\"hasCollapsedInitials\"\n            [hasLowercaseItems]=\"hasLowercaseItems\"\n            [expandAllItems]=\"expandAllItems\"\n            [fragmentId]=\"fragmentId\"\n            [searchFilterLabel]=\"searchFilterLabel\"\n            [filterValue]=\"filterValue\"\n            (isClick)=\"onMenuClicked($event)\"\n            (itemClick)=\"onMenuItemClicked($event)\">\n        </eui-menu>\n    </div>\n</div>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { EuiMenuModule } from '@eui/components/eui-menu';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\nimport { EuiSidebarMenuComponent } from './eui-sidebar-menu.component';\n\nconst COMPONENTS = [EuiSidebarMenuComponent];\n\n@NgModule({\n    imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiSidebarMenuModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/fesm2022/eui-components-eui-skeleton.mjs CHANGED Viewed

@@ -34,7 +34,7 @@ var EuiSkeletonComponent = class _EuiSkeletonComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiSkeletonComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiSkeletonComponent, selector: "eui-skeleton", inputs: { circle: ["circle", "circle", booleanAttribute], line: ["line", "line", booleanAttribute], square: ["square", "square", booleanAttribute], rectangle: ["rectangle", "rectangle", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiRounded", "euiRounded", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "", isInline: true, styles: ['.eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-base-color-grey-15);overflow:hidden}.eui-skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-skeleton--circle{border-radius:50%;height:3rem;width:3rem}.eui-skeleton--line{display:block;height:var(--eui-base-spacing-m);width:100%}.eui-skeleton--square{height:3rem;width:3rem}.eui-skeleton--rectangle{height:var(--eui-base-spacing-xl);width:100%}.eui-skeleton--rounded{border-radius:var(--eui-base-spacing-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-skeleton--size-xs.eui-skeleton--line,.eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-skeleton--size-xs.eui-skeleton--circle,.eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-skeleton--size-s.eui-skeleton--line,.eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-skeleton--size-s.eui-skeleton--circle,.eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-skeleton--size-m.eui-skeleton--line,.eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-skeleton--size-m.eui-skeleton--circle,.eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-skeleton--size-l.eui-skeleton--line,.eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-skeleton--size-l.eui-skeleton--circle,.eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-skeleton--size-xl.eui-skeleton--line,.eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-skeleton--size-xl.eui-skeleton--circle,.eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiSkeletonComponent, selector: "eui-skeleton", inputs: { circle: ["circle", "circle", booleanAttribute], line: ["line", "line", booleanAttribute], square: ["square", "square", booleanAttribute], rectangle: ["rectangle", "rectangle", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiRounded", "euiRounded", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "", isInline: true, styles: ['.eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-ctx-c-s-lightest);overflow:hidden}.eui-skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-skeleton--circle{border-radius:50%;height:3rem;width:3rem}.eui-skeleton--line{display:block;height:var(--eui-base-spacing-m);width:100%}.eui-skeleton--square{height:3rem;width:3rem}.eui-skeleton--rectangle{height:var(--eui-base-spacing-xl);width:100%}.eui-skeleton--rounded{border-radius:var(--eui-base-spacing-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-skeleton--size-xs.eui-skeleton--line,.eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-skeleton--size-xs.eui-skeleton--circle,.eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-skeleton--size-s.eui-skeleton--line,.eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-skeleton--size-s.eui-skeleton--circle,.eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-skeleton--size-m.eui-skeleton--line,.eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-skeleton--size-m.eui-skeleton--circle,.eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-skeleton--size-l.eui-skeleton--line,.eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-skeleton--size-l.eui-skeleton--circle,.eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-skeleton--size-xl.eui-skeleton--line,.eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-skeleton--size-xl.eui-skeleton--circle,.eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiSkeletonComponent, decorators: [{
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
         "euiSizeVariant"
       ]
     }
-  ], styles: ['.eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-base-color-grey-15);overflow:hidden}.eui-skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-skeleton--circle{border-radius:50%;height:3rem;width:3rem}.eui-skeleton--line{display:block;height:var(--eui-base-spacing-m);width:100%}.eui-skeleton--square{height:3rem;width:3rem}.eui-skeleton--rectangle{height:var(--eui-base-spacing-xl);width:100%}.eui-skeleton--rounded{border-radius:var(--eui-base-spacing-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-skeleton--size-xs.eui-skeleton--line,.eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-skeleton--size-xs.eui-skeleton--circle,.eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-skeleton--size-s.eui-skeleton--line,.eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-skeleton--size-s.eui-skeleton--circle,.eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-skeleton--size-m.eui-skeleton--line,.eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-skeleton--size-m.eui-skeleton--circle,.eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-skeleton--size-l.eui-skeleton--line,.eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-skeleton--size-l.eui-skeleton--circle,.eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-skeleton--size-xl.eui-skeleton--line,.eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-skeleton--size-xl.eui-skeleton--circle,.eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n'] }]
+  ], styles: ['.eui-skeleton{display:inline-flex;position:relative;background-color:var(--eui-ctx-c-s-lightest);overflow:hidden}.eui-skeleton:after{content:"";animation:skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0)}.eui-skeleton--circle{border-radius:50%;height:3rem;width:3rem}.eui-skeleton--line{display:block;height:var(--eui-base-spacing-m);width:100%}.eui-skeleton--square{height:3rem;width:3rem}.eui-skeleton--rectangle{height:var(--eui-base-spacing-xl);width:100%}.eui-skeleton--rounded{border-radius:var(--eui-base-spacing-m)}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.eui-skeleton--size-xs.eui-skeleton--line,.eui-skeleton--size-xs.eui-skeleton--rectangle{width:5rem}.eui-skeleton--size-xs.eui-skeleton--circle,.eui-skeleton--size-xs.eui-skeleton--square{width:1.5rem;height:1.5rem}.eui-skeleton--size-s.eui-skeleton--line,.eui-skeleton--size-s.eui-skeleton--rectangle{width:10%}.eui-skeleton--size-s.eui-skeleton--circle,.eui-skeleton--size-s.eui-skeleton--square{width:2rem;height:2rem}.eui-skeleton--size-m.eui-skeleton--line,.eui-skeleton--size-m.eui-skeleton--rectangle{width:25%}.eui-skeleton--size-m.eui-skeleton--circle,.eui-skeleton--size-m.eui-skeleton--square{width:3rem;height:3rem}.eui-skeleton--size-l.eui-skeleton--line,.eui-skeleton--size-l.eui-skeleton--rectangle{width:50%}.eui-skeleton--size-l.eui-skeleton--circle,.eui-skeleton--size-l.eui-skeleton--square{width:4rem;height:4rem}.eui-skeleton--size-xl.eui-skeleton--line,.eui-skeleton--size-xl.eui-skeleton--rectangle{width:75%}.eui-skeleton--size-xl.eui-skeleton--circle,.eui-skeleton--size-xl.eui-skeleton--square{width:5rem;height:5rem}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

package/fesm2022/eui-components-eui-skeleton.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-skeleton/eui-skeleton.component.ts", "../../eui-skeleton/eui-skeleton.module.ts"],
   "sourcesContent": ["import {\n    // NgModule,\n    Component,\n    HostBinding,\n    // EventEmitter,\n    Input,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    // Output,\n    OnInit,\n    booleanAttribute,\n} from '@angular/core';\n\n// eUI imports\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    template: '',\n    selector: 'eui-skeleton',\n    styleUrl: './styles/_index.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiRounded',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiSkeletonComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @Input({ transform: booleanAttribute }) circle = false;\n    @Input({ transform: booleanAttribute }) line = false;\n    @Input({ transform: booleanAttribute }) square = false;\n    @Input({ transform: booleanAttribute }) rectangle = false;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n    ) {}\n\n    private getCssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-skeleton'),\n            this.circle ? 'eui-skeleton--circle': '',\n            this.line ? 'eui-skeleton--line': '',\n            this.square ? 'eui-skeleton--square': '',\n            this.rectangle ? 'eui-skeleton--rectangle': '',\n\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { EuiSkeletonComponent } from './eui-skeleton.component';\n\nconst COMPONENTS = [EuiSkeletonComponent];\n\n@NgModule({\n    imports: [\n        CommonModule,\n    ],\n    declarations: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EuiSkeletonModule {}\n"],
-  "mappings": ";AAAA;EAEI;EACA;EAEA;EACA;EACA;EAGA;OACG;AAGP,SAAS,2BAA2B;;;AAuB9B,IAAO,uBAAP,MAAO,sBAAoB;EAC7B,IACW,aAAU;AACjB,WAAO,KAAK,cAAa;EAC7B;EAOA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAN6B,SAAA,SAAS;AACT,SAAA,OAAO;AACP,SAAA,SAAS;AACT,SAAA,YAAY;EAIjD;EAEK,gBAAa;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,cAAc;MACrD,KAAK,SAAS,yBAAwB;MACtC,KAAK,OAAO,uBAAsB;MAClC,KAAK,SAAS,yBAAwB;MACtC,KAAK,YAAY,4BAA2B;MAG3C,KAAK,GAAG,EACR,KAAI;EACb;;4GA1BS,uBAAoB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAApB,uBAAoB,UAAA,gBAAA,QAAA,EAAA,QAAA,CAAA,UAAA,UAMT,gBAAgB,GAAA,MAAA,CAAA,QAAA,QAChB,gBAAgB,GAAA,QAAA,CAAA,UAAA,UAChB,gBAAgB,GAAA,WAAA,CAAA,aAAA,aAChB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,gBAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA7B1B,IAAE,UAAA,MAAA,QAAA,CAAA,otDAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAoBH,sBAAoB,YAAA,CAAA;QArBhC;qBACa,IAAE,UACF,gBAAc,iBAEP,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;;;KAGX,QAAA,CAAA,otDAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAKoB,QAAM,CAAA;QAA7C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,MAAI,CAAA;QAA3C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,QAAM,CAAA;QAA7C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AC9C1C,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;;AAGzB,IAAM,aAAa,CAAC,oBAAoB;AASlC,IAAO,oBAAP,MAAO,mBAAiB;;8GAAjB,oBAAiB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAjB,oBAAiB,cAAA,CATV,oBAAoB,GAAA,SAAA,CAIhC,YAAY,GAAA,SAAA,CAJA,oBAAoB,EAAA,CAAA;EAAA;;+GAS3B,oBAAiB,SAAA,CALtB,YAAY,EAAA,CAAA;EAAA;;oGAKP,mBAAiB,YAAA,CAAA;QAP7B;SAAS;IACN,SAAS;MACL;;IAEJ,cAAc,CAAC,GAAG,UAAU;IAC5B,SAAS,CAAC,GAAG,UAAU;GAC1B;;",
+  "mappings": ";AAAA;EAEI;EACA;EAEA;EACA;EACA;EAGA;OACG;AAGP,SAAS,2BAA2B;;;AAuB9B,IAAO,uBAAP,MAAO,sBAAoB;EAC7B,IACW,aAAU;AACjB,WAAO,KAAK,cAAa;EAC7B;EAOA,YACW,qBAAwC;AAAxC,SAAA,sBAAA;AAN6B,SAAA,SAAS;AACT,SAAA,OAAO;AACP,SAAA,SAAS;AACT,SAAA,YAAY;EAIjD;EAEK,gBAAa;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,cAAc;MACrD,KAAK,SAAS,yBAAwB;MACtC,KAAK,OAAO,uBAAsB;MAClC,KAAK,SAAS,yBAAwB;MACtC,KAAK,YAAY,4BAA2B;MAG3C,KAAK,GAAG,EACR,KAAI;EACb;;4GA1BS,uBAAoB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAApB,uBAAoB,UAAA,gBAAA,QAAA,EAAA,QAAA,CAAA,UAAA,UAMT,gBAAgB,GAAA,MAAA,CAAA,QAAA,QAChB,gBAAgB,GAAA,QAAA,CAAA,UAAA,UAChB,gBAAgB,GAAA,WAAA,CAAA,aAAA,aAChB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,aAAA,aAAA,cAAA,cAAA,kBAAA,gBAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UA7B1B,IAAE,UAAA,MAAA,QAAA,CAAA,ktDAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAoBH,sBAAoB,YAAA,CAAA;QArBhC;qBACa,IAAE,UACF,gBAAc,iBAEP,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;;;KAGX,QAAA,CAAA,ktDAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAKoB,QAAM,CAAA;QAA7C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,MAAI,CAAA;QAA3C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,QAAM,CAAA;QAA7C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AC9C1C,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;;AAGzB,IAAM,aAAa,CAAC,oBAAoB;AASlC,IAAO,oBAAP,MAAO,mBAAiB;;8GAAjB,oBAAiB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAjB,oBAAiB,cAAA,CATV,oBAAoB,GAAA,SAAA,CAIhC,YAAY,GAAA,SAAA,CAJA,oBAAoB,EAAA,CAAA;EAAA;;+GAS3B,oBAAiB,SAAA,CALtB,YAAY,EAAA,CAAA;EAAA;;oGAKP,mBAAiB,YAAA,CAAA;QAP7B;SAAS;IACN,SAAS;MACL;;IAEJ,cAAc,CAAC,GAAG,UAAU;IAC5B,SAAS,CAAC,GAAG,UAAU;GAC1B;;",
   "names": []
 }