@eui/components 15.2.2-snapshot-1677676754363 → 15.2.2

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 (15) hide show
  1. package/docs/components/EuiMenuItemComponent.html +1 -1
  2. package/docs/dependencies.html +2 -2
  3. package/docs/js/search/search_index.js +2 -2
  4. package/esm2020/eui-menu/eui-menu-item.component.mjs +4 -3
  5. package/esm2020/legacy/ux-form-control/ux-form-control.component.mjs +2 -2
  6. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  7. package/fesm2015/eui-components-eui-menu.mjs +3 -2
  8. package/fesm2015/eui-components-eui-menu.mjs.map +1 -1
  9. package/fesm2015/eui-components-legacy-ux-form-control.mjs +2 -2
  10. package/fesm2015/eui-components-legacy-ux-form-control.mjs.map +1 -1
  11. package/fesm2020/eui-components-eui-menu.mjs +3 -2
  12. package/fesm2020/eui-components-eui-menu.mjs.map +1 -1
  13. package/fesm2020/eui-components-legacy-ux-form-control.mjs +2 -2
  14. package/fesm2020/eui-components-legacy-ux-form-control.mjs.map +1 -1
  15. package/package.json +2 -2
package/esm2020/eui-menu/eui-menu-item.component.mjs CHANGED
@@ -50,6 +50,7 @@ export class EuiMenuItemComponent extends BaseDirective {
50
50
  return [super.getCssClasses('eui-menu-item')].join(' ').trim();
51
51
  }
52
52
  stopPropagation(event) {
53
+ this.clicked.emit(this.item);
53
54
  event.stopPropagation();
54
55
  }
55
56
  get menuItemTooltip() {
@@ -87,10 +88,10 @@ export class EuiMenuItemComponent extends BaseDirective {
87
88
  }
88
89
  }
89
90
  /** @nocollapse */ EuiMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
90
- /** @nocollapse */ EuiMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggled: "expandToggled", clicked: "clicked" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<li\n *ngIf=\"isLabelItem && item.visible && item.filtered\"\n class=\"eui-menu-item eui-menu-item__category\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n role=\"menuitem\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <span class=\"eui-menu-item__category-label\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n </span>\n</li>\n\n<li\n *ngIf=\"isUrlItem && item.visible && item.filtered\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"!!item.children\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <a\n (click)=\"onClick($event)\"\n [routerLink]=\"item.url ? item.url : null\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n [class.eui-menu-item__link--active]=\"item.active\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n *ngIf=\"isLinkItem && item.visible && item.filtered\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"!!item.children\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <a\n (click)=\"onClick($event)\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.eui-menu-item__link--active]=\"item.active\"\n href=\"javascript:void(0)\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <eui-icon-svg\n *ngIf=\"item.hasMarker\"\n class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n fillColor=\"{{ item?.markerTypeClass }}\"\n icon=\"eui-ellipse\"\n size=\"xs\"\n [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n </eui-icon-svg>\n\n <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n <eui-icon-svg\n *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n class=\"eui-menu-item__label-external\"\n icon=\"eui-ecl-external\"\n size=\"xs\">\n </eui-icon-svg>\n </span>\n\n <div class=\"eui-menu-item__link-right-content\">\n <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\">\n <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n </eui-chip>\n\n <button\n *ngIf=\"item.children\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n [euiDisabled]=\"item.disabled\"\n class=\"eui-menu-item__link-toggle\"\n [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n (click)=\"onExpandToggle($event)\">\n <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n <eui-icon-svg\n *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n icon=\"{{ item.iconSvgName }}\"\n fillColor=\"{{ item.iconTypeClass }}\"\n size=\"s\">\n </eui-icon-svg>\n <ng-template #svgNoIconDefault>\n <eui-icon-svg\n *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n class=\"eui-menu-item__link-icon--default\"\n icon=\"ellipse\"\n set=\"sharp\"\n size=\"xs\"\n [attr.aria-label]=\"item.iconLabel\">\n </eui-icon-svg>\n </ng-template>\n\n <span\n class=\"eui-menu-item__link-icon eui-icon\"\n [ngClass]=\"\n hasIcon && item.iconClass\n ? item.iconClass\n : isCollapsed && !item.hasMarker && !item.iconSvgName\n ? 'eui-menu-item__link-icon--none'\n : ''\n \"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "content", "contentAlignment", "position", "isDisabled", "euiTooltip"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
91
+ /** @nocollapse */ EuiMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggled: "expandToggled", clicked: "clicked" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<li\n *ngIf=\"isLabelItem && item.visible && item.filtered\"\n class=\"eui-menu-item eui-menu-item__category\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n role=\"menuitem\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <span class=\"eui-menu-item__category-label\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n </span>\n</li>\n\n<li\n *ngIf=\"isUrlItem && item.visible && item.filtered\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <a\n (click)=\"onClick($event)\"\n [routerLink]=\"item.url ? item.url : null\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n [class.eui-menu-item__link--active]=\"item.active\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n *ngIf=\"isLinkItem && item.visible && item.filtered\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <a\n (click)=\"onClick($event)\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.eui-menu-item__link--active]=\"item.active\"\n href=\"javascript:void(0)\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <eui-icon-svg\n *ngIf=\"item.hasMarker\"\n class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n fillColor=\"{{ item?.markerTypeClass }}\"\n icon=\"eui-ellipse\"\n size=\"xs\"\n [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n </eui-icon-svg>\n\n <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n <eui-icon-svg\n *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n class=\"eui-menu-item__label-external\"\n icon=\"eui-ecl-external\"\n size=\"xs\">\n </eui-icon-svg>\n </span>\n\n <div class=\"eui-menu-item__link-right-content\">\n <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\">\n <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n </eui-chip>\n\n <button\n *ngIf=\"item.children?.length > 0\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n [euiDisabled]=\"item.disabled\"\n class=\"eui-menu-item__link-toggle\"\n [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n (click)=\"onExpandToggle($event)\">\n <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n <eui-icon-svg\n *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n icon=\"{{ item.iconSvgName }}\"\n fillColor=\"{{ item.iconTypeClass }}\"\n size=\"s\">\n </eui-icon-svg>\n <ng-template #svgNoIconDefault>\n <eui-icon-svg\n *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n class=\"eui-menu-item__link-icon--default\"\n icon=\"ellipse\"\n set=\"sharp\"\n size=\"xs\"\n [attr.aria-label]=\"item.iconLabel\">\n </eui-icon-svg>\n </ng-template>\n\n <span\n class=\"eui-menu-item__link-icon eui-icon\"\n [ngClass]=\"\n hasIcon && item.iconClass\n ? item.iconClass\n : isCollapsed && !item.hasMarker && !item.iconSvgName\n ? 'eui-menu-item__link-icon--none'\n : ''\n \"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "content", "contentAlignment", "position", "isDisabled", "euiTooltip"], exportAs: ["euiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
91
92
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
92
93
  type: Component,
93
- args: [{ selector: 'eui-menu-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<li\n *ngIf=\"isLabelItem && item.visible && item.filtered\"\n class=\"eui-menu-item eui-menu-item__category\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n role=\"menuitem\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <span class=\"eui-menu-item__category-label\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n </span>\n</li>\n\n<li\n *ngIf=\"isUrlItem && item.visible && item.filtered\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"!!item.children\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <a\n (click)=\"onClick($event)\"\n [routerLink]=\"item.url ? item.url : null\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n [class.eui-menu-item__link--active]=\"item.active\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n *ngIf=\"isLinkItem && item.visible && item.filtered\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"!!item.children\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <a\n (click)=\"onClick($event)\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.eui-menu-item__link--active]=\"item.active\"\n href=\"javascript:void(0)\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <eui-icon-svg\n *ngIf=\"item.hasMarker\"\n class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n fillColor=\"{{ item?.markerTypeClass }}\"\n icon=\"eui-ellipse\"\n size=\"xs\"\n [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n </eui-icon-svg>\n\n <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n <eui-icon-svg\n *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n class=\"eui-menu-item__label-external\"\n icon=\"eui-ecl-external\"\n size=\"xs\">\n </eui-icon-svg>\n </span>\n\n <div class=\"eui-menu-item__link-right-content\">\n <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\">\n <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n </eui-chip>\n\n <button\n *ngIf=\"item.children\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n [euiDisabled]=\"item.disabled\"\n class=\"eui-menu-item__link-toggle\"\n [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n (click)=\"onExpandToggle($event)\">\n <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n <eui-icon-svg\n *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n icon=\"{{ item.iconSvgName }}\"\n fillColor=\"{{ item.iconTypeClass }}\"\n size=\"s\">\n </eui-icon-svg>\n <ng-template #svgNoIconDefault>\n <eui-icon-svg\n *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n class=\"eui-menu-item__link-icon--default\"\n icon=\"ellipse\"\n set=\"sharp\"\n size=\"xs\"\n [attr.aria-label]=\"item.iconLabel\">\n </eui-icon-svg>\n </ng-template>\n\n <span\n class=\"eui-menu-item__link-icon eui-icon\"\n [ngClass]=\"\n hasIcon && item.iconClass\n ? item.iconClass\n : isCollapsed && !item.hasMarker && !item.iconSvgName\n ? 'eui-menu-item__link-icon--none'\n : ''\n \"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
94
+ args: [{ selector: 'eui-menu-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<li\n *ngIf=\"isLabelItem && item.visible && item.filtered\"\n class=\"eui-menu-item eui-menu-item__category\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n role=\"menuitem\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <span class=\"eui-menu-item__category-label\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n </span>\n</li>\n\n<li\n *ngIf=\"isUrlItem && item.visible && item.filtered\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <a\n (click)=\"onClick($event)\"\n [routerLink]=\"item.url ? item.url : null\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n [class.eui-menu-item__link--active]=\"item.active\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n *ngIf=\"isLinkItem && item.visible && item.filtered\"\n role=\"menuitem\"\n [attr.aria-haspopup]=\"item?.children?.length > 0\"\n class=\"eui-menu-item\"\n [class.eui-menu-item--expanded]=\"item.expanded\"\n [euiTooltip]=\"menuItemTooltip\"\n position=\"after\">\n <a\n (click)=\"onClick($event)\"\n class=\"eui-menu-item__link\"\n [class.eui-menu-item--disabled]=\"item.disabled\"\n [attr.aria-disabled]=\"item.disabled\"\n [class.eui-menu-item__link--active]=\"item.active\"\n href=\"javascript:void(0)\">\n <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </a>\n\n <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n <eui-icon-svg\n *ngIf=\"item.hasMarker\"\n class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n fillColor=\"{{ item?.markerTypeClass }}\"\n icon=\"eui-ellipse\"\n size=\"xs\"\n [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n </eui-icon-svg>\n\n <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n <eui-icon-svg\n *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n class=\"eui-menu-item__label-external\"\n icon=\"eui-ecl-external\"\n size=\"xs\">\n </eui-icon-svg>\n </span>\n\n <div class=\"eui-menu-item__link-right-content\">\n <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\">\n <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n </eui-chip>\n\n <button\n *ngIf=\"item.children?.length > 0\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n [euiDisabled]=\"item.disabled\"\n class=\"eui-menu-item__link-toggle\"\n [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n (click)=\"onExpandToggle($event)\">\n <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n </button>\n </div>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n <eui-icon-svg\n *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n icon=\"{{ item.iconSvgName }}\"\n fillColor=\"{{ item.iconTypeClass }}\"\n size=\"s\">\n </eui-icon-svg>\n <ng-template #svgNoIconDefault>\n <eui-icon-svg\n *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n class=\"eui-menu-item__link-icon--default\"\n icon=\"ellipse\"\n set=\"sharp\"\n size=\"xs\"\n [attr.aria-label]=\"item.iconLabel\">\n </eui-icon-svg>\n </ng-template>\n\n <span\n class=\"eui-menu-item__link-icon eui-icon\"\n [ngClass]=\"\n hasIcon && item.iconClass\n ? item.iconClass\n : isCollapsed && !item.hasMarker && !item.iconSvgName\n ? 'eui-menu-item__link-icon--none'\n : ''\n \"\n [attr.aria-label]=\"item.iconLabel\">\n </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-base-font-size);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
94
95
  }], ctorParameters: function () { return []; }, propDecorators: { item: [{
95
96
  type: Input
96
97
  }], expandToggled: [{
@@ -110,4 +111,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
110
111
  type: HostListener,
111
112
  args: ['click', ['$event']]
112
113
  }] } });
113
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW1lbnUtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktbWVudS9ldWktbWVudS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS1tZW51L2V1aS1tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsV0FBVyxFQUNYLGlCQUFpQixFQUNqQixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixZQUFZLEdBRWYsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLHFCQUFxQixFQUFnQixNQUFNLHVCQUF1QixDQUFDOzs7Ozs7OztBQVM1RSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsYUFBYTtJQXFDbkQ7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQXBDRixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFDaEQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFFcEQsb0JBQWUsR0FBRyxRQUFRLENBQUM7UUFDM0Isc0JBQWlCLEdBQUcsVUFBVSxDQUFDO1FBRS9CLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQXVCWixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0lBSTdCLENBQUM7SUEzQkQsSUFDSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUFtQjtRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFDRCxJQUNJLFVBQVU7UUFDVixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDNUIsQ0FBQztJQUNELElBQUksVUFBVSxDQUFDLEtBQW1CO1FBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUNELElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3QixDQUFDO0lBQ0QsSUFBSSxXQUFXLENBQUMsS0FBbUI7UUFDL0IsSUFBSSxDQUFDLFlBQVksR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBU0QsUUFBUTtRQUNKLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFFeEgsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFFNUgsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzNELENBQUM7SUFFRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuRSxDQUFDO0lBR0QsZUFBZSxDQUFDLEtBQWlCO1FBQzdCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBSSxlQUFlO1FBQ2YsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDeEMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtnQkFDbkIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQzthQUM1QjtpQkFBTTtnQkFDSCxPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDN0M7U0FDSjthQUFNO1lBQ0gsT0FBTyxJQUFJLENBQUM7U0FDZjtJQUNMLENBQUM7SUFFTSxPQUFPLENBQUMsS0FBWTtRQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0IsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFTSxjQUFjLENBQUMsS0FBWTtRQUM5QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxJQUFpQjtRQUN4QyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUM3QixPQUFPLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO1NBQ2xEO2FBQU0sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztTQUNyQjthQUFNLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUN0QixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDeEI7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDOztvSUExRlEsb0JBQW9CO3dIQUFwQixvQkFBb0IsMFZDeEJqQywrbktBMklBOzJGRG5IYSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0ksZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxPQUFPLGlCQUNqQyxpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQVVILE9BQU87c0JBRFYsS0FBSztnQkFRRixVQUFVO3NCQURiLEtBQUs7Z0JBUUYsV0FBVztzQkFEZCxLQUFLO2dCQXdCRixVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTztnQkFNcEIsZUFBZTtzQkFEZCxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb25zdW1lRXZlbnQgfSBmcm9tICdAZXVpL2NvcmUnO1xuXG5pbXBvcnQgeyBCYXNlRGlyZWN0aXZlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL3NoYXJlZCc7XG5pbXBvcnQgeyBFdWlNZW51SXRlbSB9IGZyb20gJy4vbW9kZWxzL2V1aS1tZW51LWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1tZW51LWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktbWVudS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpTWVudUl0ZW1Db21wb25lbnQgZXh0ZW5kcyBCYXNlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBpdGVtOiBFdWlNZW51SXRlbTtcbiAgICBAT3V0cHV0KCkgZXhwYW5kVG9nZ2xlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RXVpTWVudUl0ZW0+KCk7XG4gICAgQE91dHB1dCgpIGNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV1aU1lbnVJdGVtPigpO1xuXG4gICAgZXhwYW5kTWVudUxhYmVsID0gJ0V4cGFuZCc7XG4gICAgY29sbGFwc2VNZW51TGFiZWwgPSAnQ29sbGFwc2UnO1xuXG4gICAgaXNVcmxJdGVtID0gZmFsc2U7XG4gICAgaXNMaW5rSXRlbSA9IGZhbHNlO1xuICAgIGlzTGFiZWxJdGVtID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIGdldCBoYXNJY29uKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faGFzSWNvbjtcbiAgICB9XG4gICAgc2V0IGhhc0ljb24odmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9oYXNJY29uID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgQElucHV0KClcbiAgICBnZXQgaGFzVG9vbHRpcCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2hhc1Rvb2x0aXA7XG4gICAgfVxuICAgIHNldCBoYXNUb29sdGlwKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faGFzVG9vbHRpcCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNDb2xsYXBzZWQ7XG4gICAgfVxuICAgIHNldCBpc0NvbGxhcHNlZCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2lzQ29sbGFwc2VkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfaGFzSWNvbiA9IGZhbHNlO1xuICAgIHByaXZhdGUgX2hhc1Rvb2x0aXAgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9pc0NvbGxhcHNlZCA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNVcmxJdGVtID0gKHRoaXMuaXRlbS51cmwgfHwgdGhpcy5pdGVtLnVybEV4dGVybmFsIHx8IHRoaXMuaXRlbS5jaGlsZHJlbiB8fCB0aGlzLml0ZW0uY29tbWFuZCkgJiYgIXRoaXMuaXRlbS5saW5rO1xuXG4gICAgICAgIHRoaXMuaXNMYWJlbEl0ZW0gPSAhdGhpcy5pdGVtLnVybCAmJiAhdGhpcy5pdGVtLnVybEV4dGVybmFsICYmICF0aGlzLml0ZW0uY29tbWFuZCAmJiAhdGhpcy5pdGVtLmNoaWxkcmVuICYmICF0aGlzLml0ZW0ubGluaztcblxuICAgICAgICB0aGlzLmlzTGlua0l0ZW0gPSAhdGhpcy5pc1VybEl0ZW0gJiYgIXRoaXMuaXNMYWJlbEl0ZW07XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtzdXBlci5nZXRDc3NDbGFzc2VzKCdldWktbWVudS1pdGVtJyldLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICAgIHN0b3BQcm9wYWdhdGlvbihldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBnZXQgbWVudUl0ZW1Ub29sdGlwKCk6IHN0cmluZyB7XG4gICAgICAgIGlmICh0aGlzLmhhc1Rvb2x0aXAgJiYgIXRoaXMuaXRlbS5leHBhbmRlZCkge1xuICAgICAgICAgICAgaWYgKHRoaXMuaXRlbS50b29sdGlwKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMuaXRlbS50b29sdGlwO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gdGhpcy5nZXRUb29sdGlwRnJvbUl0ZW0odGhpcy5pdGVtKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG9uQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2xpY2tlZC5lbWl0KHRoaXMuaXRlbSk7XG4gICAgICAgIGNvbnN1bWVFdmVudChldmVudCk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uRXhwYW5kVG9nZ2xlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmV4cGFuZFRvZ2dsZWQuZW1pdCh0aGlzLml0ZW0pO1xuICAgICAgICBjb25zdW1lRXZlbnQoZXZlbnQpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0VG9vbHRpcEZyb21JdGVtKGl0ZW06IEV1aU1lbnVJdGVtKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKGl0ZW0udGFnTGFiZWwgJiYgaXRlbS5sYWJlbCkge1xuICAgICAgICAgICAgcmV0dXJuIGl0ZW0ubGFiZWwgKyAnICgnICsgaXRlbS50YWdMYWJlbCArICcpJztcbiAgICAgICAgfSBlbHNlIGlmIChpdGVtLmxhYmVsKSB7XG4gICAgICAgICAgICByZXR1cm4gaXRlbS5sYWJlbDtcbiAgICAgICAgfSBlbHNlIGlmIChpdGVtLnRhZ0xhYmVsKSB7XG4gICAgICAgICAgICByZXR1cm4gaXRlbS50YWdMYWJlbDtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG59XG4iLCI8bGlcbiAgICAqbmdJZj1cImlzTGFiZWxJdGVtICYmIGl0ZW0udmlzaWJsZSAmJiBpdGVtLmZpbHRlcmVkXCJcbiAgICBjbGFzcz1cImV1aS1tZW51LWl0ZW0gZXVpLW1lbnUtaXRlbV9fY2F0ZWdvcnlcIlxuICAgIFtjbGFzcy5ldWktbWVudS1pdGVtLS1kaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgIHJvbGU9XCJtZW51aXRlbVwiXG4gICAgW2V1aVRvb2x0aXBdPVwibWVudUl0ZW1Ub29sdGlwXCJcbiAgICBwb3NpdGlvbj1cImFmdGVyXCI+XG4gICAgPG5nLXRlbXBsYXRlICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXRlbUljb25Db250ZW50XCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBpdGVtIH1cIj48L25nLXRlbXBsYXRlPlxuXG4gICAgPHNwYW4gY2xhc3M9XCJldWktbWVudS1pdGVtX19jYXRlZ29yeS1sYWJlbFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xhYmVsXCI+e3sgaXRlbS5sYWJlbCB9fTwvc3Bhbj5cbiAgICA8L3NwYW4+XG48L2xpPlxuXG48bGlcbiAgICAqbmdJZj1cImlzVXJsSXRlbSAmJiBpdGVtLnZpc2libGUgJiYgaXRlbS5maWx0ZXJlZFwiXG4gICAgcm9sZT1cIm1lbnVpdGVtXCJcbiAgICBbYXR0ci5hcmlhLWhhc3BvcHVwXT1cIiEhaXRlbS5jaGlsZHJlblwiXG4gICAgY2xhc3M9XCJldWktbWVudS1pdGVtXCJcbiAgICBbY2xhc3MuZXVpLW1lbnUtaXRlbS0tZXhwYW5kZWRdPVwiaXRlbS5leHBhbmRlZFwiXG4gICAgW2V1aVRvb2x0aXBdPVwibWVudUl0ZW1Ub29sdGlwXCJcbiAgICBwb3NpdGlvbj1cImFmdGVyXCI+XG4gICAgPGFcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0udXJsID8gaXRlbS51cmwgOiBudWxsXCJcbiAgICAgICAgY2xhc3M9XCJldWktbWVudS1pdGVtX19saW5rXCJcbiAgICAgICAgW2NsYXNzLmV1aS1tZW51LWl0ZW0tLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICBbcm91dGVyTGlua0FjdGl2ZV09XCJpdGVtLnVybCA/ICdldWktbWVudS1pdGVtX19saW5rLS1hY3RpdmUnIDogJydcIlxuICAgICAgICBbY2xhc3MuZXVpLW1lbnUtaXRlbV9fbGluay0tYWN0aXZlXT1cIml0ZW0uYWN0aXZlXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAqbmdUZW1wbGF0ZU91dGxldD1cImxpbmtDb250ZW50XCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBpdGVtIH1cIj48L25nLXRlbXBsYXRlPlxuICAgIDwvYT5cblxuICAgIDxuZy10ZW1wbGF0ZSAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLXRlbXBsYXRlPlxuPC9saT5cblxuPGxpXG4gICAgKm5nSWY9XCJpc0xpbmtJdGVtICYmIGl0ZW0udmlzaWJsZSAmJiBpdGVtLmZpbHRlcmVkXCJcbiAgICByb2xlPVwibWVudWl0ZW1cIlxuICAgIFthdHRyLmFyaWEtaGFzcG9wdXBdPVwiISFpdGVtLmNoaWxkcmVuXCJcbiAgICBjbGFzcz1cImV1aS1tZW51LWl0ZW1cIlxuICAgIFtjbGFzcy5ldWktbWVudS1pdGVtLS1leHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcbiAgICBbZXVpVG9vbHRpcF09XCJtZW51SXRlbVRvb2x0aXBcIlxuICAgIHBvc2l0aW9uPVwiYWZ0ZXJcIj5cbiAgICA8YVxuICAgICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgY2xhc3M9XCJldWktbWVudS1pdGVtX19saW5rXCJcbiAgICAgICAgW2NsYXNzLmV1aS1tZW51LWl0ZW0tLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICBbY2xhc3MuZXVpLW1lbnUtaXRlbV9fbGluay0tYWN0aXZlXT1cIml0ZW0uYWN0aXZlXCJcbiAgICAgICAgaHJlZj1cImphdmFzY3JpcHQ6dm9pZCgwKVwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgKm5nVGVtcGxhdGVPdXRsZXQ9XCJsaW5rQ29udGVudFwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSB9XCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2E+XG5cbiAgICA8bmctdGVtcGxhdGUgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbjwvbGk+XG5cbjxuZy10ZW1wbGF0ZSAjbGlua0NvbnRlbnQ+XG4gICAgPG5nLXRlbXBsYXRlICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXRlbUljb25Db250ZW50XCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBpdGVtIH1cIj48L25nLXRlbXBsYXRlPlxuXG4gICAgPGV1aS1pY29uLXN2Z1xuICAgICAgICAqbmdJZj1cIml0ZW0uaGFzTWFya2VyXCJcbiAgICAgICAgY2xhc3M9XCJldWktbWVudS1pdGVtX19saW5rLW1hcmtlciBldWktbWVudS1pdGVtX19saW5rLW1hcmtlci0tZGVmYXVsdFwiXG4gICAgICAgIGZpbGxDb2xvcj1cInt7IGl0ZW0/Lm1hcmtlclR5cGVDbGFzcyB9fVwiXG4gICAgICAgIGljb249XCJldWktZWxsaXBzZVwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5tYXJrZXJUeXBlQ2xhc3MgKyAnICcgKyAnbWFya2VyJ1wiPlxuICAgIDwvZXVpLWljb24tc3ZnPlxuXG4gICAgPHNwYW4gY2xhc3M9XCJldWktbWVudS1pdGVtX19saW5rLWxhYmVsXCIgW2NsYXNzLmV1aS1tZW51LWl0ZW0tLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIiBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJldWktbWVudS1pdGVtX19sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XG5cbiAgICAgICAgPGV1aS1pY29uLXN2Z1xuICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnVybEV4dGVybmFsICYmIGl0ZW0udXJsRXh0ZXJuYWxUYXJnZXQgPT09ICdfYmxhbmsnXCJcbiAgICAgICAgICAgIGNsYXNzPVwiZXVpLW1lbnUtaXRlbV9fbGFiZWwtZXh0ZXJuYWxcIlxuICAgICAgICAgICAgaWNvbj1cImV1aS1lY2wtZXh0ZXJuYWxcIlxuICAgICAgICAgICAgc2l6ZT1cInhzXCI+XG4gICAgICAgIDwvZXVpLWljb24tc3ZnPlxuICAgIDwvc3Bhbj5cblxuICAgIDxkaXYgY2xhc3M9XCJldWktbWVudS1pdGVtX19saW5rLXJpZ2h0LWNvbnRlbnRcIj5cbiAgICAgICAgPGV1aS1jaGlwICpuZ0lmPVwiaXRlbS50YWdMYWJlbFwiIGV1aVNpemVYUyBldWlPdXRsaW5lIHN0eWxlQ2xhc3M9XCJldWktbWVudS1pdGVtX19saW5rLXRhZy1sYWJlbCBldWktY2hpcC0te3sgaXRlbS50YWdUeXBlQ2xhc3MgfX1cIj5cbiAgICAgICAgICAgIDxzcGFuIGV1aUxhYmVsIGNsYXNzPVwiZXVpLWxhYmVsXCI+e3sgaXRlbS50YWdMYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgPC9ldWktY2hpcD5cblxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cIml0ZW0uY2hpbGRyZW5cIlxuICAgICAgICAgICAgZXVpQnV0dG9uXG4gICAgICAgICAgICBldWlSb3VuZGVkXG4gICAgICAgICAgICBldWlJY29uQnV0dG9uXG4gICAgICAgICAgICBldWlTaXplU1xuICAgICAgICAgICAgZXVpQmFzaWNCdXR0b25cbiAgICAgICAgICAgIGV1aVNlY29uZGFyeVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBbZXVpRGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICAgICBjbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xpbmstdG9nZ2xlXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5leHBhbmRlZCA/IGV4cGFuZE1lbnVMYWJlbCA6IGNvbGxhcHNlTWVudUxhYmVsXCJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkV4cGFuZFRvZ2dsZSgkZXZlbnQpXCI+XG4gICAgICAgICAgICA8ZXVpLWljb24tc3ZnICpuZ0lmPVwiaXRlbS5leHBhbmRlZFwiIGljb249XCJldWktY2hldnJvbi11cFwiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICAgICAgPGV1aS1pY29uLXN2ZyAqbmdJZj1cIiFpdGVtLmV4cGFuZGVkXCIgaWNvbj1cImV1aS1jaGV2cm9uLWRvd25cIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNpdGVtSWNvbkNvbnRlbnQ+XG4gICAgPGV1aS1pY29uLXN2Z1xuICAgICAgICAqbmdJZj1cImhhc0ljb24gJiYgaXRlbS5pY29uU3ZnTmFtZTsgZWxzZSBzdmdOb0ljb25EZWZhdWx0XCJcbiAgICAgICAgaWNvbj1cInt7IGl0ZW0uaWNvblN2Z05hbWUgfX1cIlxuICAgICAgICBmaWxsQ29sb3I9XCJ7eyBpdGVtLmljb25UeXBlQ2xhc3MgfX1cIlxuICAgICAgICBzaXplPVwic1wiPlxuICAgIDwvZXVpLWljb24tc3ZnPlxuICAgIDxuZy10ZW1wbGF0ZSAjc3ZnTm9JY29uRGVmYXVsdD5cbiAgICAgICAgPGV1aS1pY29uLXN2Z1xuICAgICAgICAgICAgKm5nSWY9XCJpc0NvbGxhcHNlZCAmJiAhaXRlbS5oYXNNYXJrZXIgJiYgIWl0ZW0uaWNvbkNsYXNzXCJcbiAgICAgICAgICAgIGNsYXNzPVwiZXVpLW1lbnUtaXRlbV9fbGluay1pY29uLS1kZWZhdWx0XCJcbiAgICAgICAgICAgIGljb249XCJlbGxpcHNlXCJcbiAgICAgICAgICAgIHNldD1cInNoYXJwXCJcbiAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIml0ZW0uaWNvbkxhYmVsXCI+XG4gICAgICAgIDwvZXVpLWljb24tc3ZnPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8c3BhblxuICAgICAgICBjbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xpbmstaWNvbiBldWktaWNvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICAgICAgaGFzSWNvbiAmJiBpdGVtLmljb25DbGFzc1xuICAgICAgICAgICAgICAgID8gaXRlbS5pY29uQ2xhc3NcbiAgICAgICAgICAgICAgICA6IGlzQ29sbGFwc2VkICYmICFpdGVtLmhhc01hcmtlciAmJiAhaXRlbS5pY29uU3ZnTmFtZVxuICAgICAgICAgICAgICAgID8gJ2V1aS1tZW51LWl0ZW1fX2xpbmstaWNvbi0tbm9uZSdcbiAgICAgICAgICAgICAgICA6ICcnXG4gICAgICAgIFwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5pY29uTGFiZWxcIj5cbiAgICA8L3NwYW4+XG48L25nLXRlbXBsYXRlPlxuIl19
114
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW1lbnUtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9ldWktbWVudS9ldWktbWVudS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL2V1aS1tZW51L2V1aS1tZW51LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsV0FBVyxFQUNYLGlCQUFpQixFQUNqQixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixZQUFZLEdBRWYsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLHFCQUFxQixFQUFnQixNQUFNLHVCQUF1QixDQUFDOzs7Ozs7OztBQVM1RSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsYUFBYTtJQXFDbkQ7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQXBDRixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFDaEQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFFcEQsb0JBQWUsR0FBRyxRQUFRLENBQUM7UUFDM0Isc0JBQWlCLEdBQUcsVUFBVSxDQUFDO1FBRS9CLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQXVCWixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0lBSTdCLENBQUM7SUEzQkQsSUFDSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUFtQjtRQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFDRCxJQUNJLFVBQVU7UUFDVixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDNUIsQ0FBQztJQUNELElBQUksVUFBVSxDQUFDLEtBQW1CO1FBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUNELElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3QixDQUFDO0lBQ0QsSUFBSSxXQUFXLENBQUMsS0FBbUI7UUFDL0IsSUFBSSxDQUFDLFlBQVksR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBU0QsUUFBUTtRQUNKLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFFeEgsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFFNUgsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzNELENBQUM7SUFFRCxJQUNJLFVBQVU7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNuRSxDQUFDO0lBR0QsZUFBZSxDQUFDLEtBQWlCO1FBQzdCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksZUFBZTtRQUNmLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3hDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7Z0JBQ25CLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7YUFDNUI7aUJBQU07Z0JBQ0gsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzdDO1NBQ0o7YUFBTTtZQUNILE9BQU8sSUFBSSxDQUFDO1NBQ2Y7SUFDTCxDQUFDO0lBRU0sT0FBTyxDQUFDLEtBQVk7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzdCLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRU0sY0FBYyxDQUFDLEtBQVk7UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25DLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRU8sa0JBQWtCLENBQUMsSUFBaUI7UUFDeEMsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDN0IsT0FBTyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQztTQUNsRDthQUFNLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNuQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7U0FDckI7YUFBTSxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO1NBQ3hCO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQzs7b0lBM0ZRLG9CQUFvQjt3SEFBcEIsb0JBQW9CLDBWQ3hCakMsaXFLQTJJQTsyRkRuSGEsb0JBQW9CO2tCQVBoQyxTQUFTOytCQUNJLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsT0FBTyxpQkFDakMsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFVSCxPQUFPO3NCQURWLEtBQUs7Z0JBUUYsVUFBVTtzQkFEYixLQUFLO2dCQVFGLFdBQVc7c0JBRGQsS0FBSztnQkF3QkYsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU87Z0JBTXBCLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBIb3N0QmluZGluZyxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29uc3VtZUV2ZW50IH0gZnJvbSAnQGV1aS9jb3JlJztcblxuaW1wb3J0IHsgQmFzZURpcmVjdGl2ZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9zaGFyZWQnO1xuaW1wb3J0IHsgRXVpTWVudUl0ZW0gfSBmcm9tICcuL21vZGVscy9ldWktbWVudS1pdGVtLm1vZGVsJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSwgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWktbWVudS1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aU1lbnVJdGVtQ29tcG9uZW50IGV4dGVuZHMgQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgaXRlbTogRXVpTWVudUl0ZW07XG4gICAgQE91dHB1dCgpIGV4cGFuZFRvZ2dsZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV1aU1lbnVJdGVtPigpO1xuICAgIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxFdWlNZW51SXRlbT4oKTtcblxuICAgIGV4cGFuZE1lbnVMYWJlbCA9ICdFeHBhbmQnO1xuICAgIGNvbGxhcHNlTWVudUxhYmVsID0gJ0NvbGxhcHNlJztcblxuICAgIGlzVXJsSXRlbSA9IGZhbHNlO1xuICAgIGlzTGlua0l0ZW0gPSBmYWxzZTtcbiAgICBpc0xhYmVsSXRlbSA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgaGFzSWNvbigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2hhc0ljb247XG4gICAgfVxuICAgIHNldCBoYXNJY29uKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICAgICAgdGhpcy5faGFzSWNvbiA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGhhc1Rvb2x0aXAoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9oYXNUb29sdGlwO1xuICAgIH1cbiAgICBzZXQgaGFzVG9vbHRpcCh2YWx1ZTogQm9vbGVhbklucHV0KSB7XG4gICAgICAgIHRoaXMuX2hhc1Rvb2x0aXAgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICAgIH1cbiAgICBASW5wdXQoKVxuICAgIGdldCBpc0NvbGxhcHNlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lzQ29sbGFwc2VkO1xuICAgIH1cbiAgICBzZXQgaXNDb2xsYXBzZWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc0NvbGxhcHNlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gICAgfVxuICAgIHByaXZhdGUgX2hhc0ljb24gPSBmYWxzZTtcbiAgICBwcml2YXRlIF9oYXNUb29sdGlwID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfaXNDb2xsYXBzZWQgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzVXJsSXRlbSA9ICh0aGlzLml0ZW0udXJsIHx8IHRoaXMuaXRlbS51cmxFeHRlcm5hbCB8fCB0aGlzLml0ZW0uY2hpbGRyZW4gfHwgdGhpcy5pdGVtLmNvbW1hbmQpICYmICF0aGlzLml0ZW0ubGluaztcblxuICAgICAgICB0aGlzLmlzTGFiZWxJdGVtID0gIXRoaXMuaXRlbS51cmwgJiYgIXRoaXMuaXRlbS51cmxFeHRlcm5hbCAmJiAhdGhpcy5pdGVtLmNvbW1hbmQgJiYgIXRoaXMuaXRlbS5jaGlsZHJlbiAmJiAhdGhpcy5pdGVtLmxpbms7XG5cbiAgICAgICAgdGhpcy5pc0xpbmtJdGVtID0gIXRoaXMuaXNVcmxJdGVtICYmICF0aGlzLmlzTGFiZWxJdGVtO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZXVpLW1lbnUtaXRlbScpXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgICBzdG9wUHJvcGFnYXRpb24oZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jbGlja2VkLmVtaXQodGhpcy5pdGVtKTtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgZ2V0IG1lbnVJdGVtVG9vbHRpcCgpOiBzdHJpbmcge1xuICAgICAgICBpZiAodGhpcy5oYXNUb29sdGlwICYmICF0aGlzLml0ZW0uZXhwYW5kZWQpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLml0ZW0udG9vbHRpcCkge1xuICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLml0ZW0udG9vbHRpcDtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMuZ2V0VG9vbHRpcEZyb21JdGVtKHRoaXMuaXRlbSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBvbkNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNsaWNrZWQuZW1pdCh0aGlzLml0ZW0pO1xuICAgICAgICBjb25zdW1lRXZlbnQoZXZlbnQpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvbkV4cGFuZFRvZ2dsZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5leHBhbmRUb2dnbGVkLmVtaXQodGhpcy5pdGVtKTtcbiAgICAgICAgY29uc3VtZUV2ZW50KGV2ZW50KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFRvb2x0aXBGcm9tSXRlbShpdGVtOiBFdWlNZW51SXRlbSk6IHN0cmluZyB7XG4gICAgICAgIGlmIChpdGVtLnRhZ0xhYmVsICYmIGl0ZW0ubGFiZWwpIHtcbiAgICAgICAgICAgIHJldHVybiBpdGVtLmxhYmVsICsgJyAoJyArIGl0ZW0udGFnTGFiZWwgKyAnKSc7XG4gICAgICAgIH0gZWxzZSBpZiAoaXRlbS5sYWJlbCkge1xuICAgICAgICAgICAgcmV0dXJuIGl0ZW0ubGFiZWw7XG4gICAgICAgIH0gZWxzZSBpZiAoaXRlbS50YWdMYWJlbCkge1xuICAgICAgICAgICAgcmV0dXJuIGl0ZW0udGFnTGFiZWw7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxufVxuIiwiPGxpXG4gICAgKm5nSWY9XCJpc0xhYmVsSXRlbSAmJiBpdGVtLnZpc2libGUgJiYgaXRlbS5maWx0ZXJlZFwiXG4gICAgY2xhc3M9XCJldWktbWVudS1pdGVtIGV1aS1tZW51LWl0ZW1fX2NhdGVnb3J5XCJcbiAgICBbY2xhc3MuZXVpLW1lbnUtaXRlbS0tZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICByb2xlPVwibWVudWl0ZW1cIlxuICAgIFtldWlUb29sdGlwXT1cIm1lbnVJdGVtVG9vbHRpcFwiXG4gICAgcG9zaXRpb249XCJhZnRlclwiPlxuICAgIDxuZy10ZW1wbGF0ZSAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW1JY29uQ29udGVudFwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSB9XCI+PC9uZy10ZW1wbGF0ZT5cblxuICAgIDxzcGFuIGNsYXNzPVwiZXVpLW1lbnUtaXRlbV9fY2F0ZWdvcnktbGFiZWxcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJldWktbWVudS1pdGVtX19sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XG4gICAgPC9zcGFuPlxuPC9saT5cblxuPGxpXG4gICAgKm5nSWY9XCJpc1VybEl0ZW0gJiYgaXRlbS52aXNpYmxlICYmIGl0ZW0uZmlsdGVyZWRcIlxuICAgIHJvbGU9XCJtZW51aXRlbVwiXG4gICAgW2F0dHIuYXJpYS1oYXNwb3B1cF09XCJpdGVtPy5jaGlsZHJlbj8ubGVuZ3RoID4gMFwiXG4gICAgY2xhc3M9XCJldWktbWVudS1pdGVtXCJcbiAgICBbY2xhc3MuZXVpLW1lbnUtaXRlbS0tZXhwYW5kZWRdPVwiaXRlbS5leHBhbmRlZFwiXG4gICAgW2V1aVRvb2x0aXBdPVwibWVudUl0ZW1Ub29sdGlwXCJcbiAgICBwb3NpdGlvbj1cImFmdGVyXCI+XG4gICAgPGFcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0udXJsID8gaXRlbS51cmwgOiBudWxsXCJcbiAgICAgICAgY2xhc3M9XCJldWktbWVudS1pdGVtX19saW5rXCJcbiAgICAgICAgW2NsYXNzLmV1aS1tZW51LWl0ZW0tLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICBbcm91dGVyTGlua0FjdGl2ZV09XCJpdGVtLnVybCA/ICdldWktbWVudS1pdGVtX19saW5rLS1hY3RpdmUnIDogJydcIlxuICAgICAgICBbY2xhc3MuZXVpLW1lbnUtaXRlbV9fbGluay0tYWN0aXZlXT1cIml0ZW0uYWN0aXZlXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAqbmdUZW1wbGF0ZU91dGxldD1cImxpbmtDb250ZW50XCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBpdGVtIH1cIj48L25nLXRlbXBsYXRlPlxuICAgIDwvYT5cblxuICAgIDxuZy10ZW1wbGF0ZSAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLXRlbXBsYXRlPlxuPC9saT5cblxuPGxpXG4gICAgKm5nSWY9XCJpc0xpbmtJdGVtICYmIGl0ZW0udmlzaWJsZSAmJiBpdGVtLmZpbHRlcmVkXCJcbiAgICByb2xlPVwibWVudWl0ZW1cIlxuICAgIFthdHRyLmFyaWEtaGFzcG9wdXBdPVwiaXRlbT8uY2hpbGRyZW4/Lmxlbmd0aCA+IDBcIlxuICAgIGNsYXNzPVwiZXVpLW1lbnUtaXRlbVwiXG4gICAgW2NsYXNzLmV1aS1tZW51LWl0ZW0tLWV4cGFuZGVkXT1cIml0ZW0uZXhwYW5kZWRcIlxuICAgIFtldWlUb29sdGlwXT1cIm1lbnVJdGVtVG9vbHRpcFwiXG4gICAgcG9zaXRpb249XCJhZnRlclwiPlxuICAgIDxhXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuICAgICAgICBjbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xpbmtcIlxuICAgICAgICBbY2xhc3MuZXVpLW1lbnUtaXRlbS0tZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgIFtjbGFzcy5ldWktbWVudS1pdGVtX19saW5rLS1hY3RpdmVdPVwiaXRlbS5hY3RpdmVcIlxuICAgICAgICBocmVmPVwiamF2YXNjcmlwdDp2b2lkKDApXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAqbmdUZW1wbGF0ZU91dGxldD1cImxpbmtDb250ZW50XCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBpdGVtIH1cIj48L25nLXRlbXBsYXRlPlxuICAgIDwvYT5cblxuICAgIDxuZy10ZW1wbGF0ZSAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLXRlbXBsYXRlPlxuPC9saT5cblxuPG5nLXRlbXBsYXRlICNsaW5rQ29udGVudD5cbiAgICA8bmctdGVtcGxhdGUgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpdGVtSWNvbkNvbnRlbnRcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGl0ZW0gfVwiPjwvbmctdGVtcGxhdGU+XG5cbiAgICA8ZXVpLWljb24tc3ZnXG4gICAgICAgICpuZ0lmPVwiaXRlbS5oYXNNYXJrZXJcIlxuICAgICAgICBjbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xpbmstbWFya2VyIGV1aS1tZW51LWl0ZW1fX2xpbmstbWFya2VyLS1kZWZhdWx0XCJcbiAgICAgICAgZmlsbENvbG9yPVwie3sgaXRlbT8ubWFya2VyVHlwZUNsYXNzIH19XCJcbiAgICAgICAgaWNvbj1cImV1aS1lbGxpcHNlXCJcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpdGVtLm1hcmtlclR5cGVDbGFzcyArICcgJyArICdtYXJrZXInXCI+XG4gICAgPC9ldWktaWNvbi1zdmc+XG5cbiAgICA8c3BhbiBjbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xpbmstbGFiZWxcIiBbY2xhc3MuZXVpLW1lbnUtaXRlbS0tZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xhYmVsXCI+e3sgaXRlbS5sYWJlbCB9fTwvc3Bhbj5cblxuICAgICAgICA8ZXVpLWljb24tc3ZnXG4gICAgICAgICAgICAqbmdJZj1cIml0ZW0udXJsRXh0ZXJuYWwgJiYgaXRlbS51cmxFeHRlcm5hbFRhcmdldCA9PT0gJ19ibGFuaydcIlxuICAgICAgICAgICAgY2xhc3M9XCJldWktbWVudS1pdGVtX19sYWJlbC1leHRlcm5hbFwiXG4gICAgICAgICAgICBpY29uPVwiZXVpLWVjbC1leHRlcm5hbFwiXG4gICAgICAgICAgICBzaXplPVwieHNcIj5cbiAgICAgICAgPC9ldWktaWNvbi1zdmc+XG4gICAgPC9zcGFuPlxuXG4gICAgPGRpdiBjbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xpbmstcmlnaHQtY29udGVudFwiPlxuICAgICAgICA8ZXVpLWNoaXAgKm5nSWY9XCJpdGVtLnRhZ0xhYmVsXCIgZXVpU2l6ZVhTIGV1aU91dGxpbmUgc3R5bGVDbGFzcz1cImV1aS1tZW51LWl0ZW1fX2xpbmstdGFnLWxhYmVsIGV1aS1jaGlwLS17eyBpdGVtLnRhZ1R5cGVDbGFzcyB9fVwiPlxuICAgICAgICAgICAgPHNwYW4gZXVpTGFiZWwgY2xhc3M9XCJldWktbGFiZWxcIj57eyBpdGVtLnRhZ0xhYmVsIH19PC9zcGFuPlxuICAgICAgICA8L2V1aS1jaGlwPlxuXG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5jaGlsZHJlbj8ubGVuZ3RoID4gMFwiXG4gICAgICAgICAgICBldWlCdXR0b25cbiAgICAgICAgICAgIGV1aVJvdW5kZWRcbiAgICAgICAgICAgIGV1aUljb25CdXR0b25cbiAgICAgICAgICAgIGV1aVNpemVTXG4gICAgICAgICAgICBldWlCYXNpY0J1dHRvblxuICAgICAgICAgICAgZXVpU2Vjb25kYXJ5XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIFtldWlEaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICAgICAgICAgIGNsYXNzPVwiZXVpLW1lbnUtaXRlbV9fbGluay10b2dnbGVcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpdGVtLmV4cGFuZGVkID8gZXhwYW5kTWVudUxhYmVsIDogY29sbGFwc2VNZW51TGFiZWxcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uRXhwYW5kVG9nZ2xlKCRldmVudClcIj5cbiAgICAgICAgICAgIDxldWktaWNvbi1zdmcgKm5nSWY9XCJpdGVtLmV4cGFuZGVkXCIgaWNvbj1cImV1aS1jaGV2cm9uLXVwXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgICAgICA8ZXVpLWljb24tc3ZnICpuZ0lmPVwiIWl0ZW0uZXhwYW5kZWRcIiBpY29uPVwiZXVpLWNoZXZyb24tZG93blwiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2l0ZW1JY29uQ29udGVudD5cbiAgICA8ZXVpLWljb24tc3ZnXG4gICAgICAgICpuZ0lmPVwiaGFzSWNvbiAmJiBpdGVtLmljb25TdmdOYW1lOyBlbHNlIHN2Z05vSWNvbkRlZmF1bHRcIlxuICAgICAgICBpY29uPVwie3sgaXRlbS5pY29uU3ZnTmFtZSB9fVwiXG4gICAgICAgIGZpbGxDb2xvcj1cInt7IGl0ZW0uaWNvblR5cGVDbGFzcyB9fVwiXG4gICAgICAgIHNpemU9XCJzXCI+XG4gICAgPC9ldWktaWNvbi1zdmc+XG4gICAgPG5nLXRlbXBsYXRlICNzdmdOb0ljb25EZWZhdWx0PlxuICAgICAgICA8ZXVpLWljb24tc3ZnXG4gICAgICAgICAgICAqbmdJZj1cImlzQ29sbGFwc2VkICYmICFpdGVtLmhhc01hcmtlciAmJiAhaXRlbS5pY29uQ2xhc3NcIlxuICAgICAgICAgICAgY2xhc3M9XCJldWktbWVudS1pdGVtX19saW5rLWljb24tLWRlZmF1bHRcIlxuICAgICAgICAgICAgaWNvbj1cImVsbGlwc2VcIlxuICAgICAgICAgICAgc2V0PVwic2hhcnBcIlxuICAgICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaXRlbS5pY29uTGFiZWxcIj5cbiAgICAgICAgPC9ldWktaWNvbi1zdmc+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxzcGFuXG4gICAgICAgIGNsYXNzPVwiZXVpLW1lbnUtaXRlbV9fbGluay1pY29uIGV1aS1pY29uXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiXG4gICAgICAgICAgICBoYXNJY29uICYmIGl0ZW0uaWNvbkNsYXNzXG4gICAgICAgICAgICAgICAgPyBpdGVtLmljb25DbGFzc1xuICAgICAgICAgICAgICAgIDogaXNDb2xsYXBzZWQgJiYgIWl0ZW0uaGFzTWFya2VyICYmICFpdGVtLmljb25TdmdOYW1lXG4gICAgICAgICAgICAgICAgPyAnZXVpLW1lbnUtaXRlbV9fbGluay1pY29uLS1ub25lJ1xuICAgICAgICAgICAgICAgIDogJydcbiAgICAgICAgXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpdGVtLmljb25MYWJlbFwiPlxuICAgIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
package/esm2020/legacy/ux-form-control/ux-form-control.component.mjs CHANGED
@@ -451,7 +451,7 @@ export class UxFormControlComponent {
451
451
  useExisting: forwardRef((() => UxFormControlComponent)),
452
452
  multi: true,
453
453
  },
454
- ], viewQueries: [{ propertyName: "radioElement", first: true, predicate: ["radioElement"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }, { propertyName: "formControlRef", first: true, predicate: ["formControlRef"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isInputText && !isReadOnly\">\n <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n <input\n #inputRef\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"text\"\n [(ngModel)]=\"inputValue\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\" />\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n <textarea\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n [(ngModel)]=\"inputValue\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [attr.rows]=\"rows\"\n [minRows]=\"minRows\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n [uxAutoResize]=\"isTextareaAutoresize\">\n </textarea>\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n <select\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-form-control ux-form-control__custom-select {{ inputStyleClass }}\"\n [(ngModel)]=\"inputValue\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n <ng-container *ngIf=\"selectOptions\">\n <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{ placeholderLabel }}</option>\n <ng-template [ngIf]=\"isSelectHasOptions\">\n <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n <optgroup *ngIf=\"item.options\" label=\"{{ item.value }}\" class=\"ux-u-font-regular\">\n <option\n *ngFor=\"let opt of item.options\"\n [value]=\"opt[selectKeyName]\"\n [selected]=\"inputValue === opt[selectKeyName]\">\n {{ opt[selectValueName] }}\n </option>\n </optgroup>\n <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n {{ item[selectValueName] }}\n </option>\n </ng-template>\n </ng-template>\n\n <ng-template [ngIf]=\"!isSelectHasOptions\">\n <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n {{ opt[selectValueName] }}\n </option>\n </ng-template>\n </ng-container>\n <ng-content *ngIf=\"!selectOptions\"></ng-content>\n </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">\n {{ selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n <input\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"checkbox\"\n class=\"ux-input__checkbox {{ styleClass }}\"\n [(ngModel)]=\"inputValue\"\n (click)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n <label for=\"{{ generatedId }}\" *ngIf=\"checkboxLabel\">{{ checkboxLabel }}</label>\n <label for=\"{{ generatedId }}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n <input\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-input__checkbox {{ styleClass }}\"\n type=\"checkbox\"\n [checked]=\"inputValue\"\n onclick=\"return false;\"\n [tabindex]=\"tabindex\"\n readonly=\"readonly\"\n aria-readonly=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n <label for=\"{{ generatedId }}\" *ngIf=\"checkboxLabel\">{{ checkboxLabel }}</label>\n <label for=\"{{ generatedId }}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n <input\n #radioElement\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-input__radio {{ styleClass }}\"\n type=\"radio\"\n [checked]=\"checked\"\n [name]=\"formControlName + groupId\"\n [value]=\"formControlValue\"\n (click)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-ra-rw\" />\n <label for=\"{{ generatedId }}\" class=\"radio-label\">{{ radioLabel || '&nbsp;' }}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n <div\n *ngIf=\"radioLabel\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ radioLabel }}\n </div>\n <div\n *ngIf=\"!radioLabel\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ inputValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n <div\n *ngIf=\"isReadOnly\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">\n {{ inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value }}\n </div>\n <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n <input\n #inputRef\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"text\"\n [uxCleave]=\"cleaveOptions\"\n [readOnly]=\"isReadOnly\"\n [(ngModel)]=\"inputValue\"\n [isModelNumber]=\"true\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [disabled]=\"isDisabled\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\" />\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n <pre>{{ inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue }}</pre>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n <ux-control-feedback\n *ngIf=\"validationErrorMessage\"\n typeClass=\"{{ validationErrorType ? validationErrorType : 'danger' }}\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n {{\n validationErrorMessage && $any(validationErrorMessage).id\n ? ($any(validationErrorMessage).id | translate : $any(validationErrorMessage).params)\n : validationErrorMessage\n }}\n </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n {{ maxLengthValidationErrorMessage }}\n </ux-control-feedback>\n</ng-container>\n", styles: ["input.ux-form-control,select.ux-form-control,textarea.ux-form-control{border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.ux-form-control:focus,select.ux-form-control:focus,textarea.ux-form-control:focus{border:1px solid var(--eui-base-color-primary-75);box-shadow:var(--eui-base-shadow-1)}input::-ms-clear{display:none}.ux-clearable-input-wrapper{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.ux-clearable-input-wrapper:before{position:absolute;right:var(--eui-base-spacing-s)}.ux-clearable-input-wrapper:hover{color:var(--eui-base-color-grey-100)}@keyframes borderscale{50%{box-shadow:0 0 0 2px var(--eui-base-color-primary-110)}}select.ux-form-control:not([readonly]){-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 4 5\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\" name=\"arrow-up-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>');background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xl)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}.ux-input__checkbox:not(.cdk-visually-hidden){-webkit-appearance:inherit;appearance:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-20)}.ux-input__checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.ux-input__checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-primary-100);opacity:1}.ux-input__checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-15);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-35);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]+label{pointer-events:none}.ux-input__checkbox:not(.cdk-visually-hidden):active,.ux-input__checkbox:not(.cdk-visually-hidden):focus{box-shadow:var(--eui-base-shadow-3);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-input__radio:not(.cdk-visually-hidden){-webkit-appearance:inherit;appearance:inherit;align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:bottom;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-20)}.ux-input__radio:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.ux-input__radio:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-white)}.ux-input__radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-15);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.ux-input__radio:not(.cdk-visually-hidden)[readonly]{display:none;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__radio:not(.cdk-visually-hidden)[readonly]:checked{display:inline-flex}.ux-input__radio:not(.cdk-visually-hidden)[readonly]:checked:before{background:var(--eui-base-color-grey-25);border-radius:50%;height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not(:disabled):not([readonly]),.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--danger:not(:disabled):not([readonly]){border:2px solid var(--eui-base-color-danger-100)}.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not(:disabled):not([readonly]):checked:before,.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23da2131' stroke='%23da2131' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):active,.ux-input__radio:not(.cdk-visually-hidden):focus{box-shadow:var(--eui-base-shadow-3);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UxControlFeedbackComponent, selector: "ux-control-feedback", inputs: ["styleClass", "typeClass", "e2eAttr"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.UxMaxlengthDirective, selector: "input[type=\"text\"][uxMaxlength], input[type=\"password\"][uxMaxlength], textarea[uxMaxlength]", inputs: ["uxMaxlength", "isShowMaxlengthCounter"], outputs: ["validityChange"] }, { kind: "directive", type: i4.UxAutoResizeDirective, selector: "textarea[uxAutoResize]", inputs: ["uxAutoResize", "minRows"] }, { kind: "directive", type: i4.UxCleaveDirective, selector: "[uxCleave]", inputs: ["uxCleave", "readOnly", "isModelNumber"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
454
+ ], viewQueries: [{ propertyName: "radioElement", first: true, predicate: ["radioElement"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }, { propertyName: "formControlRef", first: true, predicate: ["formControlRef"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"isInputText && !isReadOnly\">\n <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n <input\n #inputRef\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"text\"\n [(ngModel)]=\"inputValue\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\" />\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n <textarea\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n [(ngModel)]=\"inputValue\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [attr.rows]=\"rows\"\n [minRows]=\"minRows\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n [uxAutoResize]=\"isTextareaAutoresize\">\n </textarea>\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n <select\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-form-control ux-form-control__custom-select {{ inputStyleClass }}\"\n [(ngModel)]=\"inputValue\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n <ng-container *ngIf=\"selectOptions\">\n <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{ placeholderLabel }}</option>\n <ng-template [ngIf]=\"isSelectHasOptions\">\n <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n <optgroup *ngIf=\"item.options\" label=\"{{ item.value }}\" class=\"ux-u-font-regular\">\n <option\n *ngFor=\"let opt of item.options\"\n [value]=\"opt[selectKeyName]\"\n [selected]=\"inputValue === opt[selectKeyName]\">\n {{ opt[selectValueName] }}\n </option>\n </optgroup>\n <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n {{ item[selectValueName] }}\n </option>\n </ng-template>\n </ng-template>\n\n <ng-template [ngIf]=\"!isSelectHasOptions\">\n <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n {{ opt[selectValueName] }}\n </option>\n </ng-template>\n </ng-container>\n <ng-content *ngIf=\"!selectOptions\"></ng-content>\n </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">\n {{ selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n <input\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"checkbox\"\n class=\"ux-input__checkbox {{ styleClass }}\"\n [(ngModel)]=\"inputValue\"\n (click)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n <label for=\"{{ generatedId }}\" *ngIf=\"checkboxLabel\">{{ checkboxLabel }}</label>\n <label for=\"{{ generatedId }}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n <input\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-input__checkbox {{ styleClass }}\"\n type=\"checkbox\"\n [checked]=\"inputValue\"\n onclick=\"return false;\"\n [tabindex]=\"tabindex\"\n readonly=\"readonly\"\n aria-readonly=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n <label for=\"{{ generatedId }}\" *ngIf=\"checkboxLabel\">{{ checkboxLabel }}</label>\n <label for=\"{{ generatedId }}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n <input\n #radioElement\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-input__radio {{ styleClass }}\"\n type=\"radio\"\n [checked]=\"checked\"\n [name]=\"formControlName + groupId\"\n [value]=\"formControlValue\"\n (click)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-ra-rw\" />\n <label for=\"{{ generatedId }}\" class=\"radio-label\">{{ radioLabel || '&nbsp;' }}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n <div\n *ngIf=\"radioLabel\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ radioLabel }}\n </div>\n <div\n *ngIf=\"!radioLabel\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ inputValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n <div\n *ngIf=\"isReadOnly\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">\n {{ inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value }}\n </div>\n <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n <input\n #inputRef\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"text\"\n [uxCleave]=\"cleaveOptions\"\n [readOnly]=\"isReadOnly\"\n [(ngModel)]=\"inputValue\"\n [isModelNumber]=\"true\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [disabled]=\"isDisabled\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\" />\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n <pre>{{ inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue }}</pre>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n <ux-control-feedback\n *ngIf=\"validationErrorMessage\"\n typeClass=\"{{ validationErrorType ? validationErrorType : 'danger' }}\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n {{\n validationErrorMessage && $any(validationErrorMessage).id\n ? ($any(validationErrorMessage).id | translate : $any(validationErrorMessage).params)\n : validationErrorMessage\n }}\n </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n {{ maxLengthValidationErrorMessage }}\n </ux-control-feedback>\n</ng-container>\n", styles: ["input.ux-form-control,select.ux-form-control,textarea.ux-form-control{border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.ux-form-control:active,input.ux-form-control:focus,select.ux-form-control:active,select.ux-form-control:focus,textarea.ux-form-control:active,textarea.ux-form-control:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}input::-ms-clear{display:none}.ux-clearable-input-wrapper{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.ux-clearable-input-wrapper:before{position:absolute;right:var(--eui-base-spacing-s)}.ux-clearable-input-wrapper:hover{color:var(--eui-base-color-grey-100)}@keyframes borderscale{50%{box-shadow:0 0 0 2px var(--eui-base-color-primary-110)}}select.ux-form-control:not([readonly]){-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 4 5\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\" name=\"arrow-up-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>');background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xl)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}.ux-input__checkbox:not(.cdk-visually-hidden){-webkit-appearance:inherit;appearance:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-20)}.ux-input__checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.ux-input__checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-primary-100);opacity:1}.ux-input__checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-15);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-35);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]+label{pointer-events:none}.ux-input__checkbox:not(.cdk-visually-hidden):active,.ux-input__checkbox:not(.cdk-visually-hidden):focus{box-shadow:var(--eui-base-shadow-3);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-input__radio:not(.cdk-visually-hidden){-webkit-appearance:inherit;appearance:inherit;align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:bottom;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-20)}.ux-input__radio:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.ux-input__radio:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-white)}.ux-input__radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-15);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.ux-input__radio:not(.cdk-visually-hidden)[readonly]{display:none;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__radio:not(.cdk-visually-hidden)[readonly]:checked{display:inline-flex}.ux-input__radio:not(.cdk-visually-hidden)[readonly]:checked:before{background:var(--eui-base-color-grey-25);border-radius:50%;height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not(:disabled):not([readonly]),.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--danger:not(:disabled):not([readonly]){border:2px solid var(--eui-base-color-danger-100)}.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not(:disabled):not([readonly]):checked:before,.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23da2131' stroke='%23da2131' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):active,.ux-input__radio:not(.cdk-visually-hidden):focus{box-shadow:var(--eui-base-shadow-3);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UxControlFeedbackComponent, selector: "ux-control-feedback", inputs: ["styleClass", "typeClass", "e2eAttr"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.UxMaxlengthDirective, selector: "input[type=\"text\"][uxMaxlength], input[type=\"password\"][uxMaxlength], textarea[uxMaxlength]", inputs: ["uxMaxlength", "isShowMaxlengthCounter"], outputs: ["validityChange"] }, { kind: "directive", type: i4.UxAutoResizeDirective, selector: "textarea[uxAutoResize]", inputs: ["uxAutoResize", "minRows"] }, { kind: "directive", type: i4.UxCleaveDirective, selector: "[uxCleave]", inputs: ["uxCleave", "readOnly", "isModelNumber"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
455
455
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: UxFormControlComponent, decorators: [{
456
456
  type: Component,
457
457
  args: [{ selector: 'ux-form-control', providers: [
@@ -465,7 +465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
465
465
  useExisting: forwardRef((() => UxFormControlComponent)),
466
466
  multi: true,
467
467
  },
468
- ], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"isInputText && !isReadOnly\">\n <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n <input\n #inputRef\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"text\"\n [(ngModel)]=\"inputValue\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\" />\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n <textarea\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n [(ngModel)]=\"inputValue\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [attr.rows]=\"rows\"\n [minRows]=\"minRows\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n [uxAutoResize]=\"isTextareaAutoresize\">\n </textarea>\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n <select\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-form-control ux-form-control__custom-select {{ inputStyleClass }}\"\n [(ngModel)]=\"inputValue\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n <ng-container *ngIf=\"selectOptions\">\n <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{ placeholderLabel }}</option>\n <ng-template [ngIf]=\"isSelectHasOptions\">\n <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n <optgroup *ngIf=\"item.options\" label=\"{{ item.value }}\" class=\"ux-u-font-regular\">\n <option\n *ngFor=\"let opt of item.options\"\n [value]=\"opt[selectKeyName]\"\n [selected]=\"inputValue === opt[selectKeyName]\">\n {{ opt[selectValueName] }}\n </option>\n </optgroup>\n <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n {{ item[selectValueName] }}\n </option>\n </ng-template>\n </ng-template>\n\n <ng-template [ngIf]=\"!isSelectHasOptions\">\n <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n {{ opt[selectValueName] }}\n </option>\n </ng-template>\n </ng-container>\n <ng-content *ngIf=\"!selectOptions\"></ng-content>\n </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">\n {{ selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n <input\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"checkbox\"\n class=\"ux-input__checkbox {{ styleClass }}\"\n [(ngModel)]=\"inputValue\"\n (click)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n <label for=\"{{ generatedId }}\" *ngIf=\"checkboxLabel\">{{ checkboxLabel }}</label>\n <label for=\"{{ generatedId }}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n <input\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-input__checkbox {{ styleClass }}\"\n type=\"checkbox\"\n [checked]=\"inputValue\"\n onclick=\"return false;\"\n [tabindex]=\"tabindex\"\n readonly=\"readonly\"\n aria-readonly=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n <label for=\"{{ generatedId }}\" *ngIf=\"checkboxLabel\">{{ checkboxLabel }}</label>\n <label for=\"{{ generatedId }}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n <input\n #radioElement\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-input__radio {{ styleClass }}\"\n type=\"radio\"\n [checked]=\"checked\"\n [name]=\"formControlName + groupId\"\n [value]=\"formControlValue\"\n (click)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-ra-rw\" />\n <label for=\"{{ generatedId }}\" class=\"radio-label\">{{ radioLabel || '&nbsp;' }}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n <div\n *ngIf=\"radioLabel\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ radioLabel }}\n </div>\n <div\n *ngIf=\"!radioLabel\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ inputValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n <div\n *ngIf=\"isReadOnly\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">\n {{ inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value }}\n </div>\n <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n <input\n #inputRef\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"text\"\n [uxCleave]=\"cleaveOptions\"\n [readOnly]=\"isReadOnly\"\n [(ngModel)]=\"inputValue\"\n [isModelNumber]=\"true\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [disabled]=\"isDisabled\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\" />\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n <pre>{{ inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue }}</pre>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n <ux-control-feedback\n *ngIf=\"validationErrorMessage\"\n typeClass=\"{{ validationErrorType ? validationErrorType : 'danger' }}\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n {{\n validationErrorMessage && $any(validationErrorMessage).id\n ? ($any(validationErrorMessage).id | translate : $any(validationErrorMessage).params)\n : validationErrorMessage\n }}\n </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n {{ maxLengthValidationErrorMessage }}\n </ux-control-feedback>\n</ng-container>\n", styles: ["input.ux-form-control,select.ux-form-control,textarea.ux-form-control{border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.ux-form-control:focus,select.ux-form-control:focus,textarea.ux-form-control:focus{border:1px solid var(--eui-base-color-primary-75);box-shadow:var(--eui-base-shadow-1)}input::-ms-clear{display:none}.ux-clearable-input-wrapper{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.ux-clearable-input-wrapper:before{position:absolute;right:var(--eui-base-spacing-s)}.ux-clearable-input-wrapper:hover{color:var(--eui-base-color-grey-100)}@keyframes borderscale{50%{box-shadow:0 0 0 2px var(--eui-base-color-primary-110)}}select.ux-form-control:not([readonly]){-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 4 5\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\" name=\"arrow-up-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>');background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xl)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}.ux-input__checkbox:not(.cdk-visually-hidden){-webkit-appearance:inherit;appearance:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-20)}.ux-input__checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.ux-input__checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-primary-100);opacity:1}.ux-input__checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-15);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-35);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]+label{pointer-events:none}.ux-input__checkbox:not(.cdk-visually-hidden):active,.ux-input__checkbox:not(.cdk-visually-hidden):focus{box-shadow:var(--eui-base-shadow-3);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-input__radio:not(.cdk-visually-hidden){-webkit-appearance:inherit;appearance:inherit;align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:bottom;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-20)}.ux-input__radio:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.ux-input__radio:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-white)}.ux-input__radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-15);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.ux-input__radio:not(.cdk-visually-hidden)[readonly]{display:none;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__radio:not(.cdk-visually-hidden)[readonly]:checked{display:inline-flex}.ux-input__radio:not(.cdk-visually-hidden)[readonly]:checked:before{background:var(--eui-base-color-grey-25);border-radius:50%;height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not(:disabled):not([readonly]),.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--danger:not(:disabled):not([readonly]){border:2px solid var(--eui-base-color-danger-100)}.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not(:disabled):not([readonly]):checked:before,.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23da2131' stroke='%23da2131' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):active,.ux-input__radio:not(.cdk-visually-hidden):focus{box-shadow:var(--eui-base-shadow-3);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}\n"] }]
468
+ ], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"isInputText && !isReadOnly\">\n <span attr.data-e2e=\"{{ e2eAttr }}-tf-rw\">\n <input\n #inputRef\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"text\"\n [(ngModel)]=\"inputValue\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\" />\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && !isReadOnly\">\n <span attr.data-e2e=\"{{ e2eAttr }}-ta-rw\">\n <textarea\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n [(ngModel)]=\"inputValue\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [attr.rows]=\"rows\"\n [minRows]=\"minRows\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n [uxAutoResize]=\"isTextareaAutoresize\">\n </textarea>\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isSelect && !isReadOnly\">\n <select\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-form-control ux-form-control__custom-select {{ inputStyleClass }}\"\n [(ngModel)]=\"inputValue\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-rw\">\n <ng-container *ngIf=\"selectOptions\">\n <option *ngIf=\"!selectNoBlankLine\" [value]=\"'' || null\" class=\"ux-u-color-grey\">{{ placeholderLabel }}</option>\n <ng-template [ngIf]=\"isSelectHasOptions\">\n <ng-template ngFor let-item [ngForOf]=\"selectOptions\">\n <optgroup *ngIf=\"item.options\" label=\"{{ item.value }}\" class=\"ux-u-font-regular\">\n <option\n *ngFor=\"let opt of item.options\"\n [value]=\"opt[selectKeyName]\"\n [selected]=\"inputValue === opt[selectKeyName]\">\n {{ opt[selectValueName] }}\n </option>\n </optgroup>\n <option *ngIf=\"!item.options\" [value]=\"item[selectKeyName]\" [selected]=\"inputValue === item[selectKeyName]\">\n {{ item[selectValueName] }}\n </option>\n </ng-template>\n </ng-template>\n\n <ng-template [ngIf]=\"!isSelectHasOptions\">\n <option *ngFor=\"let opt of selectOptions\" [value]=\"opt[selectKeyName]\" [selected]=\"inputValue === opt[selectKeyName]\">\n {{ opt[selectValueName] }}\n </option>\n </ng-template>\n </ng-container>\n <ng-content *ngIf=\"!selectOptions\"></ng-content>\n </select>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && isSelect\">\n <!-- <input type=\"text\" role=\"combobox\" [attr.aria-readonly]=\"true\" readonly=\"readonly\" id=\"{{generatedId}}\" class=\"ux-form-control__read-only {{inputStyleClass}}\" [value]=\"selectValue\" [tabindex]=\"tabindex\" /> -->\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">\n {{ selectValue === '' || !selectValue ? emptyValueTextOnReadOnly : selectValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && !isReadOnly\">\n <input\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"checkbox\"\n class=\"ux-input__checkbox {{ styleClass }}\"\n [(ngModel)]=\"inputValue\"\n (click)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-cb-rw\" />\n <label for=\"{{ generatedId }}\" *ngIf=\"checkboxLabel\">{{ checkboxLabel }}</label>\n <label for=\"{{ generatedId }}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isCheckbox && isReadOnly\">\n <input\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-input__checkbox {{ styleClass }}\"\n type=\"checkbox\"\n [checked]=\"inputValue\"\n onclick=\"return false;\"\n [tabindex]=\"tabindex\"\n readonly=\"readonly\"\n aria-readonly=\"true\"\n attr.data-e2e=\"{{ e2eAttr }}-cb-ro\" />\n <label for=\"{{ generatedId }}\" *ngIf=\"checkboxLabel\">{{ checkboxLabel }}</label>\n <label for=\"{{ generatedId }}\" role=\"presentation\" *ngIf=\"!checkboxLabel\">&nbsp;</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && !isReadOnly\">\n <input\n #radioElement\n #formControlRef\n id=\"{{ generatedId }}\"\n class=\"ux-input__radio {{ styleClass }}\"\n type=\"radio\"\n [checked]=\"checked\"\n [name]=\"formControlName + groupId\"\n [value]=\"formControlValue\"\n (click)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n [disabled]=\"isDisabled\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\"\n attr.data-e2e=\"{{ e2eAttr }}-ra-rw\" />\n <label for=\"{{ generatedId }}\" class=\"radio-label\">{{ radioLabel || '&nbsp;' }}</label>\n</ng-container>\n\n<ng-container *ngIf=\"isRadio && isReadOnly && isRadioOptionChecked\">\n <div\n *ngIf=\"radioLabel\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ radioLabel }}\n </div>\n <div\n *ngIf=\"!radioLabel\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ inputValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isReadOnly && !isCheckbox && !isNumber && !isSelect && !isRadio && !isTextarea\">\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n {{ inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue }}\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"isNumber\">\n <div\n *ngIf=\"isReadOnly\"\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-sel-ro\">\n {{ inputRef.value === '' || !inputRef.value ? emptyValueTextOnReadOnly : inputRef.value }}\n </div>\n <span [hidden]=\"isReadOnly\" attr.data-e2e=\"{{ e2eAttr }}-num-rw\">\n <input\n #inputRef\n #formControlRef\n id=\"{{ generatedId }}\"\n type=\"text\"\n [uxCleave]=\"cleaveOptions\"\n [readOnly]=\"isReadOnly\"\n [(ngModel)]=\"inputValue\"\n [isModelNumber]=\"true\"\n class=\"ux-form-control {{ inputStyleClass }}\"\n (change)=\"onChange($event)\"\n (keyup)=\"onChange($event)\"\n (blur)=\"onTouched($event)\"\n (focus)=\"onFocus($event)\"\n placeholder=\"{{ placeholderLabel }}\"\n [disabled]=\"isDisabled\"\n [uxMaxlength]=\"maxlength\"\n (validityChange)=\"OnMaxLengthValidityChange($event)\"\n [isShowMaxlengthCounter]=\"isShowMaxlengthCounter\"\n [tabindex]=\"tabindex\"\n [attr.aria-invalid]=\"ariaInvalid\"\n [attr.aria-required]=\"isRequired\" />\n </span>\n</ng-container>\n\n<ng-container *ngIf=\"isTextarea && isReadOnly\">\n <div\n id=\"{{ generatedId }}\"\n class=\"ux-form-group--read-only {{ inputStyleClass }}\"\n [tabindex]=\"tabindex\"\n attr.data-e2e=\"{{ e2eAttr }}-ro\">\n <pre>{{ inputValue === '' || !inputValue ? emptyValueTextOnReadOnly : inputValue }}</pre>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"!isFieldValid && !hasFormGroupParent\">\n <ux-control-feedback\n *ngIf=\"validationErrorMessage\"\n typeClass=\"{{ validationErrorType ? validationErrorType : 'danger' }}\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n {{\n validationErrorMessage && $any(validationErrorMessage).id\n ? ($any(validationErrorMessage).id | translate : $any(validationErrorMessage).params)\n : validationErrorMessage\n }}\n </ux-control-feedback>\n</ng-container>\n\n<ng-container *ngIf=\"!isMaxLengthValid\">\n <ux-control-feedback *ngIf=\"maxLengthValidationErrorMessage\" typeClass=\"danger\" attr.data-e2e=\"{{ e2eAttr }}\">\n {{ maxLengthValidationErrorMessage }}\n </ux-control-feedback>\n</ng-container>\n", styles: ["input.ux-form-control,select.ux-form-control,textarea.ux-form-control{border:1px solid var(--eui-base-color-grey-20);border-radius:var(--eui-base-border-radius);color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;height:calc(var(--eui-base-spacing-2xl) + 2px);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input.ux-form-control:active,input.ux-form-control:focus,select.ux-form-control:active,select.ux-form-control:focus,textarea.ux-form-control:active,textarea.ux-form-control:focus{outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}input::-ms-clear{display:none}.ux-clearable-input-wrapper{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.ux-clearable-input-wrapper:before{position:absolute;right:var(--eui-base-spacing-s)}.ux-clearable-input-wrapper:hover{color:var(--eui-base-color-grey-100)}@keyframes borderscale{50%{box-shadow:0 0 0 2px var(--eui-base-color-primary-110)}}select.ux-form-control:not([readonly]){-webkit-appearance:none;appearance:none;background-color:var(--eui-base-color-white);background-image:url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 4 5\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\" name=\"arrow-up-down\" aria-label=\"Close menu\" role=\"img\"><path d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>');background-position:calc(100% - var(--eui-base-spacing-s)) center;background-repeat:no-repeat;background-size:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xl)}:host{width:100%}.ux-form-control{background-clip:padding-box;background-color:var(--eui-base-color-white);border-radius:var(--eui-border-radius-base);display:block;line-height:var(--eui-base-line-height);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.ux-form-control:disabled,.ux-form-control[readonly]{background-color:var(--eui-base-color-grey-5)!important;color:var(--eui-base-color-grey-80)!important}.ux-form-control.custom-select,.ux-form-control.ux-form-control__custom-select{padding-right:var(--eui-base-spacing-2xl);text-overflow:ellipsis}select.ux-form-control[multiple],select.ux-form-control[size]{height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-m) + 2px)!important;padding-right:0}select.ux-form-control:not([size]),select.ux-form-control[size=\"1\"],select.ux-form-control:not([multiple]){height:calc(var(--eui-base-spacing-2xl) + 2px)}textarea.ux-form-control{height:auto}.ux-input__checkbox:not(.cdk-visually-hidden){-webkit-appearance:inherit;appearance:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;transition:all .25s ease;vertical-align:top;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-20)}.ux-input__checkbox:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.ux-input__checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-primary-100);opacity:1}.ux-input__checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\");height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs))}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-15);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.ux-input__checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]{background:var(--eui-base-color-grey-35);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath fill='none' stroke='%23004494' stroke-linecap='round' stroke-linejoin='round' stroke-width='64' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E\")}.ux-input__checkbox:not(.cdk-visually-hidden)[readonly]+label{pointer-events:none}.ux-input__checkbox:not(.cdk-visually-hidden):active,.ux-input__checkbox:not(.cdk-visually-hidden):focus{box-shadow:var(--eui-base-shadow-3);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}.ux-input__radio:not(.cdk-visually-hidden){-webkit-appearance:inherit;appearance:inherit;align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));margin-right:var(--eui-base-spacing-s);position:relative;vertical-align:bottom;transition:all .25s ease;width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));accent-color:var(--eui-base-color-white);background:var(--eui-base-color-white);border:2px solid var(--eui-base-color-grey-20)}.ux-input__radio:not(.cdk-visually-hidden)+label{display:inline-flex;cursor:pointer;margin-right:var(--eui-base-spacing-m);white-space:inherit}.ux-input__radio:not(.cdk-visually-hidden):checked{background:var(--eui-base-color-white)}.ux-input__radio:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-base-color-grey-15);opacity:.25;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):disabled:not([readonly])+label{pointer-events:none}.ux-input__radio:not(.cdk-visually-hidden)[readonly]{display:none;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.ux-input__radio:not(.cdk-visually-hidden)[readonly]:checked{display:inline-flex}.ux-input__radio:not(.cdk-visually-hidden)[readonly]:checked:before{background:var(--eui-base-color-grey-25);border-radius:50%;height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23004494' stroke='%23004494' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not(:disabled):not([readonly]),.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--danger:not(:disabled):not([readonly]){border:2px solid var(--eui-base-color-danger-100)}.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--invalid:not(:disabled):not([readonly]):checked:before,.ux-input__radio:not(.cdk-visually-hidden).eui-input-radio--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EEllipse%3C/title%3E%3Cpath fill='%23da2131' stroke='%23da2131' d='M256 464c-114.69 0-208-93.31-208-208S141.31 48 256 48s208 93.31 208 208-93.31 208-208 208z'/%3E%3C/svg%3E\")}.ux-input__radio:not(.cdk-visually-hidden):active,.ux-input__radio:not(.cdk-visually-hidden):focus{box-shadow:var(--eui-base-shadow-3);outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;-moz-outline-radius:var(--eui-base-border-radius);transition:outline .15s ease-in-out,border .15s ease-in-out}\n"] }]
469
469
  }], ctorParameters: function () { return [{ type: i6.UxFormGroupComponent, decorators: [{
470
470
  type: Optional
471
471
  }, {
package/eui-menu/eui-menu-item.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,YAAY,EAEZ,MAAM,EACT,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAOa,oBAAqB,SAAQ,aAAc,YAAW,MAAM;IAC5D,IAAI,EAAE,WAAW,CAAC;IACjB,aAAa,4BAAmC;IAChD,OAAO,4BAAmC;IAEpD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IAEpB,IACI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,YAAY,EAE9B;IACD,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,IACI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,YAAY,EAElC;IACD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;;IAM7B,QAAQ,IAAI,IAAI;IAQhB,IACI,UAAU,IAAI,MAAM,CAEvB;IAGD,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAIxC,IAAI,eAAe,IAAI,MAAM,CAU5B;IAEM,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK3B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKzC,OAAO,CAAC,kBAAkB;yCAjFjB,oBAAoB;2CAApB,oBAAoB;CA2FhC"}
1
+ {"version":3,"file":"eui-menu-item.component.d.ts","sourceRoot":"","sources":["../../eui-menu/eui-menu-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAOH,YAAY,EAEZ,MAAM,EACT,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAyB,YAAY,EAAE,MAAM,uBAAuB,CAAC;;AAE5E,qBAOa,oBAAqB,SAAQ,aAAc,YAAW,MAAM;IAC5D,IAAI,EAAE,WAAW,CAAC;IACjB,aAAa,4BAAmC;IAChD,OAAO,4BAAmC;IAEpD,eAAe,SAAY;IAC3B,iBAAiB,SAAc;IAE/B,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IAEpB,IACI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,YAAY,EAE9B;IACD,IACI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,EAEjC;IACD,IACI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,YAAY,EAElC;IACD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;;IAM7B,QAAQ,IAAI,IAAI;IAQhB,IACI,UAAU,IAAI,MAAM,CAEvB;IAGD,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAKxC,IAAI,eAAe,IAAI,MAAM,CAU5B;IAEM,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK3B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKzC,OAAO,CAAC,kBAAkB;yCAlFjB,oBAAoB;2CAApB,oBAAoB;CA4FhC"}