npm - @eui/components - Versions diffs - 14.0.12 → 14.0.13 - Mend

@eui/components 14.0.12 → 14.0.13

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 (13) hide show

package/fesm2020/eui-components-legacy-ux-button-group.mjs CHANGED Viewed

@@ -135,10 +135,10 @@ class UxButtonGroupComponent {
     }
 }
 /** @nocollapse */ UxButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ UxButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxButtonGroupComponent, selector: "ux-button-group", inputs: { styleClass: "styleClass", typeClass: "typeClass", isOutline: "isOutline", links: "links", isCheckboxButtons: "isCheckboxButtons", isRadioButtons: "isRadioButtons", hasPairedIcon: "hasPairedIcon", isSmall: "isSmall", isLarge: "isLarge", e2eAttr: "e2eAttr" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "items", predicate: i0.forwardRef(function () { return UxButtonGroupItemComponent; }) }], ngImport: i0, template: "<div class=\"ux-button-group {{styleClass}} {{btnSizeClass}}\"\n     data-toggle=\"buttons\"\n     attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-template [ngIf]=\"isCheckboxButtons\">\n        <button *ngFor=\"let link of links; trackBy: trackByFn\"\n               (click)=\"onClick(link, $event)\"\n               [disabled]=\"link.disabled\"\n               [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n               class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass || typeClass}} {{btnSizeClass}}\"\n               [class.ux-button-group--active]=\"link.active\"\n               [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label | translate\">\n            <input class=\"ux-input__checkbox\" type=\"checkbox\" autocomplete=\"off\" [attr.checked]=\"link.active\" tabindex=\"-1\">\n            {{ link.label | translate }}\n            <span focusable=\"false\" *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n        </button>\n    </ng-template>\n    <ng-template [ngIf]=\"isRadioButtons\">\n        <button *ngFor=\"let link of links; trackBy: trackByFn\"\n               (click)=\"onClick(link, $event)\"\n               [disabled]=\"link.disabled\"\n               [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n               class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass || typeClass}} {{btnSizeClass}}\"\n               [class.ux-button-group--active]=\"link.active\"\n               [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label | translate\">\n            <input class=\"ux-input__radio\" type=\"radio\" name=\"options\" [id]=\"link.id ? link.id: generatedId\" autocomplete=\"off\" [attr.checked]=\"link.active\">\n            {{ link.label | translate }}\n            <span focusable=\"false\" *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n        </button>\n    </ng-template>\n    <ng-template [ngIf]=\"!isCheckboxButtons && !isRadioButtons\">\n        <ng-template [ngIf]=\"hasPairedIcon\">\n            <button type=\"button\" (click)=\"onClick(links[0], $event)\"\n                    class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n                    [class.ux-button--active]=\"links[0].active\"\n                    [disabled]=\"links[0].disabled\"\n                    [uxTooltip]=\"links[0].tooltipLabel? links[0].tooltipLabel : null\">\n                <span class=\"ux-button__content\">{{links[0].label}}</span>\n            </button>\n            <button type=\"button\" (click)=\"onClick(links[1], $event)\"\n                    [disabled]=\"links[1].disabled\"\n                    class=\"ux-button ux-button--{{typeClass}}-dark {{btnSizeClass}} ux-button--icon-only\"\n                    [class.ux-button--active]=\"links[1].active\"\n                    [uxTooltip]=\"links[1].tooltipLabel? links[1].tooltipLabel : null\"\n                    attr.aria-label=\"{{ links[1].ariaIconLabel }}\">\n                <span focusable=\"false\" class=\"{{links[1].iconClass}} ux-button__icon\"></span>\n            </button>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!hasPairedIcon\">\n            <button type=\"button\" *ngFor=\"let link of links; let i = index; trackBy: trackByFn\"\n                    (click)=\"onClick(link, $event)\"\n                    [disabled]=\"link.disabled\"\n                    [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n                    class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n                    [class.ux-button--active]=\"link.active\">\n                <span class=\"ux-button__content\">{{ link.label | translate }}</span>\n                <span *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n            </button>\n        </ng-template>\n    </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";ux-button{display:inline-block}.ux-button{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:inherit;margin:0;min-width:42px;outline:none;padding:0 var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;box-shadow:var(--eui-base-shadow-1)}.ux-button.ux-dropdown-button,.ux-button.ux-dropdown-tree,.ux-button.ux-datepicker__toggler{box-shadow:none}.ux-button:focus,.ux-button:active,.ux-button.active{z-index:1;box-shadow:var(--eui-base-shadow-2);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}.eui-t-compact .ux-button{min-width:36px}.ux-button:not(.ux-button--outline),.ux-button:not(.ux-button--small),.ux-button:not(.ux-button--large){padding:11px var(--eui-base-spacing-s)!important}.ux-button__icon{align-self:center;margin-left:0;margin-right:0;display:inline-flex;font-size:var(--eui-base-font-size-xl)}.ux-button__content{align-items:center;display:inline-flex}.ux-button--with-label:not(.ux-dropdown-button) .ux-button__icon{margin-right:var(--eui-base-spacing-xs)}.ux-button.ux-button--icon-only{padding:11px 0}.eui-t-compact .ux-button.ux-button--icon-only{min-width:calc(2.5 * var(--eui-base-spacing-m))}.ux-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.ux-button--rounded{align-items:center;border-radius:10rem;justify-content:center}.ux-button.ux-button--small{height:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.ux-button.ux-button--small .ux-button__content{font-size:var(--eui-base-font-size-s);line-height:inherit}.ux-button.ux-button--small.ux-button--icon-only{padding:0;min-width:calc(2 * var(--eui-base-spacing-m))}.ux-button.ux-button--small .ux-button__icon,.ux-button.ux-button--small .eui-icon{font-size:var(--eui-base-font-size-xl)}.ux-button.ux-button--large{height:calc(3.25 * var(--eui-base-spacing-m))}.ux-button.ux-button--large .ux-button__content{font-size:var(--eui-base-font-size-xl);line-height:var(--eui-base-line-height)}.ux-button.ux-button--large .ux-button__icon.ux-icon,.ux-button.ux-button--large .ux-button__icon.eui-icon,.ux-button.ux-button--large .eui-icon{font-size:var(--eui-base-font-size-2xl)}.ux-button.ux-button--large.ux-button--icon-only{min-width:calc(3.25 * var(--eui-base-spacing-m))}.ux-button.ux-button--outline{padding:10px var(--eui-base-spacing-m)}.ux-button.ux-button--outline.ux-button--icon-only{padding:10px 0}.eui-t-compact .ux-button.ux-button--outline.ux-button--icon-only{padding:8px 0}.eui-t-compact .ux-button.ux-button--outline.ux-button--icon-only.ux-dropdown-button{padding:9px 0}.ux-button.ux-button--outline.ux-button--small{padding:0 var(--eui-base-spacing-s)}.eui-u-loading .ux-button{padding-left:var(--eui-base-spacing-3xl);margin-left:calc(-1 * var(--eui-base-spacing-s))}.ux-button-dropdown{box-shadow:none;overflow:hidden;white-space:nowrap}.fixed-action-btn,.ux-button-fixed{bottom:calc(var(--eui-layout-footer-height) + var(--eui-base-spacing-m));position:fixed;right:var(--eui-base-spacing-xl);z-index:var(--eui-base-z-index-footer-action-bar)}.btn-floating,.ux-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transition:.3s;transform:translateY(35%);vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.btn-floating:hover,.ux-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.btn-floating i,.btn-floating .fa,.btn-floating .ux-icon,.btn-floating .eui-icon,.btn-floating .icon,.ux-button-floating i,.ux-button-floating .fa,.ux-button-floating .ux-icon,.ux-button-floating .eui-icon,.ux-button-floating .icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.btn-floating:before,.ux-button-floating:before{border-radius:0}.btn-floating.ux-button--large,.ux-button-floating.ux-button--large{height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.btn-floating.ux-button--large i,.btn-floating.ux-button--large .fa,.btn-floating.ux-button--large .ux-icon,.btn-floating.ux-button--large .icon,.ux-button-floating.ux-button--large i,.ux-button-floating.ux-button--large .fa,.ux-button-floating.ux-button--large .ux-icon,.ux-button-floating.ux-button--large .icon{font-size:var(--eui-base-font-size-4xl);transform:translateY(45%)}a.ux-button{text-decoration:none}a.ux-button.ux-button--primary,.ux-button--primary{border-color:var(--eui-base-color-primary-100);background-color:#004494;color:#fff}a.ux-button.ux-button--primary:focus,a.ux-button.ux-button--primary:hover,a.ux-button.ux-button--primary.ux-button--active,.ux-button--primary:focus,.ux-button--primary:hover,.ux-button--primary.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-primary-120);background-color:var(--eui-base-color-primary-75)}a.ux-button.ux-button--secondary,.ux-button--secondary{border-color:var(--eui-base-color-grey-10);background-color:#f5f5f5;color:#404040}a.ux-button.ux-button--secondary:focus,a.ux-button.ux-button--secondary:hover,a.ux-button.ux-button--secondary.ux-button--active,.ux-button--secondary:focus,.ux-button--secondary:hover,.ux-button--secondary.ux-button--active{color:var(--eui-base-color-text);border-color:var(--eui-base-color-grey-25);background-color:var(--eui-base-color-grey-10)}a.ux-button.ux-button--info,.ux-button--info{border-color:var(--eui-base-color-info-100);background-color:#006fb4;color:#fff}a.ux-button.ux-button--info:focus,a.ux-button.ux-button--info:hover,a.ux-button.ux-button--info.ux-button--active,.ux-button--info:focus,.ux-button--info:hover,.ux-button--info.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-info-120);background-color:var(--eui-base-color-info-75)}a.ux-button.ux-button--success,.ux-button--success{border-color:var(--eui-base-color-success-100);background-color:#467a39;color:#fff}a.ux-button.ux-button--success:focus,a.ux-button.ux-button--success:hover a.ux-button.ux-button--success.ux-button--active,.ux-button--success:focus,a.ux-button.ux-button--success:hover .ux-button--success.ux-button--active,.ux-button--success:hover a.ux-button.ux-button--success.ux-button--active,.ux-button--success:hover .ux-button--success.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-success-120);background-color:var(--eui-base-color-success-75)}a.ux-button.ux-button--warning,.ux-button--warning{border-color:var(--eui-base-color-warning-100);background-color:#f29527;color:#404040}a.ux-button.ux-button--warning:focus,a.ux-button.ux-button--warning:hover,a.ux-button.ux-button--warning.ux-button--active,.ux-button--warning:focus,.ux-button--warning:hover,.ux-button--warning.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-warning-120);background-color:var(--eui-base-color-warning-75)}a.ux-button.ux-button--danger,.ux-button--danger{border-color:var(--eui-base-color-danger-100);background-color:#da2131;color:#fff}a.ux-button.ux-button--danger:focus,a.ux-button.ux-button--danger:hover,a.ux-button.ux-button--danger.ux-button--active,.ux-button--danger:focus,.ux-button--danger:hover,.ux-button--danger.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-danger-120);background-color:var(--eui-base-color-danger-75)}a.ux-button.ux-button--accent,.ux-button--accent{border-color:var(--eui-base-color-accent-100);background-color:#ffd617;color:#404040}a.ux-button.ux-button--accent:focus,a.ux-button.ux-button--accent:hover,a.ux-button.ux-button--accent.ux-button--active,.ux-button--accent:focus,.ux-button--accent:hover,.ux-button--accent.ux-button--active{color:var(--eui-base-color-text);border-color:var(--eui-base-color-accent-120);background-color:var(--eui-base-color-accent-75)}a.ux-button.ux-button--outline,.ux-button--outline{background-color:var(--eui-base-color-white);border:1px solid transparent}a.ux-button.ux-button--outline.ux-button--primary,.ux-button--outline.ux-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}a.ux-button.ux-button--outline.ux-button--primary:hover,.ux-button--outline.ux-button--primary:hover{background-color:var(--eui-base-color-primary-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--primary:focus,a.ux-button.ux-button--outline.ux-button--primary.active,.ux-button--outline.ux-button--primary:focus,.ux-button--outline.ux-button--primary.active{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--secondary,.ux-button--outline.ux-button--secondary{border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-80)}a.ux-button.ux-button--outline.ux-button--secondary:hover,.ux-button--outline.ux-button--secondary:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-90)}a.ux-button.ux-button--outline.ux-button--secondary:focus,a.ux-button.ux-button--outline.ux-button--secondary.active,.ux-button--outline.ux-button--secondary:focus,.ux-button--outline.ux-button--secondary.active{background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--info,.ux-button--outline.ux-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}a.ux-button.ux-button--outline.ux-button--info:hover,.ux-button--outline.ux-button--info:hover{background-color:var(--eui-base-color-info-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--info:focus,a.ux-button.ux-button--outline.ux-button--info.active,.ux-button--outline.ux-button--info:focus,.ux-button--outline.ux-button--info.active{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--success,.ux-button--outline.ux-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}a.ux-button.ux-button--outline.ux-button--success:hover,.ux-button--outline.ux-button--success:hover{background-color:var(--eui-base-color-success-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--success:focus,a.ux-button.ux-button--outline.ux-button--success.active,.ux-button--outline.ux-button--success:focus,.ux-button--outline.ux-button--success.active{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--warning,.ux-button--outline.ux-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100)}a.ux-button.ux-button--outline.ux-button--warning:hover,.ux-button--outline.ux-button--warning:hover{background-color:var(--eui-base-color-warning-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--warning:focus,a.ux-button.ux-button--outline.ux-button--warning.active,.ux-button--outline.ux-button--warning:focus,.ux-button--outline.ux-button--warning.active{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--danger,.ux-button--outline.ux-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}a.ux-button.ux-button--outline.ux-button--danger:hover,.ux-button--outline.ux-button--danger:hover{background-color:var(--eui-base-color-danger-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--danger:focus,a.ux-button.ux-button--outline.ux-button--danger.active,.ux-button--outline.ux-button--danger:focus,.ux-button--outline.ux-button--danger.active{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--accent,.ux-button--outline.ux-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-130)}a.ux-button.ux-button--outline.ux-button--accent:hover,.ux-button--outline.ux-button--accent:hover{background-color:var(--eui-base-color-accent-75);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--accent:focus,a.ux-button.ux-button--outline.ux-button--accent.active,.ux-button--outline.ux-button--accent:focus,.ux-button--outline.ux-button--accent.active{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-text)}a.ux-button.ux-button--flat,.ux-button--flat{background-color:transparent;border:0;box-shadow:var(--eui-base-shadow-0)}a.ux-button.ux-button--flat:focus,a.ux-button.ux-button--flat:hover,.ux-button--flat:focus,.ux-button--flat:hover{background-color:var(--eui-base-color-grey-10);border-radius:var(--eui-border-radius-base);box-shadow:none}a.ux-button.ux-button--flat.ux-button--primary,.ux-button--flat.ux-button--primary{color:var(--eui-base-color-primary-75)}a.ux-button.ux-button--flat.ux-button--primary:focus,a.ux-button.ux-button--flat.ux-button--primary:hover,.ux-button--flat.ux-button--primary:focus,.ux-button--flat.ux-button--primary:hover{color:var(--eui-base-color-primary-110)}a.ux-button.ux-button--flat.ux-button--info,.ux-button--flat.ux-button--info{color:var(--eui-base-color-info-75)}a.ux-button.ux-button--flat.ux-button--info:focus,a.ux-button.ux-button--flat.ux-button--info:hover,.ux-button--flat.ux-button--info:focus,.ux-button--flat.ux-button--info:hover{color:var(--eui-base-color-info-110)}a.ux-button.ux-button--flat.ux-button--success,.ux-button--flat.ux-button--success{color:var(--eui-base-color-success-75)}a.ux-button.ux-button--flat.ux-button--success:focus,a.ux-button.ux-button--flat.ux-button--success:hover,.ux-button--flat.ux-button--success:focus,.ux-button--flat.ux-button--success:hover{color:var(--eui-base-color-success-110)}a.ux-button.ux-button--flat.ux-button--warning,.ux-button--flat.ux-button--warning{color:var(--eui-base-color-warning-75)}a.ux-button.ux-button--flat.ux-button--warning:focus,a.ux-button.ux-button--flat.ux-button--warning:hover,.ux-button--flat.ux-button--warning:focus,.ux-button--flat.ux-button--warning:hover{color:var(--eui-base-color-warning-110)}a.ux-button.ux-button--flat.ux-button--danger,.ux-button--flat.ux-button--danger{color:var(--eui-base-color-danger-75)}a.ux-button.ux-button--flat.ux-button--danger:focus,a.ux-button.ux-button--flat.ux-button--danger:hover,.ux-button--flat.ux-button--danger:focus,.ux-button--flat.ux-button--danger:hover{color:var(--eui-base-color-danger-110)}a.ux-button.ux-button--flat.ux-button--accent,.ux-button--flat.ux-button--accent{color:var(--eui-base-color-accent-110)}a.ux-button.ux-button--flat.ux-button--accent:focus,a.ux-button.ux-button--flat.ux-button--accent:hover,.ux-button--flat.ux-button--accent:focus,.ux-button--flat.ux-button--accent:hover{color:var(--eui-base-color-accent-130)}a.ux-button.ux-button--block,.ux-button--block{display:block;width:100%}a.ux-button.ux-button.disabled,a.ux-button.ux-button:disabled,.ux-button.disabled,.ux-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}.ux-button\\2014host-disabled{background-image:none;box-shadow:none;cursor:not-allowed;opacity:.75;pointer-events:none}.ux-button-group,.ux-button-group--vertical{position:relative;display:inline-flex;vertical-align:middle}.ux-button-group>.ux-button,.ux-button-group--vertical>.ux-button{position:relative;flex:1 1 auto}.ux-button-group .ux-button.ux-dropdown-button,.ux-button-group--vertical .ux-button.ux-dropdown-button{box-shadow:var(--eui-base-shadow-1)}.ux-button-group-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.ux-button-group-toolbar .input-group{width:auto}.ux-button-group>.ux-button:not(:first-child),.ux-button-group>.ux-button-group:not(:first-child),.ux-button-group .ux-button.ux-button--outline.ux-dropdown-button{margin-left:-1px}.ux-button-group>.ux-button:not(:last-child):not(.dropdown-toggle),.ux-button-group>.ux-button-group:not(:last-child)>.ux-button{border-bottom-right-radius:0;border-top-right-radius:0}.ux-button-group>.ux-button:not(:first-child),.ux-button-group>.ux-button-group:not(:first-child)>.ux-button,.ux-button-group .ux-button.ux-dropdown-button{border-bottom-left-radius:0;border-top-left-radius:0}.ux-button-group input[type=checkbox],.ux-button-group input[type=radio]{display:none}.ux-button-group--vertical{flex-direction:column;align-items:flex-start;justify-content:center}.ux-button-group--vertical>.ux-button,.ux-button-group--vertical>.ux-button-group{width:100%}.ux-button-group--vertical>.ux-button:not(:first-child),.ux-button-group--vertical>.ux-button-group:not(:first-child){margin-top:-1px}.ux-button-group--vertical>.ux-button:not(:last-child):not(.dropdown-toggle),.ux-button-group--vertical>.ux-button-group:not(:last-child)>.ux-button{border-bottom-left-radius:0;border-bottom-right-radius:0}.ux-button-group--vertical>.ux-button:not(:first-child),.ux-button-group--vertical>.ux-button-group:not(:first-child)>.ux-button{border-top-left-radius:0;border-top-right-radius:0}.ux-button-group-toggle>.ux-button,.ux-button-group-toggle>.ux-button-group>.ux-button{margin-bottom:0}.ux-button-group-toggle>.ux-button input[type=radio],.ux-button-group-toggle>.ux-button input[type=checkbox],.ux-button-group-toggle>.ux-button-group>.ux-button input[type=radio],.ux-button-group-toggle>.ux-button-group>.ux-button input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group-btn .ux-button{border:1px solid var(--eui-base-color-grey-15);box-shadow:var(--eui-base-shadow-0)}.ux-button--primary.ux-button-group--active,.ux-button--secondary.ux-button-group--active,.ux-button--success.ux-button-group--active,.ux-button--info.ux-button-group--active,.ux-button--warning.ux-button-group--active,.ux-button--danger.ux-button-group--active,.ux-button--accent.ux-button-group--active{background-color:var(--eui-base-color-accent-100)!important;color:var(--eui-base-color-text)!important}.ux-button--primary-dark{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-white)}.ux-button--primary-dark:focus,.ux-button--primary-dark:hover,.ux-button--primary-dark.ux-button--active{background-color:var(--eui-base-color-primary-100)}.ux-button--info-dark{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-white)}.ux-button--info-dark:focus,.ux-button--info-dark:hover,.ux-button--info-dark.ux-button--active{background-color:var(--eui-base-color-info-100)}.ux-button--success-dark{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.ux-button--success-dark:focus,.ux-button--success-dark:hover,.ux-button--success-dark.ux-button--active{background-color:var(--eui-base-color-success-100)}.ux-button--warning-dark{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-white)}.ux-button--warning-dark:focus,.ux-button--warning-dark:hover,.ux-button--warning-dark.ux-button--active{background-color:var(--eui-base-color-warning-100)}.ux-button--danger-dark{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-white)}.ux-button--danger-dark:focus,.ux-button--danger-dark:hover,.ux-button--danger-dark.ux-button--active{background-color:var(--eui-base-color-danger-100)}.ux-button--accent-dark{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-white)}.ux-button--accent-dark:focus,.ux-button--accent-dark:hover,.ux-button--accent-dark.ux-button--active{background-color:var(--eui-base-color-accent-100)}\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: "directive", type: i2.UxTooltipDirective, selector: "[uxTooltip]", inputs: ["color", "uxTooltip", "position", "size", "rounded", "always", "zIndex"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ UxButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: UxButtonGroupComponent, selector: "ux-button-group", inputs: { styleClass: "styleClass", typeClass: "typeClass", isOutline: "isOutline", links: "links", isCheckboxButtons: "isCheckboxButtons", isRadioButtons: "isRadioButtons", hasPairedIcon: "hasPairedIcon", isSmall: "isSmall", isLarge: "isLarge", e2eAttr: "e2eAttr" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "items", predicate: i0.forwardRef(function () { return UxButtonGroupItemComponent; }) }], ngImport: i0, template: "<div class=\"ux-button-group {{styleClass}} {{btnSizeClass}}\"\n     data-toggle=\"buttons\"\n     attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-template [ngIf]=\"isCheckboxButtons\">\n        <button *ngFor=\"let link of links; trackBy: trackByFn\"\n               (click)=\"onClick(link, $event)\"\n               [disabled]=\"link.disabled\"\n               [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n               class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass || typeClass}} {{btnSizeClass}}\"\n               [class.ux-button-group--active]=\"link.active\"\n               [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label | translate\">\n            <input class=\"ux-input__checkbox\" type=\"checkbox\" autocomplete=\"off\" [attr.checked]=\"link.active\" tabindex=\"-1\">\n            {{ link.label | translate }}\n            <span focusable=\"false\" *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n        </button>\n    </ng-template>\n    <ng-template [ngIf]=\"isRadioButtons\">\n        <button *ngFor=\"let link of links; trackBy: trackByFn\"\n               (click)=\"onClick(link, $event)\"\n               [disabled]=\"link.disabled\"\n               [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n               class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass || typeClass}} {{btnSizeClass}}\"\n               [class.ux-button-group--active]=\"link.active\"\n               [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label | translate\">\n            <input class=\"ux-input__radio\" type=\"radio\" name=\"options\" [id]=\"link.id ? link.id: generatedId\" autocomplete=\"off\" [attr.checked]=\"link.active\">\n            {{ link.label | translate }}\n            <span focusable=\"false\" *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n        </button>\n    </ng-template>\n    <ng-template [ngIf]=\"!isCheckboxButtons && !isRadioButtons\">\n        <ng-template [ngIf]=\"hasPairedIcon\">\n            <button type=\"button\" (click)=\"onClick(links[0], $event)\"\n                    class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n                    [class.ux-button--active]=\"links[0].active\"\n                    [disabled]=\"links[0].disabled\"\n                    [uxTooltip]=\"links[0].tooltipLabel? links[0].tooltipLabel : null\">\n                <span class=\"ux-button__content\">{{links[0].label}}</span>\n            </button>\n            <button type=\"button\" (click)=\"onClick(links[1], $event)\"\n                    [disabled]=\"links[1].disabled\"\n                    class=\"ux-button ux-button--{{typeClass}}-dark {{btnSizeClass}} ux-button--icon-only\"\n                    [class.ux-button--active]=\"links[1].active\"\n                    [uxTooltip]=\"links[1].tooltipLabel? links[1].tooltipLabel : null\"\n                    attr.aria-label=\"{{ links[1].ariaIconLabel }}\">\n                <span focusable=\"false\" class=\"{{links[1].iconClass}} ux-button__icon\"></span>\n            </button>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!hasPairedIcon\">\n            <button type=\"button\" *ngFor=\"let link of links; let i = index; trackBy: trackByFn\"\n                    (click)=\"onClick(link, $event)\"\n                    [disabled]=\"link.disabled\"\n                    [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n                    class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n                    [class.ux-button--active]=\"link.active\">\n                <span class=\"ux-button__content\">{{ link.label | translate }}</span>\n                <span *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n            </button>\n        </ng-template>\n    </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";ux-button{display:inline-block}.ux-button{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:inherit;margin:0;min-width:42px;outline:none;padding:0 var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;box-shadow:var(--eui-base-shadow-1)}.ux-button.ux-dropdown-button,.ux-button.ux-dropdown-tree,.ux-button.ux-datepicker__toggler{box-shadow:none}.ux-button:focus,.ux-button:active,.ux-button.active{z-index:1;box-shadow:var(--eui-base-shadow-2);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}.eui-t-compact .ux-button{min-width:36px}.ux-button:not(.ux-button--outline),.ux-button:not(.ux-button--small),.ux-button:not(.ux-button--large){padding:11px var(--eui-base-spacing-s)!important}.ux-button__icon{align-self:center;margin-left:0;margin-right:0;display:inline-flex;font-size:var(--eui-base-font-size-xl)}.ux-button__content{align-items:center;display:inline-flex}.ux-button--with-label:not(.ux-dropdown-button) .ux-button__icon{margin-right:var(--eui-base-spacing-xs)}.ux-button.ux-button--icon-only{padding:11px 0}.eui-t-compact .ux-button.ux-button--icon-only{min-width:calc(2.5 * var(--eui-base-spacing-m))}.ux-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.ux-button--rounded{align-items:center;border-radius:10rem;justify-content:center}.ux-button.ux-button--small{height:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.ux-button.ux-button--small .ux-button__content{font-size:var(--eui-base-font-size-s);line-height:inherit}.ux-button.ux-button--small.ux-button--icon-only{padding:0;min-width:calc(2 * var(--eui-base-spacing-m))}.ux-button.ux-button--small .ux-button__icon,.ux-button.ux-button--small .eui-icon{font-size:var(--eui-base-font-size-xl)}.ux-button.ux-button--large{height:calc(3.25 * var(--eui-base-spacing-m))}.ux-button.ux-button--large .ux-button__content{font-size:var(--eui-base-font-size-xl);line-height:var(--eui-base-line-height)}.ux-button.ux-button--large .ux-button__icon.ux-icon,.ux-button.ux-button--large .ux-button__icon.eui-icon,.ux-button.ux-button--large .eui-icon{font-size:var(--eui-base-font-size-2xl)}.ux-button.ux-button--large.ux-button--icon-only{min-width:calc(3.25 * var(--eui-base-spacing-m))}.ux-button.ux-button--outline{padding:10px var(--eui-base-spacing-m)}.ux-button.ux-button--outline.ux-button--icon-only{padding:10px 0}.eui-t-compact .ux-button.ux-button--outline.ux-button--icon-only{padding:8px 0}.eui-t-compact .ux-button.ux-button--outline.ux-button--icon-only.ux-dropdown-button{padding:9px 0}.ux-button.ux-button--outline.ux-button--small{padding:0 var(--eui-base-spacing-s)}.eui-u-loading .ux-button{padding-left:var(--eui-base-spacing-3xl);margin-left:calc(-1 * var(--eui-base-spacing-s))}.ux-button-dropdown{box-shadow:none;overflow:hidden;white-space:nowrap}.fixed-action-btn,.ux-button-fixed{bottom:calc(var(--eui-layout-footer-height) + var(--eui-base-spacing-m));position:fixed;right:var(--eui-base-spacing-xl);z-index:var(--eui-base-z-index-footer-action-bar)}.btn-floating,.ux-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transition:.3s;transform:translateY(35%);vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.btn-floating:hover,.ux-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.btn-floating i,.btn-floating .fa,.btn-floating .ux-icon,.btn-floating .eui-icon,.btn-floating .icon,.ux-button-floating i,.ux-button-floating .fa,.ux-button-floating .ux-icon,.ux-button-floating .eui-icon,.ux-button-floating .icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.btn-floating:before,.ux-button-floating:before{border-radius:0}.btn-floating.ux-button--large,.ux-button-floating.ux-button--large{height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.btn-floating.ux-button--large i,.btn-floating.ux-button--large .fa,.btn-floating.ux-button--large .ux-icon,.btn-floating.ux-button--large .icon,.ux-button-floating.ux-button--large i,.ux-button-floating.ux-button--large .fa,.ux-button-floating.ux-button--large .ux-icon,.ux-button-floating.ux-button--large .icon{font-size:var(--eui-base-font-size-4xl);transform:translateY(45%)}a.ux-button{text-decoration:none}a.ux-button.ux-button--primary,.ux-button--primary{border-color:var(--eui-base-color-primary-100);background-color:#004494;color:#fff}a.ux-button.ux-button--primary:focus,a.ux-button.ux-button--primary:hover,a.ux-button.ux-button--primary.ux-button--active,.ux-button--primary:focus,.ux-button--primary:hover,.ux-button--primary.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-primary-120);background-color:var(--eui-base-color-primary-75)}a.ux-button.ux-button--secondary,.ux-button--secondary{border-color:var(--eui-base-color-grey-10);background-color:#f5f5f5;color:#404040}a.ux-button.ux-button--secondary:focus,a.ux-button.ux-button--secondary:hover,a.ux-button.ux-button--secondary.ux-button--active,.ux-button--secondary:focus,.ux-button--secondary:hover,.ux-button--secondary.ux-button--active{color:var(--eui-base-color-text);border-color:var(--eui-base-color-grey-25);background-color:var(--eui-base-color-grey-10)}a.ux-button.ux-button--info,.ux-button--info{border-color:var(--eui-base-color-info-100);background-color:#006fb4;color:#fff}a.ux-button.ux-button--info:focus,a.ux-button.ux-button--info:hover,a.ux-button.ux-button--info.ux-button--active,.ux-button--info:focus,.ux-button--info:hover,.ux-button--info.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-info-120);background-color:var(--eui-base-color-info-75)}a.ux-button.ux-button--success,.ux-button--success{border-color:var(--eui-base-color-success-100);background-color:#467a39;color:#fff}a.ux-button.ux-button--success:focus,a.ux-button.ux-button--success:hover a.ux-button.ux-button--success.ux-button--active,.ux-button--success:focus,a.ux-button.ux-button--success:hover .ux-button--success.ux-button--active,.ux-button--success:hover a.ux-button.ux-button--success.ux-button--active,.ux-button--success:hover .ux-button--success.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-success-120);background-color:var(--eui-base-color-success-75)}a.ux-button.ux-button--warning,.ux-button--warning{border-color:var(--eui-base-color-warning-100);background-color:#f29527;color:#404040}a.ux-button.ux-button--warning:focus,a.ux-button.ux-button--warning:hover,a.ux-button.ux-button--warning.ux-button--active,.ux-button--warning:focus,.ux-button--warning:hover,.ux-button--warning.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-warning-120);background-color:var(--eui-base-color-warning-75)}a.ux-button.ux-button--danger,.ux-button--danger{border-color:var(--eui-base-color-danger-100);background-color:#da2131;color:#fff}a.ux-button.ux-button--danger:focus,a.ux-button.ux-button--danger:hover,a.ux-button.ux-button--danger.ux-button--active,.ux-button--danger:focus,.ux-button--danger:hover,.ux-button--danger.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-danger-120);background-color:var(--eui-base-color-danger-75)}a.ux-button.ux-button--accent,.ux-button--accent{border-color:var(--eui-base-color-accent-100);background-color:#ffd617;color:#404040}a.ux-button.ux-button--accent:focus,a.ux-button.ux-button--accent:hover,a.ux-button.ux-button--accent.ux-button--active,.ux-button--accent:focus,.ux-button--accent:hover,.ux-button--accent.ux-button--active{color:var(--eui-base-color-text);border-color:var(--eui-base-color-accent-120);background-color:var(--eui-base-color-accent-75)}a.ux-button.ux-button--outline,.ux-button--outline{background-color:var(--eui-base-color-white);border:1px solid transparent}a.ux-button.ux-button--outline.ux-button--primary,.ux-button--outline.ux-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}a.ux-button.ux-button--outline.ux-button--primary:hover,.ux-button--outline.ux-button--primary:hover{background-color:var(--eui-base-color-primary-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--primary:focus,a.ux-button.ux-button--outline.ux-button--primary.active,.ux-button--outline.ux-button--primary:focus,.ux-button--outline.ux-button--primary.active{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--secondary,.ux-button--outline.ux-button--secondary{border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-80)}a.ux-button.ux-button--outline.ux-button--secondary:hover,.ux-button--outline.ux-button--secondary:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-90)}a.ux-button.ux-button--outline.ux-button--secondary:focus,a.ux-button.ux-button--outline.ux-button--secondary.active,.ux-button--outline.ux-button--secondary:focus,.ux-button--outline.ux-button--secondary.active{background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--info,.ux-button--outline.ux-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}a.ux-button.ux-button--outline.ux-button--info:hover,.ux-button--outline.ux-button--info:hover{background-color:var(--eui-base-color-info-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--info:focus,a.ux-button.ux-button--outline.ux-button--info.active,.ux-button--outline.ux-button--info:focus,.ux-button--outline.ux-button--info.active{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--success,.ux-button--outline.ux-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}a.ux-button.ux-button--outline.ux-button--success:hover,.ux-button--outline.ux-button--success:hover{background-color:var(--eui-base-color-success-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--success:focus,a.ux-button.ux-button--outline.ux-button--success.active,.ux-button--outline.ux-button--success:focus,.ux-button--outline.ux-button--success.active{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--warning,.ux-button--outline.ux-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100)}a.ux-button.ux-button--outline.ux-button--warning:hover,.ux-button--outline.ux-button--warning:hover{background-color:var(--eui-base-color-warning-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--warning:focus,a.ux-button.ux-button--outline.ux-button--warning.active,.ux-button--outline.ux-button--warning:focus,.ux-button--outline.ux-button--warning.active{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--danger,.ux-button--outline.ux-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}a.ux-button.ux-button--outline.ux-button--danger:hover,.ux-button--outline.ux-button--danger:hover{background-color:var(--eui-base-color-danger-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--danger:focus,a.ux-button.ux-button--outline.ux-button--danger.active,.ux-button--outline.ux-button--danger:focus,.ux-button--outline.ux-button--danger.active{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--accent,.ux-button--outline.ux-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-130)}a.ux-button.ux-button--outline.ux-button--accent:hover,.ux-button--outline.ux-button--accent:hover{background-color:var(--eui-base-color-accent-75);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--accent:focus,a.ux-button.ux-button--outline.ux-button--accent.active,.ux-button--outline.ux-button--accent:focus,.ux-button--outline.ux-button--accent.active{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-text)}a.ux-button.ux-button--flat,.ux-button--flat{background-color:transparent;border:0;box-shadow:var(--eui-base-shadow-0)}a.ux-button.ux-button--flat:focus,a.ux-button.ux-button--flat:hover,.ux-button--flat:focus,.ux-button--flat:hover{background-color:var(--eui-base-color-grey-10);border-radius:var(--eui-border-radius-base);box-shadow:none}a.ux-button.ux-button--flat.ux-button--primary,.ux-button--flat.ux-button--primary{color:var(--eui-base-color-primary-75)}a.ux-button.ux-button--flat.ux-button--primary:focus,a.ux-button.ux-button--flat.ux-button--primary:hover,.ux-button--flat.ux-button--primary:focus,.ux-button--flat.ux-button--primary:hover{color:var(--eui-base-color-primary-110)}a.ux-button.ux-button--flat.ux-button--info,.ux-button--flat.ux-button--info{color:var(--eui-base-color-info-75)}a.ux-button.ux-button--flat.ux-button--info:focus,a.ux-button.ux-button--flat.ux-button--info:hover,.ux-button--flat.ux-button--info:focus,.ux-button--flat.ux-button--info:hover{color:var(--eui-base-color-info-110)}a.ux-button.ux-button--flat.ux-button--success,.ux-button--flat.ux-button--success{color:var(--eui-base-color-success-75)}a.ux-button.ux-button--flat.ux-button--success:focus,a.ux-button.ux-button--flat.ux-button--success:hover,.ux-button--flat.ux-button--success:focus,.ux-button--flat.ux-button--success:hover{color:var(--eui-base-color-success-110)}a.ux-button.ux-button--flat.ux-button--warning,.ux-button--flat.ux-button--warning{color:var(--eui-base-color-warning-75)}a.ux-button.ux-button--flat.ux-button--warning:focus,a.ux-button.ux-button--flat.ux-button--warning:hover,.ux-button--flat.ux-button--warning:focus,.ux-button--flat.ux-button--warning:hover{color:var(--eui-base-color-warning-110)}a.ux-button.ux-button--flat.ux-button--danger,.ux-button--flat.ux-button--danger{color:var(--eui-base-color-danger-75)}a.ux-button.ux-button--flat.ux-button--danger:focus,a.ux-button.ux-button--flat.ux-button--danger:hover,.ux-button--flat.ux-button--danger:focus,.ux-button--flat.ux-button--danger:hover{color:var(--eui-base-color-danger-110)}a.ux-button.ux-button--flat.ux-button--accent,.ux-button--flat.ux-button--accent{color:var(--eui-base-color-accent-110)}a.ux-button.ux-button--flat.ux-button--accent:focus,a.ux-button.ux-button--flat.ux-button--accent:hover,.ux-button--flat.ux-button--accent:focus,.ux-button--flat.ux-button--accent:hover{color:var(--eui-base-color-accent-130)}a.ux-button.ux-button--block,.ux-button--block{display:block;width:100%}a.ux-button.ux-button.disabled,a.ux-button.ux-button:disabled,.ux-button.disabled,.ux-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}.ux-button\\2014host-disabled{background-image:none;box-shadow:none;cursor:not-allowed;opacity:.75;pointer-events:none}.ux-button-group,.ux-button-group--vertical{position:relative;display:inline-flex;vertical-align:middle}.ux-button-group>.ux-button,.ux-button-group--vertical>.ux-button{position:relative;flex:1 1 auto}.ux-button-group .ux-button.ux-dropdown-button,.ux-button-group--vertical .ux-button.ux-dropdown-button{box-shadow:var(--eui-base-shadow-1)}.ux-button-group-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.ux-button-group-toolbar .input-group{width:auto}.ux-button-group>.ux-button:not(:first-child),.ux-button-group>.ux-button-group:not(:first-child),.ux-button-group .ux-button.ux-button--outline.ux-dropdown-button{margin-left:-1px}.ux-button-group>.ux-button:not(:last-child):not(.dropdown-toggle),.ux-button-group>.ux-button-group:not(:last-child)>.ux-button{border-bottom-right-radius:0;border-top-right-radius:0}.ux-button-group>.ux-button:not(:first-child),.ux-button-group>.ux-button-group:not(:first-child)>.ux-button,.ux-button-group .ux-button.ux-dropdown-button{border-bottom-left-radius:0;border-top-left-radius:0}.ux-button-group input[type=checkbox],.ux-button-group input[type=radio]{display:none!important}.ux-button-group--vertical{flex-direction:column;align-items:flex-start;justify-content:center}.ux-button-group--vertical>.ux-button,.ux-button-group--vertical>.ux-button-group{width:100%}.ux-button-group--vertical>.ux-button:not(:first-child),.ux-button-group--vertical>.ux-button-group:not(:first-child){margin-top:-1px}.ux-button-group--vertical>.ux-button:not(:last-child):not(.dropdown-toggle),.ux-button-group--vertical>.ux-button-group:not(:last-child)>.ux-button{border-bottom-left-radius:0;border-bottom-right-radius:0}.ux-button-group--vertical>.ux-button:not(:first-child),.ux-button-group--vertical>.ux-button-group:not(:first-child)>.ux-button{border-top-left-radius:0;border-top-right-radius:0}.ux-button-group-toggle>.ux-button,.ux-button-group-toggle>.ux-button-group>.ux-button{margin-bottom:0}.ux-button-group-toggle>.ux-button input[type=radio],.ux-button-group-toggle>.ux-button input[type=checkbox],.ux-button-group-toggle>.ux-button-group>.ux-button input[type=radio],.ux-button-group-toggle>.ux-button-group>.ux-button input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group-btn .ux-button{border:1px solid var(--eui-base-color-grey-15);box-shadow:var(--eui-base-shadow-0)}.ux-button--primary.ux-button-group--active,.ux-button--secondary.ux-button-group--active,.ux-button--success.ux-button-group--active,.ux-button--info.ux-button-group--active,.ux-button--warning.ux-button-group--active,.ux-button--danger.ux-button-group--active,.ux-button--accent.ux-button-group--active{background-color:var(--eui-base-color-accent-100)!important;color:var(--eui-base-color-text)!important}.ux-button--primary-dark{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-white)}.ux-button--primary-dark:focus,.ux-button--primary-dark:hover,.ux-button--primary-dark.ux-button--active{background-color:var(--eui-base-color-primary-100)}.ux-button--info-dark{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-white)}.ux-button--info-dark:focus,.ux-button--info-dark:hover,.ux-button--info-dark.ux-button--active{background-color:var(--eui-base-color-info-100)}.ux-button--success-dark{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.ux-button--success-dark:focus,.ux-button--success-dark:hover,.ux-button--success-dark.ux-button--active{background-color:var(--eui-base-color-success-100)}.ux-button--warning-dark{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-white)}.ux-button--warning-dark:focus,.ux-button--warning-dark:hover,.ux-button--warning-dark.ux-button--active{background-color:var(--eui-base-color-warning-100)}.ux-button--danger-dark{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-white)}.ux-button--danger-dark:focus,.ux-button--danger-dark:hover,.ux-button--danger-dark.ux-button--active{background-color:var(--eui-base-color-danger-100)}.ux-button--accent-dark{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-white)}.ux-button--accent-dark:focus,.ux-button--accent-dark:hover,.ux-button--accent-dark.ux-button--active{background-color:var(--eui-base-color-accent-100)}\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: "directive", type: i2.UxTooltipDirective, selector: "[uxTooltip]", inputs: ["color", "uxTooltip", "position", "size", "rounded", "always", "zIndex"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UxButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ux-button-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-button-group {{styleClass}} {{btnSizeClass}}\"\n     data-toggle=\"buttons\"\n     attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-template [ngIf]=\"isCheckboxButtons\">\n        <button *ngFor=\"let link of links; trackBy: trackByFn\"\n               (click)=\"onClick(link, $event)\"\n               [disabled]=\"link.disabled\"\n               [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n               class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass || typeClass}} {{btnSizeClass}}\"\n               [class.ux-button-group--active]=\"link.active\"\n               [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label | translate\">\n            <input class=\"ux-input__checkbox\" type=\"checkbox\" autocomplete=\"off\" [attr.checked]=\"link.active\" tabindex=\"-1\">\n            {{ link.label | translate }}\n            <span focusable=\"false\" *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n        </button>\n    </ng-template>\n    <ng-template [ngIf]=\"isRadioButtons\">\n        <button *ngFor=\"let link of links; trackBy: trackByFn\"\n               (click)=\"onClick(link, $event)\"\n               [disabled]=\"link.disabled\"\n               [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n               class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass || typeClass}} {{btnSizeClass}}\"\n               [class.ux-button-group--active]=\"link.active\"\n               [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label | translate\">\n            <input class=\"ux-input__radio\" type=\"radio\" name=\"options\" [id]=\"link.id ? link.id: generatedId\" autocomplete=\"off\" [attr.checked]=\"link.active\">\n            {{ link.label | translate }}\n            <span focusable=\"false\" *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n        </button>\n    </ng-template>\n    <ng-template [ngIf]=\"!isCheckboxButtons && !isRadioButtons\">\n        <ng-template [ngIf]=\"hasPairedIcon\">\n            <button type=\"button\" (click)=\"onClick(links[0], $event)\"\n                    class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n                    [class.ux-button--active]=\"links[0].active\"\n                    [disabled]=\"links[0].disabled\"\n                    [uxTooltip]=\"links[0].tooltipLabel? links[0].tooltipLabel : null\">\n                <span class=\"ux-button__content\">{{links[0].label}}</span>\n            </button>\n            <button type=\"button\" (click)=\"onClick(links[1], $event)\"\n                    [disabled]=\"links[1].disabled\"\n                    class=\"ux-button ux-button--{{typeClass}}-dark {{btnSizeClass}} ux-button--icon-only\"\n                    [class.ux-button--active]=\"links[1].active\"\n                    [uxTooltip]=\"links[1].tooltipLabel? links[1].tooltipLabel : null\"\n                    attr.aria-label=\"{{ links[1].ariaIconLabel }}\">\n                <span focusable=\"false\" class=\"{{links[1].iconClass}} ux-button__icon\"></span>\n            </button>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!hasPairedIcon\">\n            <button type=\"button\" *ngFor=\"let link of links; let i = index; trackBy: trackByFn\"\n                    (click)=\"onClick(link, $event)\"\n                    [disabled]=\"link.disabled\"\n                    [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n                    class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n                    [class.ux-button--active]=\"link.active\">\n                <span class=\"ux-button__content\">{{ link.label | translate }}</span>\n                <span *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n            </button>\n        </ng-template>\n    </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";ux-button{display:inline-block}.ux-button{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:inherit;margin:0;min-width:42px;outline:none;padding:0 var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;box-shadow:var(--eui-base-shadow-1)}.ux-button.ux-dropdown-button,.ux-button.ux-dropdown-tree,.ux-button.ux-datepicker__toggler{box-shadow:none}.ux-button:focus,.ux-button:active,.ux-button.active{z-index:1;box-shadow:var(--eui-base-shadow-2);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}.eui-t-compact .ux-button{min-width:36px}.ux-button:not(.ux-button--outline),.ux-button:not(.ux-button--small),.ux-button:not(.ux-button--large){padding:11px var(--eui-base-spacing-s)!important}.ux-button__icon{align-self:center;margin-left:0;margin-right:0;display:inline-flex;font-size:var(--eui-base-font-size-xl)}.ux-button__content{align-items:center;display:inline-flex}.ux-button--with-label:not(.ux-dropdown-button) .ux-button__icon{margin-right:var(--eui-base-spacing-xs)}.ux-button.ux-button--icon-only{padding:11px 0}.eui-t-compact .ux-button.ux-button--icon-only{min-width:calc(2.5 * var(--eui-base-spacing-m))}.ux-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.ux-button--rounded{align-items:center;border-radius:10rem;justify-content:center}.ux-button.ux-button--small{height:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.ux-button.ux-button--small .ux-button__content{font-size:var(--eui-base-font-size-s);line-height:inherit}.ux-button.ux-button--small.ux-button--icon-only{padding:0;min-width:calc(2 * var(--eui-base-spacing-m))}.ux-button.ux-button--small .ux-button__icon,.ux-button.ux-button--small .eui-icon{font-size:var(--eui-base-font-size-xl)}.ux-button.ux-button--large{height:calc(3.25 * var(--eui-base-spacing-m))}.ux-button.ux-button--large .ux-button__content{font-size:var(--eui-base-font-size-xl);line-height:var(--eui-base-line-height)}.ux-button.ux-button--large .ux-button__icon.ux-icon,.ux-button.ux-button--large .ux-button__icon.eui-icon,.ux-button.ux-button--large .eui-icon{font-size:var(--eui-base-font-size-2xl)}.ux-button.ux-button--large.ux-button--icon-only{min-width:calc(3.25 * var(--eui-base-spacing-m))}.ux-button.ux-button--outline{padding:10px var(--eui-base-spacing-m)}.ux-button.ux-button--outline.ux-button--icon-only{padding:10px 0}.eui-t-compact .ux-button.ux-button--outline.ux-button--icon-only{padding:8px 0}.eui-t-compact .ux-button.ux-button--outline.ux-button--icon-only.ux-dropdown-button{padding:9px 0}.ux-button.ux-button--outline.ux-button--small{padding:0 var(--eui-base-spacing-s)}.eui-u-loading .ux-button{padding-left:var(--eui-base-spacing-3xl);margin-left:calc(-1 * var(--eui-base-spacing-s))}.ux-button-dropdown{box-shadow:none;overflow:hidden;white-space:nowrap}.fixed-action-btn,.ux-button-fixed{bottom:calc(var(--eui-layout-footer-height) + var(--eui-base-spacing-m));position:fixed;right:var(--eui-base-spacing-xl);z-index:var(--eui-base-z-index-footer-action-bar)}.btn-floating,.ux-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transition:.3s;transform:translateY(35%);vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.btn-floating:hover,.ux-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.btn-floating i,.btn-floating .fa,.btn-floating .ux-icon,.btn-floating .eui-icon,.btn-floating .icon,.ux-button-floating i,.ux-button-floating .fa,.ux-button-floating .ux-icon,.ux-button-floating .eui-icon,.ux-button-floating .icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.btn-floating:before,.ux-button-floating:before{border-radius:0}.btn-floating.ux-button--large,.ux-button-floating.ux-button--large{height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.btn-floating.ux-button--large i,.btn-floating.ux-button--large .fa,.btn-floating.ux-button--large .ux-icon,.btn-floating.ux-button--large .icon,.ux-button-floating.ux-button--large i,.ux-button-floating.ux-button--large .fa,.ux-button-floating.ux-button--large .ux-icon,.ux-button-floating.ux-button--large .icon{font-size:var(--eui-base-font-size-4xl);transform:translateY(45%)}a.ux-button{text-decoration:none}a.ux-button.ux-button--primary,.ux-button--primary{border-color:var(--eui-base-color-primary-100);background-color:#004494;color:#fff}a.ux-button.ux-button--primary:focus,a.ux-button.ux-button--primary:hover,a.ux-button.ux-button--primary.ux-button--active,.ux-button--primary:focus,.ux-button--primary:hover,.ux-button--primary.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-primary-120);background-color:var(--eui-base-color-primary-75)}a.ux-button.ux-button--secondary,.ux-button--secondary{border-color:var(--eui-base-color-grey-10);background-color:#f5f5f5;color:#404040}a.ux-button.ux-button--secondary:focus,a.ux-button.ux-button--secondary:hover,a.ux-button.ux-button--secondary.ux-button--active,.ux-button--secondary:focus,.ux-button--secondary:hover,.ux-button--secondary.ux-button--active{color:var(--eui-base-color-text);border-color:var(--eui-base-color-grey-25);background-color:var(--eui-base-color-grey-10)}a.ux-button.ux-button--info,.ux-button--info{border-color:var(--eui-base-color-info-100);background-color:#006fb4;color:#fff}a.ux-button.ux-button--info:focus,a.ux-button.ux-button--info:hover,a.ux-button.ux-button--info.ux-button--active,.ux-button--info:focus,.ux-button--info:hover,.ux-button--info.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-info-120);background-color:var(--eui-base-color-info-75)}a.ux-button.ux-button--success,.ux-button--success{border-color:var(--eui-base-color-success-100);background-color:#467a39;color:#fff}a.ux-button.ux-button--success:focus,a.ux-button.ux-button--success:hover a.ux-button.ux-button--success.ux-button--active,.ux-button--success:focus,a.ux-button.ux-button--success:hover .ux-button--success.ux-button--active,.ux-button--success:hover a.ux-button.ux-button--success.ux-button--active,.ux-button--success:hover .ux-button--success.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-success-120);background-color:var(--eui-base-color-success-75)}a.ux-button.ux-button--warning,.ux-button--warning{border-color:var(--eui-base-color-warning-100);background-color:#f29527;color:#404040}a.ux-button.ux-button--warning:focus,a.ux-button.ux-button--warning:hover,a.ux-button.ux-button--warning.ux-button--active,.ux-button--warning:focus,.ux-button--warning:hover,.ux-button--warning.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-warning-120);background-color:var(--eui-base-color-warning-75)}a.ux-button.ux-button--danger,.ux-button--danger{border-color:var(--eui-base-color-danger-100);background-color:#da2131;color:#fff}a.ux-button.ux-button--danger:focus,a.ux-button.ux-button--danger:hover,a.ux-button.ux-button--danger.ux-button--active,.ux-button--danger:focus,.ux-button--danger:hover,.ux-button--danger.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-danger-120);background-color:var(--eui-base-color-danger-75)}a.ux-button.ux-button--accent,.ux-button--accent{border-color:var(--eui-base-color-accent-100);background-color:#ffd617;color:#404040}a.ux-button.ux-button--accent:focus,a.ux-button.ux-button--accent:hover,a.ux-button.ux-button--accent.ux-button--active,.ux-button--accent:focus,.ux-button--accent:hover,.ux-button--accent.ux-button--active{color:var(--eui-base-color-text);border-color:var(--eui-base-color-accent-120);background-color:var(--eui-base-color-accent-75)}a.ux-button.ux-button--outline,.ux-button--outline{background-color:var(--eui-base-color-white);border:1px solid transparent}a.ux-button.ux-button--outline.ux-button--primary,.ux-button--outline.ux-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}a.ux-button.ux-button--outline.ux-button--primary:hover,.ux-button--outline.ux-button--primary:hover{background-color:var(--eui-base-color-primary-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--primary:focus,a.ux-button.ux-button--outline.ux-button--primary.active,.ux-button--outline.ux-button--primary:focus,.ux-button--outline.ux-button--primary.active{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--secondary,.ux-button--outline.ux-button--secondary{border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-80)}a.ux-button.ux-button--outline.ux-button--secondary:hover,.ux-button--outline.ux-button--secondary:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-90)}a.ux-button.ux-button--outline.ux-button--secondary:focus,a.ux-button.ux-button--outline.ux-button--secondary.active,.ux-button--outline.ux-button--secondary:focus,.ux-button--outline.ux-button--secondary.active{background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--info,.ux-button--outline.ux-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}a.ux-button.ux-button--outline.ux-button--info:hover,.ux-button--outline.ux-button--info:hover{background-color:var(--eui-base-color-info-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--info:focus,a.ux-button.ux-button--outline.ux-button--info.active,.ux-button--outline.ux-button--info:focus,.ux-button--outline.ux-button--info.active{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--success,.ux-button--outline.ux-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}a.ux-button.ux-button--outline.ux-button--success:hover,.ux-button--outline.ux-button--success:hover{background-color:var(--eui-base-color-success-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--success:focus,a.ux-button.ux-button--outline.ux-button--success.active,.ux-button--outline.ux-button--success:focus,.ux-button--outline.ux-button--success.active{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--warning,.ux-button--outline.ux-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100)}a.ux-button.ux-button--outline.ux-button--warning:hover,.ux-button--outline.ux-button--warning:hover{background-color:var(--eui-base-color-warning-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--warning:focus,a.ux-button.ux-button--outline.ux-button--warning.active,.ux-button--outline.ux-button--warning:focus,.ux-button--outline.ux-button--warning.active{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--danger,.ux-button--outline.ux-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}a.ux-button.ux-button--outline.ux-button--danger:hover,.ux-button--outline.ux-button--danger:hover{background-color:var(--eui-base-color-danger-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--danger:focus,a.ux-button.ux-button--outline.ux-button--danger.active,.ux-button--outline.ux-button--danger:focus,.ux-button--outline.ux-button--danger.active{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--accent,.ux-button--outline.ux-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-130)}a.ux-button.ux-button--outline.ux-button--accent:hover,.ux-button--outline.ux-button--accent:hover{background-color:var(--eui-base-color-accent-75);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--accent:focus,a.ux-button.ux-button--outline.ux-button--accent.active,.ux-button--outline.ux-button--accent:focus,.ux-button--outline.ux-button--accent.active{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-text)}a.ux-button.ux-button--flat,.ux-button--flat{background-color:transparent;border:0;box-shadow:var(--eui-base-shadow-0)}a.ux-button.ux-button--flat:focus,a.ux-button.ux-button--flat:hover,.ux-button--flat:focus,.ux-button--flat:hover{background-color:var(--eui-base-color-grey-10);border-radius:var(--eui-border-radius-base);box-shadow:none}a.ux-button.ux-button--flat.ux-button--primary,.ux-button--flat.ux-button--primary{color:var(--eui-base-color-primary-75)}a.ux-button.ux-button--flat.ux-button--primary:focus,a.ux-button.ux-button--flat.ux-button--primary:hover,.ux-button--flat.ux-button--primary:focus,.ux-button--flat.ux-button--primary:hover{color:var(--eui-base-color-primary-110)}a.ux-button.ux-button--flat.ux-button--info,.ux-button--flat.ux-button--info{color:var(--eui-base-color-info-75)}a.ux-button.ux-button--flat.ux-button--info:focus,a.ux-button.ux-button--flat.ux-button--info:hover,.ux-button--flat.ux-button--info:focus,.ux-button--flat.ux-button--info:hover{color:var(--eui-base-color-info-110)}a.ux-button.ux-button--flat.ux-button--success,.ux-button--flat.ux-button--success{color:var(--eui-base-color-success-75)}a.ux-button.ux-button--flat.ux-button--success:focus,a.ux-button.ux-button--flat.ux-button--success:hover,.ux-button--flat.ux-button--success:focus,.ux-button--flat.ux-button--success:hover{color:var(--eui-base-color-success-110)}a.ux-button.ux-button--flat.ux-button--warning,.ux-button--flat.ux-button--warning{color:var(--eui-base-color-warning-75)}a.ux-button.ux-button--flat.ux-button--warning:focus,a.ux-button.ux-button--flat.ux-button--warning:hover,.ux-button--flat.ux-button--warning:focus,.ux-button--flat.ux-button--warning:hover{color:var(--eui-base-color-warning-110)}a.ux-button.ux-button--flat.ux-button--danger,.ux-button--flat.ux-button--danger{color:var(--eui-base-color-danger-75)}a.ux-button.ux-button--flat.ux-button--danger:focus,a.ux-button.ux-button--flat.ux-button--danger:hover,.ux-button--flat.ux-button--danger:focus,.ux-button--flat.ux-button--danger:hover{color:var(--eui-base-color-danger-110)}a.ux-button.ux-button--flat.ux-button--accent,.ux-button--flat.ux-button--accent{color:var(--eui-base-color-accent-110)}a.ux-button.ux-button--flat.ux-button--accent:focus,a.ux-button.ux-button--flat.ux-button--accent:hover,.ux-button--flat.ux-button--accent:focus,.ux-button--flat.ux-button--accent:hover{color:var(--eui-base-color-accent-130)}a.ux-button.ux-button--block,.ux-button--block{display:block;width:100%}a.ux-button.ux-button.disabled,a.ux-button.ux-button:disabled,.ux-button.disabled,.ux-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}.ux-button\\2014host-disabled{background-image:none;box-shadow:none;cursor:not-allowed;opacity:.75;pointer-events:none}.ux-button-group,.ux-button-group--vertical{position:relative;display:inline-flex;vertical-align:middle}.ux-button-group>.ux-button,.ux-button-group--vertical>.ux-button{position:relative;flex:1 1 auto}.ux-button-group .ux-button.ux-dropdown-button,.ux-button-group--vertical .ux-button.ux-dropdown-button{box-shadow:var(--eui-base-shadow-1)}.ux-button-group-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.ux-button-group-toolbar .input-group{width:auto}.ux-button-group>.ux-button:not(:first-child),.ux-button-group>.ux-button-group:not(:first-child),.ux-button-group .ux-button.ux-button--outline.ux-dropdown-button{margin-left:-1px}.ux-button-group>.ux-button:not(:last-child):not(.dropdown-toggle),.ux-button-group>.ux-button-group:not(:last-child)>.ux-button{border-bottom-right-radius:0;border-top-right-radius:0}.ux-button-group>.ux-button:not(:first-child),.ux-button-group>.ux-button-group:not(:first-child)>.ux-button,.ux-button-group .ux-button.ux-dropdown-button{border-bottom-left-radius:0;border-top-left-radius:0}.ux-button-group input[type=checkbox],.ux-button-group input[type=radio]{display:none}.ux-button-group--vertical{flex-direction:column;align-items:flex-start;justify-content:center}.ux-button-group--vertical>.ux-button,.ux-button-group--vertical>.ux-button-group{width:100%}.ux-button-group--vertical>.ux-button:not(:first-child),.ux-button-group--vertical>.ux-button-group:not(:first-child){margin-top:-1px}.ux-button-group--vertical>.ux-button:not(:last-child):not(.dropdown-toggle),.ux-button-group--vertical>.ux-button-group:not(:last-child)>.ux-button{border-bottom-left-radius:0;border-bottom-right-radius:0}.ux-button-group--vertical>.ux-button:not(:first-child),.ux-button-group--vertical>.ux-button-group:not(:first-child)>.ux-button{border-top-left-radius:0;border-top-right-radius:0}.ux-button-group-toggle>.ux-button,.ux-button-group-toggle>.ux-button-group>.ux-button{margin-bottom:0}.ux-button-group-toggle>.ux-button input[type=radio],.ux-button-group-toggle>.ux-button input[type=checkbox],.ux-button-group-toggle>.ux-button-group>.ux-button input[type=radio],.ux-button-group-toggle>.ux-button-group>.ux-button input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group-btn .ux-button{border:1px solid var(--eui-base-color-grey-15);box-shadow:var(--eui-base-shadow-0)}.ux-button--primary.ux-button-group--active,.ux-button--secondary.ux-button-group--active,.ux-button--success.ux-button-group--active,.ux-button--info.ux-button-group--active,.ux-button--warning.ux-button-group--active,.ux-button--danger.ux-button-group--active,.ux-button--accent.ux-button-group--active{background-color:var(--eui-base-color-accent-100)!important;color:var(--eui-base-color-text)!important}.ux-button--primary-dark{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-white)}.ux-button--primary-dark:focus,.ux-button--primary-dark:hover,.ux-button--primary-dark.ux-button--active{background-color:var(--eui-base-color-primary-100)}.ux-button--info-dark{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-white)}.ux-button--info-dark:focus,.ux-button--info-dark:hover,.ux-button--info-dark.ux-button--active{background-color:var(--eui-base-color-info-100)}.ux-button--success-dark{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.ux-button--success-dark:focus,.ux-button--success-dark:hover,.ux-button--success-dark.ux-button--active{background-color:var(--eui-base-color-success-100)}.ux-button--warning-dark{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-white)}.ux-button--warning-dark:focus,.ux-button--warning-dark:hover,.ux-button--warning-dark.ux-button--active{background-color:var(--eui-base-color-warning-100)}.ux-button--danger-dark{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-white)}.ux-button--danger-dark:focus,.ux-button--danger-dark:hover,.ux-button--danger-dark.ux-button--active{background-color:var(--eui-base-color-danger-100)}.ux-button--accent-dark{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-white)}.ux-button--accent-dark:focus,.ux-button--accent-dark:hover,.ux-button--accent-dark.ux-button--active{background-color:var(--eui-base-color-accent-100)}\n"] }]
+            args: [{ selector: 'ux-button-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-button-group {{styleClass}} {{btnSizeClass}}\"\n     data-toggle=\"buttons\"\n     attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-template [ngIf]=\"isCheckboxButtons\">\n        <button *ngFor=\"let link of links; trackBy: trackByFn\"\n               (click)=\"onClick(link, $event)\"\n               [disabled]=\"link.disabled\"\n               [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n               class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass || typeClass}} {{btnSizeClass}}\"\n               [class.ux-button-group--active]=\"link.active\"\n               [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label | translate\">\n            <input class=\"ux-input__checkbox\" type=\"checkbox\" autocomplete=\"off\" [attr.checked]=\"link.active\" tabindex=\"-1\">\n            {{ link.label | translate }}\n            <span focusable=\"false\" *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n        </button>\n    </ng-template>\n    <ng-template [ngIf]=\"isRadioButtons\">\n        <button *ngFor=\"let link of links; trackBy: trackByFn\"\n               (click)=\"onClick(link, $event)\"\n               [disabled]=\"link.disabled\"\n               [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n               class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass || typeClass}} {{btnSizeClass}}\"\n               [class.ux-button-group--active]=\"link.active\"\n               [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label | translate\">\n            <input class=\"ux-input__radio\" type=\"radio\" name=\"options\" [id]=\"link.id ? link.id: generatedId\" autocomplete=\"off\" [attr.checked]=\"link.active\">\n            {{ link.label | translate }}\n            <span focusable=\"false\" *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n        </button>\n    </ng-template>\n    <ng-template [ngIf]=\"!isCheckboxButtons && !isRadioButtons\">\n        <ng-template [ngIf]=\"hasPairedIcon\">\n            <button type=\"button\" (click)=\"onClick(links[0], $event)\"\n                    class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n                    [class.ux-button--active]=\"links[0].active\"\n                    [disabled]=\"links[0].disabled\"\n                    [uxTooltip]=\"links[0].tooltipLabel? links[0].tooltipLabel : null\">\n                <span class=\"ux-button__content\">{{links[0].label}}</span>\n            </button>\n            <button type=\"button\" (click)=\"onClick(links[1], $event)\"\n                    [disabled]=\"links[1].disabled\"\n                    class=\"ux-button ux-button--{{typeClass}}-dark {{btnSizeClass}} ux-button--icon-only\"\n                    [class.ux-button--active]=\"links[1].active\"\n                    [uxTooltip]=\"links[1].tooltipLabel? links[1].tooltipLabel : null\"\n                    attr.aria-label=\"{{ links[1].ariaIconLabel }}\">\n                <span focusable=\"false\" class=\"{{links[1].iconClass}} ux-button__icon\"></span>\n            </button>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!hasPairedIcon\">\n            <button type=\"button\" *ngFor=\"let link of links; let i = index; trackBy: trackByFn\"\n                    (click)=\"onClick(link, $event)\"\n                    [disabled]=\"link.disabled\"\n                    [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n                    class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n                    [class.ux-button--active]=\"link.active\">\n                <span class=\"ux-button__content\">{{ link.label | translate }}</span>\n                <span *ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n            </button>\n        </ng-template>\n    </ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";ux-button{display:inline-block}.ux-button{align-items:center;background-color:var(--eui-base-color-white);background-image:none;border:none;border-radius:var(--eui-base-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:inherit;margin:0;min-width:42px;outline:none;padding:0 var(--eui-base-spacing-m);text-transform:none;transition:none;vertical-align:middle;white-space:nowrap;font-family:var(--eui-base-font-family);font-size:var(--eui-base-font-size);font-style:normal;font-weight:400;box-shadow:var(--eui-base-shadow-1)}.ux-button.ux-dropdown-button,.ux-button.ux-dropdown-tree,.ux-button.ux-datepicker__toggler{box-shadow:none}.ux-button:focus,.ux-button:active,.ux-button.active{z-index:1;box-shadow:var(--eui-base-shadow-2);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}.eui-t-compact .ux-button{min-width:36px}.ux-button:not(.ux-button--outline),.ux-button:not(.ux-button--small),.ux-button:not(.ux-button--large){padding:11px var(--eui-base-spacing-s)!important}.ux-button__icon{align-self:center;margin-left:0;margin-right:0;display:inline-flex;font-size:var(--eui-base-font-size-xl)}.ux-button__content{align-items:center;display:inline-flex}.ux-button--with-label:not(.ux-dropdown-button) .ux-button__icon{margin-right:var(--eui-base-spacing-xs)}.ux-button.ux-button--icon-only{padding:11px 0}.eui-t-compact .ux-button.ux-button--icon-only{min-width:calc(2.5 * var(--eui-base-spacing-m))}.ux-button--line-wrap{line-height:var(--eui-base-line-height);padding:var(--eui-base-spacing-s);white-space:normal}.ux-button--rounded{align-items:center;border-radius:10rem;justify-content:center}.ux-button.ux-button--small{height:calc(2 * var(--eui-base-spacing-m));padding:0 var(--eui-base-spacing-s)}.ux-button.ux-button--small .ux-button__content{font-size:var(--eui-base-font-size-s);line-height:inherit}.ux-button.ux-button--small.ux-button--icon-only{padding:0;min-width:calc(2 * var(--eui-base-spacing-m))}.ux-button.ux-button--small .ux-button__icon,.ux-button.ux-button--small .eui-icon{font-size:var(--eui-base-font-size-xl)}.ux-button.ux-button--large{height:calc(3.25 * var(--eui-base-spacing-m))}.ux-button.ux-button--large .ux-button__content{font-size:var(--eui-base-font-size-xl);line-height:var(--eui-base-line-height)}.ux-button.ux-button--large .ux-button__icon.ux-icon,.ux-button.ux-button--large .ux-button__icon.eui-icon,.ux-button.ux-button--large .eui-icon{font-size:var(--eui-base-font-size-2xl)}.ux-button.ux-button--large.ux-button--icon-only{min-width:calc(3.25 * var(--eui-base-spacing-m))}.ux-button.ux-button--outline{padding:10px var(--eui-base-spacing-m)}.ux-button.ux-button--outline.ux-button--icon-only{padding:10px 0}.eui-t-compact .ux-button.ux-button--outline.ux-button--icon-only{padding:8px 0}.eui-t-compact .ux-button.ux-button--outline.ux-button--icon-only.ux-dropdown-button{padding:9px 0}.ux-button.ux-button--outline.ux-button--small{padding:0 var(--eui-base-spacing-s)}.eui-u-loading .ux-button{padding-left:var(--eui-base-spacing-3xl);margin-left:calc(-1 * var(--eui-base-spacing-s))}.ux-button-dropdown{box-shadow:none;overflow:hidden;white-space:nowrap}.fixed-action-btn,.ux-button-fixed{bottom:calc(var(--eui-layout-footer-height) + var(--eui-base-spacing-m));position:fixed;right:var(--eui-base-spacing-xl);z-index:var(--eui-base-z-index-footer-action-bar)}.btn-floating,.ux-button-floating{align-items:center;border-radius:100%;display:inline-flex;height:var(--eui-base-spacing-3xl);overflow:hidden;padding:0;position:relative;transition:.3s;transform:translateY(35%);vertical-align:middle;width:var(--eui-base-spacing-3xl);z-index:1;box-shadow:var(--eui-base-shadow-2)}.btn-floating:hover,.ux-button-floating:hover{cursor:pointer;box-shadow:var(--eui-base-shadow-3)}.btn-floating i,.btn-floating .fa,.btn-floating .ux-icon,.btn-floating .eui-icon,.btn-floating .icon,.ux-button-floating i,.ux-button-floating .fa,.ux-button-floating .ux-icon,.ux-button-floating .eui-icon,.ux-button-floating .icon{display:inline-block;font-size:var(--eui-base-font-size-3xl);text-align:center;width:inherit}.btn-floating:before,.ux-button-floating:before{border-radius:0}.btn-floating.ux-button--large,.ux-button-floating.ux-button--large{height:var(--eui-base-spacing-4xl);width:var(--eui-base-spacing-4xl)}.btn-floating.ux-button--large i,.btn-floating.ux-button--large .fa,.btn-floating.ux-button--large .ux-icon,.btn-floating.ux-button--large .icon,.ux-button-floating.ux-button--large i,.ux-button-floating.ux-button--large .fa,.ux-button-floating.ux-button--large .ux-icon,.ux-button-floating.ux-button--large .icon{font-size:var(--eui-base-font-size-4xl);transform:translateY(45%)}a.ux-button{text-decoration:none}a.ux-button.ux-button--primary,.ux-button--primary{border-color:var(--eui-base-color-primary-100);background-color:#004494;color:#fff}a.ux-button.ux-button--primary:focus,a.ux-button.ux-button--primary:hover,a.ux-button.ux-button--primary.ux-button--active,.ux-button--primary:focus,.ux-button--primary:hover,.ux-button--primary.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-primary-120);background-color:var(--eui-base-color-primary-75)}a.ux-button.ux-button--secondary,.ux-button--secondary{border-color:var(--eui-base-color-grey-10);background-color:#f5f5f5;color:#404040}a.ux-button.ux-button--secondary:focus,a.ux-button.ux-button--secondary:hover,a.ux-button.ux-button--secondary.ux-button--active,.ux-button--secondary:focus,.ux-button--secondary:hover,.ux-button--secondary.ux-button--active{color:var(--eui-base-color-text);border-color:var(--eui-base-color-grey-25);background-color:var(--eui-base-color-grey-10)}a.ux-button.ux-button--info,.ux-button--info{border-color:var(--eui-base-color-info-100);background-color:#006fb4;color:#fff}a.ux-button.ux-button--info:focus,a.ux-button.ux-button--info:hover,a.ux-button.ux-button--info.ux-button--active,.ux-button--info:focus,.ux-button--info:hover,.ux-button--info.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-info-120);background-color:var(--eui-base-color-info-75)}a.ux-button.ux-button--success,.ux-button--success{border-color:var(--eui-base-color-success-100);background-color:#467a39;color:#fff}a.ux-button.ux-button--success:focus,a.ux-button.ux-button--success:hover a.ux-button.ux-button--success.ux-button--active,.ux-button--success:focus,a.ux-button.ux-button--success:hover .ux-button--success.ux-button--active,.ux-button--success:hover a.ux-button.ux-button--success.ux-button--active,.ux-button--success:hover .ux-button--success.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-success-120);background-color:var(--eui-base-color-success-75)}a.ux-button.ux-button--warning,.ux-button--warning{border-color:var(--eui-base-color-warning-100);background-color:#f29527;color:#404040}a.ux-button.ux-button--warning:focus,a.ux-button.ux-button--warning:hover,a.ux-button.ux-button--warning.ux-button--active,.ux-button--warning:focus,.ux-button--warning:hover,.ux-button--warning.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-warning-120);background-color:var(--eui-base-color-warning-75)}a.ux-button.ux-button--danger,.ux-button--danger{border-color:var(--eui-base-color-danger-100);background-color:#da2131;color:#fff}a.ux-button.ux-button--danger:focus,a.ux-button.ux-button--danger:hover,a.ux-button.ux-button--danger.ux-button--active,.ux-button--danger:focus,.ux-button--danger:hover,.ux-button--danger.ux-button--active{color:var(--eui-base-color-white);border-color:var(--eui-base-color-danger-120);background-color:var(--eui-base-color-danger-75)}a.ux-button.ux-button--accent,.ux-button--accent{border-color:var(--eui-base-color-accent-100);background-color:#ffd617;color:#404040}a.ux-button.ux-button--accent:focus,a.ux-button.ux-button--accent:hover,a.ux-button.ux-button--accent.ux-button--active,.ux-button--accent:focus,.ux-button--accent:hover,.ux-button--accent.ux-button--active{color:var(--eui-base-color-text);border-color:var(--eui-base-color-accent-120);background-color:var(--eui-base-color-accent-75)}a.ux-button.ux-button--outline,.ux-button--outline{background-color:var(--eui-base-color-white);border:1px solid transparent}a.ux-button.ux-button--outline.ux-button--primary,.ux-button--outline.ux-button--primary{border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100)}a.ux-button.ux-button--outline.ux-button--primary:hover,.ux-button--outline.ux-button--primary:hover{background-color:var(--eui-base-color-primary-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--primary:focus,a.ux-button.ux-button--outline.ux-button--primary.active,.ux-button--outline.ux-button--primary:focus,.ux-button--outline.ux-button--primary.active{background-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--secondary,.ux-button--outline.ux-button--secondary{border-color:var(--eui-base-color-grey-25);color:var(--eui-base-color-grey-80)}a.ux-button.ux-button--outline.ux-button--secondary:hover,.ux-button--outline.ux-button--secondary:hover{background-color:var(--eui-base-color-grey-10);color:var(--eui-base-color-grey-90)}a.ux-button.ux-button--outline.ux-button--secondary:focus,a.ux-button.ux-button--outline.ux-button--secondary.active,.ux-button--outline.ux-button--secondary:focus,.ux-button--outline.ux-button--secondary.active{background-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--info,.ux-button--outline.ux-button--info{border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100)}a.ux-button.ux-button--outline.ux-button--info:hover,.ux-button--outline.ux-button--info:hover{background-color:var(--eui-base-color-info-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--info:focus,a.ux-button.ux-button--outline.ux-button--info.active,.ux-button--outline.ux-button--info:focus,.ux-button--outline.ux-button--info.active{background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--success,.ux-button--outline.ux-button--success{border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100)}a.ux-button.ux-button--outline.ux-button--success:hover,.ux-button--outline.ux-button--success:hover{background-color:var(--eui-base-color-success-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--success:focus,a.ux-button.ux-button--outline.ux-button--success.active,.ux-button--outline.ux-button--success:focus,.ux-button--outline.ux-button--success.active{background-color:var(--eui-base-color-success-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--warning,.ux-button--outline.ux-button--warning{border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100)}a.ux-button.ux-button--outline.ux-button--warning:hover,.ux-button--outline.ux-button--warning:hover{background-color:var(--eui-base-color-warning-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--warning:focus,a.ux-button.ux-button--outline.ux-button--warning.active,.ux-button--outline.ux-button--warning:focus,.ux-button--outline.ux-button--warning.active{background-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--danger,.ux-button--outline.ux-button--danger{border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100)}a.ux-button.ux-button--outline.ux-button--danger:hover,.ux-button--outline.ux-button--danger:hover{background-color:var(--eui-base-color-danger-75);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--danger:focus,a.ux-button.ux-button--outline.ux-button--danger.active,.ux-button--outline.ux-button--danger:focus,.ux-button--outline.ux-button--danger.active{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white)}a.ux-button.ux-button--outline.ux-button--accent,.ux-button--outline.ux-button--accent{border-color:var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-130)}a.ux-button.ux-button--outline.ux-button--accent:hover,.ux-button--outline.ux-button--accent:hover{background-color:var(--eui-base-color-accent-75);color:var(--eui-base-color-text)}a.ux-button.ux-button--outline.ux-button--accent:focus,a.ux-button.ux-button--outline.ux-button--accent.active,.ux-button--outline.ux-button--accent:focus,.ux-button--outline.ux-button--accent.active{background-color:var(--eui-base-color-accent-100);color:var(--eui-base-color-text)}a.ux-button.ux-button--flat,.ux-button--flat{background-color:transparent;border:0;box-shadow:var(--eui-base-shadow-0)}a.ux-button.ux-button--flat:focus,a.ux-button.ux-button--flat:hover,.ux-button--flat:focus,.ux-button--flat:hover{background-color:var(--eui-base-color-grey-10);border-radius:var(--eui-border-radius-base);box-shadow:none}a.ux-button.ux-button--flat.ux-button--primary,.ux-button--flat.ux-button--primary{color:var(--eui-base-color-primary-75)}a.ux-button.ux-button--flat.ux-button--primary:focus,a.ux-button.ux-button--flat.ux-button--primary:hover,.ux-button--flat.ux-button--primary:focus,.ux-button--flat.ux-button--primary:hover{color:var(--eui-base-color-primary-110)}a.ux-button.ux-button--flat.ux-button--info,.ux-button--flat.ux-button--info{color:var(--eui-base-color-info-75)}a.ux-button.ux-button--flat.ux-button--info:focus,a.ux-button.ux-button--flat.ux-button--info:hover,.ux-button--flat.ux-button--info:focus,.ux-button--flat.ux-button--info:hover{color:var(--eui-base-color-info-110)}a.ux-button.ux-button--flat.ux-button--success,.ux-button--flat.ux-button--success{color:var(--eui-base-color-success-75)}a.ux-button.ux-button--flat.ux-button--success:focus,a.ux-button.ux-button--flat.ux-button--success:hover,.ux-button--flat.ux-button--success:focus,.ux-button--flat.ux-button--success:hover{color:var(--eui-base-color-success-110)}a.ux-button.ux-button--flat.ux-button--warning,.ux-button--flat.ux-button--warning{color:var(--eui-base-color-warning-75)}a.ux-button.ux-button--flat.ux-button--warning:focus,a.ux-button.ux-button--flat.ux-button--warning:hover,.ux-button--flat.ux-button--warning:focus,.ux-button--flat.ux-button--warning:hover{color:var(--eui-base-color-warning-110)}a.ux-button.ux-button--flat.ux-button--danger,.ux-button--flat.ux-button--danger{color:var(--eui-base-color-danger-75)}a.ux-button.ux-button--flat.ux-button--danger:focus,a.ux-button.ux-button--flat.ux-button--danger:hover,.ux-button--flat.ux-button--danger:focus,.ux-button--flat.ux-button--danger:hover{color:var(--eui-base-color-danger-110)}a.ux-button.ux-button--flat.ux-button--accent,.ux-button--flat.ux-button--accent{color:var(--eui-base-color-accent-110)}a.ux-button.ux-button--flat.ux-button--accent:focus,a.ux-button.ux-button--flat.ux-button--accent:hover,.ux-button--flat.ux-button--accent:focus,.ux-button--flat.ux-button--accent:hover{color:var(--eui-base-color-accent-130)}a.ux-button.ux-button--block,.ux-button--block{display:block;width:100%}a.ux-button.ux-button.disabled,a.ux-button.ux-button:disabled,.ux-button.disabled,.ux-button:disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed;opacity:var(--eui-base-disabled-opacity)}.ux-button\\2014host-disabled{background-image:none;box-shadow:none;cursor:not-allowed;opacity:.75;pointer-events:none}.ux-button-group,.ux-button-group--vertical{position:relative;display:inline-flex;vertical-align:middle}.ux-button-group>.ux-button,.ux-button-group--vertical>.ux-button{position:relative;flex:1 1 auto}.ux-button-group .ux-button.ux-dropdown-button,.ux-button-group--vertical .ux-button.ux-dropdown-button{box-shadow:var(--eui-base-shadow-1)}.ux-button-group-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.ux-button-group-toolbar .input-group{width:auto}.ux-button-group>.ux-button:not(:first-child),.ux-button-group>.ux-button-group:not(:first-child),.ux-button-group .ux-button.ux-button--outline.ux-dropdown-button{margin-left:-1px}.ux-button-group>.ux-button:not(:last-child):not(.dropdown-toggle),.ux-button-group>.ux-button-group:not(:last-child)>.ux-button{border-bottom-right-radius:0;border-top-right-radius:0}.ux-button-group>.ux-button:not(:first-child),.ux-button-group>.ux-button-group:not(:first-child)>.ux-button,.ux-button-group .ux-button.ux-dropdown-button{border-bottom-left-radius:0;border-top-left-radius:0}.ux-button-group input[type=checkbox],.ux-button-group input[type=radio]{display:none!important}.ux-button-group--vertical{flex-direction:column;align-items:flex-start;justify-content:center}.ux-button-group--vertical>.ux-button,.ux-button-group--vertical>.ux-button-group{width:100%}.ux-button-group--vertical>.ux-button:not(:first-child),.ux-button-group--vertical>.ux-button-group:not(:first-child){margin-top:-1px}.ux-button-group--vertical>.ux-button:not(:last-child):not(.dropdown-toggle),.ux-button-group--vertical>.ux-button-group:not(:last-child)>.ux-button{border-bottom-left-radius:0;border-bottom-right-radius:0}.ux-button-group--vertical>.ux-button:not(:first-child),.ux-button-group--vertical>.ux-button-group:not(:first-child)>.ux-button{border-top-left-radius:0;border-top-right-radius:0}.ux-button-group-toggle>.ux-button,.ux-button-group-toggle>.ux-button-group>.ux-button{margin-bottom:0}.ux-button-group-toggle>.ux-button input[type=radio],.ux-button-group-toggle>.ux-button input[type=checkbox],.ux-button-group-toggle>.ux-button-group>.ux-button input[type=radio],.ux-button-group-toggle>.ux-button-group>.ux-button input[type=checkbox]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group-btn .ux-button{border:1px solid var(--eui-base-color-grey-15);box-shadow:var(--eui-base-shadow-0)}.ux-button--primary.ux-button-group--active,.ux-button--secondary.ux-button-group--active,.ux-button--success.ux-button-group--active,.ux-button--info.ux-button-group--active,.ux-button--warning.ux-button-group--active,.ux-button--danger.ux-button-group--active,.ux-button--accent.ux-button-group--active{background-color:var(--eui-base-color-accent-100)!important;color:var(--eui-base-color-text)!important}.ux-button--primary-dark{background-color:var(--eui-base-color-primary-110);color:var(--eui-base-color-white)}.ux-button--primary-dark:focus,.ux-button--primary-dark:hover,.ux-button--primary-dark.ux-button--active{background-color:var(--eui-base-color-primary-100)}.ux-button--info-dark{background-color:var(--eui-base-color-info-110);color:var(--eui-base-color-white)}.ux-button--info-dark:focus,.ux-button--info-dark:hover,.ux-button--info-dark.ux-button--active{background-color:var(--eui-base-color-info-100)}.ux-button--success-dark{background-color:var(--eui-base-color-success-110);color:var(--eui-base-color-white)}.ux-button--success-dark:focus,.ux-button--success-dark:hover,.ux-button--success-dark.ux-button--active{background-color:var(--eui-base-color-success-100)}.ux-button--warning-dark{background-color:var(--eui-base-color-warning-110);color:var(--eui-base-color-white)}.ux-button--warning-dark:focus,.ux-button--warning-dark:hover,.ux-button--warning-dark.ux-button--active{background-color:var(--eui-base-color-warning-100)}.ux-button--danger-dark{background-color:var(--eui-base-color-danger-110);color:var(--eui-base-color-white)}.ux-button--danger-dark:focus,.ux-button--danger-dark:hover,.ux-button--danger-dark.ux-button--active{background-color:var(--eui-base-color-danger-100)}.ux-button--accent-dark{background-color:var(--eui-base-color-accent-110);color:var(--eui-base-color-white)}.ux-button--accent-dark:focus,.ux-button--accent-dark:hover,.ux-button--accent-dark.ux-button--active{background-color:var(--eui-base-color-accent-100)}\n"] }]
         }], propDecorators: { styleClass: [{
                 type: Input
             }], typeClass: [{

package/fesm2020/eui-components-legacy-ux-button-group.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-legacy-ux-button-group.mjs","sources":["../../legacy/ux-button-group/ux-button-group-item.component.ts","../../legacy/ux-button-group/ux-button-group.component.ts","../../legacy/ux-button-group/ux-button-group.component.html","../../legacy/ux-button-group/eui-components-legacy-ux-button-group.ts"],"sourcesContent":["import { Component, Input, NgModule, OnChanges } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UxLink } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'ux-button-group-item',\n template: `<div></div>`,\n})\nexport class UxButtonGroupItemComponent implements OnChanges {\n @Input() id: string;\n @Input() label: string;\n @Input() ariaIconLabel: string;\n @Input() iconClass: string;\n @Input()\n get isActive(): boolean { return this._isActive; }\n set isActive(value: BooleanInput) { this._isActive = coerceBooleanProperty(value); }\n private _isActive: boolean = false;\n @Input() typeClass: string;\n @Input() tooltipLabel: string;\n @Input()\n get isDisabled(): boolean { return this._isDisabled; }\n set isDisabled(value: BooleanInput) { this._isDisabled = coerceBooleanProperty(value); }\n private _isDisabled?: boolean;\n\n uxLink: UxLink = new UxLink();\n\n ngOnChanges(): void {\n Object.assign(this.uxLink, {\n id: this.id,\n label: this.label,\n iconClass: this.iconClass,\n active: this.isActive,\n typeClass: this.typeClass,\n ariaIconLabel: this.ariaIconLabel,\n tooltipLabel: this.tooltipLabel,\n disabled: this.isDisabled,\n });\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n exports: [UxButtonGroupItemComponent],\n declarations: [UxButtonGroupItemComponent]\n})\nexport class UxButtonGroupItemComponentModule {\n}\n","import {\n AfterContentInit,\n Component,\n ContentChildren,\n EventEmitter,\n forwardRef,\n Input,\n NgModule,\n Output,\n QueryList,\n ViewEncapsulation\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { UxLink } from '@eui/core';\nimport { UxButtonGroupItemComponent } from './ux-button-group-item.component';\nimport { consumeEvent } from '@eui/core';\nimport { UxTooltipModule } from '@eui/components/legacy/common/ux-directives';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'ux-button-group',\n templateUrl: './ux-button-group.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxButtonGroupComponent implements AfterContentInit {\n @Input() styleClass: string;\n @Input() typeClass: string = 'primary';\n @Input()\n get isOutline(): boolean { return this._isOutline; }\n set isOutline(value: BooleanInput) { this._isOutline = coerceBooleanProperty(value); }\n private _isOutline: boolean = false;\n @Input() links: UxLink[] = [];\n @Input()\n get isCheckboxButtons(): boolean { return this._isCheckboxButtons; }\n set isCheckboxButtons(value: BooleanInput) { this._isCheckboxButtons = coerceBooleanProperty(value); }\n private _isCheckboxButtons: boolean = false;\n @Input()\n get isRadioButtons(): boolean { return this._isRadioButtons; }\n set isRadioButtons(value: BooleanInput) { this._isRadioButtons = coerceBooleanProperty(value); }\n private _isRadioButtons: boolean = false;\n @Input()\n get hasPairedIcon(): boolean { return this._hasPairedIcon; }\n set hasPairedIcon(value: BooleanInput) { this._hasPairedIcon = coerceBooleanProperty(value); }\n private _hasPairedIcon: boolean = false;\n @Input()\n get isSmall(): boolean { return this._isSmall; }\n set isSmall(value: BooleanInput) { this._isSmall = coerceBooleanProperty(value); }\n private _isSmall: boolean = false;\n @Input()\n get isLarge(): boolean { return this._isLarge; }\n set isLarge(value: BooleanInput) { this._isLarge = coerceBooleanProperty(value); }\n private _isLarge: boolean = false;\n @Input() e2eAttr: string = 'ux-button-group';\n\n @Output() clicked: EventEmitter<UxLink> = new EventEmitter<UxLink>();\n\n @ContentChildren(forwardRef(() => UxButtonGroupItemComponent)) items: QueryList<UxButtonGroupItemComponent>;\n\n btnSizeClass: string;\n generatedId = (Math.floor(Math.random() * 1000000) + 1).toString();\n\n ngAfterContentInit() {\n if (this.items && this.links.length === 0) {\n\n this.links = [];\n this.items.forEach((item) => {\n this.links.push(item.uxLink);\n });\n }\n\n this.btnSizeClass = '';\n if (this.isSmall) {\n this.btnSizeClass = 'ux-button--small';\n }\n if (this.isLarge) {\n this.btnSizeClass = 'ux-button--large';\n }\n\n }\n\n onClick(link: UxLink, event: Event) {\n if (this.isCheckboxButtons) {\n this.links.forEach((currentLink) => {\n if (JSON.stringify(currentLink) === JSON.stringify(link)) {\n currentLink.active = !currentLink.active;\n }\n });\n } else if (this.isRadioButtons) {\n this.links.forEach((currentLink) => {\n currentLink.active = false;\n if (JSON.stringify(currentLink) === JSON.stringify(link)) {\n currentLink.active = !currentLink.active;\n }\n });\n }\n\n consumeEvent(event);\n\n this.clicked.emit(link);\n }\n\n trackByFn(index: number, item: UxLink) {\n return item.id;\n }\n}\n\n@NgModule({\n imports: [CommonModule, TranslateModule, UxTooltipModule],\n exports: [UxButtonGroupComponent],\n declarations: [UxButtonGroupComponent],\n})\nexport class UxButtonGroupComponentModule {\n}\n","<div class=\"ux-button-group {{styleClass}} {{btnSizeClass}}\"\n data-toggle=\"buttons\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <ng-template [ngIf]=\"isCheckboxButtons\">\n <button ngFor=\"let link of links; trackBy: trackByFn\"\n (click)=\"onClick(link, $event)\"\n [disabled]=\"link.disabled\"\n [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass \|\| typeClass}} {{btnSizeClass}}\"\n [class.ux-button-group--active]=\"link.active\"\n [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label \| translate\">\n <input class=\"ux-input__checkbox\" type=\"checkbox\" autocomplete=\"off\" [attr.checked]=\"link.active\" tabindex=\"-1\">\n {{ link.label \| translate }}\n <span focusable=\"false\" ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n </button>\n </ng-template>\n <ng-template [ngIf]=\"isRadioButtons\">\n <button ngFor=\"let link of links; trackBy: trackByFn\"\n (click)=\"onClick(link, $event)\"\n [disabled]=\"link.disabled\"\n [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass \|\| typeClass}} {{btnSizeClass}}\"\n [class.ux-button-group--active]=\"link.active\"\n [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label \| translate\">\n <input class=\"ux-input__radio\" type=\"radio\" name=\"options\" [id]=\"link.id ? link.id: generatedId\" autocomplete=\"off\" [attr.checked]=\"link.active\">\n {{ link.label \| translate }}\n <span focusable=\"false\" ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n </button>\n </ng-template>\n <ng-template [ngIf]=\"!isCheckboxButtons && !isRadioButtons\">\n <ng-template [ngIf]=\"hasPairedIcon\">\n <button type=\"button\" (click)=\"onClick(links[0], $event)\"\n class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n [class.ux-button--active]=\"links[0].active\"\n [disabled]=\"links[0].disabled\"\n [uxTooltip]=\"links[0].tooltipLabel? links[0].tooltipLabel : null\">\n <span class=\"ux-button__content\">{{links[0].label}}</span>\n </button>\n <button type=\"button\" (click)=\"onClick(links[1], $event)\"\n [disabled]=\"links[1].disabled\"\n class=\"ux-button ux-button--{{typeClass}}-dark {{btnSizeClass}} ux-button--icon-only\"\n [class.ux-button--active]=\"links[1].active\"\n [uxTooltip]=\"links[1].tooltipLabel? links[1].tooltipLabel : null\"\n attr.aria-label=\"{{ links[1].ariaIconLabel }}\">\n <span focusable=\"false\" class=\"{{links[1].iconClass}} ux-button__icon\"></span>\n </button>\n </ng-template>\n\n <ng-template [ngIf]=\"!hasPairedIcon\">\n <button type=\"button\" ngFor=\"let link of links; let i = index; trackBy: trackByFn\"\n (click)=\"onClick(link, $event)\"\n [disabled]=\"link.disabled\"\n [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n [class.ux-button--active]=\"link.active\">\n <span class=\"ux-button__content\">{{ link.label \| translate }}</span>\n <span ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n </button>\n </ng-template>\n </ng-template>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MASa,0BAA0B,CAAA;AAJvC,IAAA,WAAA,GAAA;QAYY,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;AAQnC,QAAA,IAAA,CAAA,MAAM,GAAW,IAAI,MAAM,EAAE,CAAC;AAcjC,KAAA;IAzBG,IACI,QAAQ,KAAc,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE;AAClD,IAAA,IAAI,QAAQ,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAIpF,IACI,UAAU,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,EAAE;AACtD,IAAA,IAAI,UAAU,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAKxF,WAAW,GAAA;AACP,QAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;YACvB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,MAAM,EAAE,IAAI,CAAC,QAAQ;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,QAAQ,EAAE,IAAI,CAAC,UAAU;AAC5B,SAAA,CAAC,CAAC;KACN;;2IA7BQ,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,mBAAA,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,qRAFzB,CAAa,WAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;4FAEd,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,CAAa,WAAA,CAAA;AAC1B,iBAAA,CAAA;8BAEY,EAAE,EAAA,CAAA;sBAAV,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEF,QAAQ,EAAA,CAAA;sBADX,KAAK;gBAIG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBAEF,UAAU,EAAA,CAAA;sBADb,KAAK;;MA0BG,gCAAgC,CAAA;;iJAAhC,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhC,mBAAA,gCAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gCAAgC,EArChC,YAAA,EAAA,CAAA,0BAA0B,CAiCzB,EAAA,OAAA,EAAA,CAAA,YAAY,aAjCb,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAqC1B,mBAAA,gCAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gCAAgC,YAJ/B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAIb,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAL5C,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,YAAY,EAAE,CAAC,0BAA0B,CAAC;AAC7C,iBAAA,CAAA;;;MCnBY,sBAAsB,CAAA;AANnC,IAAA,WAAA,GAAA;QAQa,IAAS,CAAA,SAAA,GAAW,SAAS,CAAC;QAI/B,IAAU,CAAA,UAAA,GAAY,KAAK,CAAC;QAC3B,IAAK,CAAA,KAAA,GAAa,EAAE,CAAC;QAItB,IAAkB,CAAA,kBAAA,GAAY,KAAK,CAAC;QAIpC,IAAe,CAAA,eAAA,GAAY,KAAK,CAAC;QAIjC,IAAc,CAAA,cAAA,GAAY,KAAK,CAAC;QAIhC,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAI1B,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QACzB,IAAO,CAAA,OAAA,GAAW,iBAAiB,CAAC;AAEnC,QAAA,IAAA,CAAA,OAAO,GAAyB,IAAI,YAAY,EAAU,CAAC;AAKrE,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC;AA6CtE,KAAA;IA7EG,IACI,SAAS,KAAc,OAAO,IAAI,CAAC,UAAU,CAAC,EAAE;AACpD,IAAA,IAAI,SAAS,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,UAAU,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAGtF,IACI,iBAAiB,KAAc,OAAO,IAAI,CAAC,kBAAkB,CAAC,EAAE;AACpE,IAAA,IAAI,iBAAiB,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAEtG,IACI,cAAc,KAAc,OAAO,IAAI,CAAC,eAAe,CAAC,EAAE;AAC9D,IAAA,IAAI,cAAc,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAEhG,IACI,aAAa,KAAc,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE;AAC5D,IAAA,IAAI,aAAa,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAE9F,IACI,OAAO,KAAc,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE;AAChD,IAAA,IAAI,OAAO,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAElF,IACI,OAAO,KAAc,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE;AAChD,IAAA,IAAI,OAAO,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAWlF,kBAAkB,GAAA;QACd,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAEvC,YAAA,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;gBACxB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACjC,aAAC,CAAC,CAAC;AACN,SAAA;AAED,QAAA,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,YAAY,GAAG,kBAAkB,CAAC;AAC1C,SAAA;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,YAAY,GAAG,kBAAkB,CAAC;AAC1C,SAAA;KAEJ;IAED,OAAO,CAAC,IAAY,EAAE,KAAY,EAAA;QAC9B,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW,KAAI;AAC/B,gBAAA,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;AACtD,oBAAA,WAAW,CAAC,MAAM,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC;AAC5C,iBAAA;AACL,aAAC,CAAC,CAAC;AACN,SAAA;aAAM,IAAI,IAAI,CAAC,cAAc,EAAE;YAC5B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW,KAAI;AAC/B,gBAAA,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;AAC3B,gBAAA,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;AACtD,oBAAA,WAAW,CAAC,MAAM,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC;AAC5C,iBAAA;AACL,aAAC,CAAC,CAAC;AACN,SAAA;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;AAEpB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,SAAS,CAAC,KAAa,EAAE,IAAY,EAAA;QACjC,OAAO,IAAI,CAAC,EAAE,CAAC;KAClB;;uIA/EQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2HAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,YAAA,EAAA,OAgCG,0BAA0B,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1DhE,43HA6DA,EAAA,MAAA,EAAA,CAAA,4onBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDnCa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACI,iBAAiB,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,43HAAA,EAAA,MAAA,EAAA,CAAA,4onBAAA,CAAA,EAAA,CAAA;8BAG5B,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEF,SAAS,EAAA,CAAA;sBADZ,KAAK;gBAIG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAEF,iBAAiB,EAAA,CAAA;sBADpB,KAAK;gBAKF,cAAc,EAAA,CAAA;sBADjB,KAAK;gBAKF,aAAa,EAAA,CAAA;sBADhB,KAAK;gBAKF,OAAO,EAAA,CAAA;sBADV,KAAK;gBAKF,OAAO,EAAA,CAAA;sBADV,KAAK;gBAIG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAEI,OAAO,EAAA,CAAA;sBAAhB,MAAM;gBAEwD,KAAK,EAAA,CAAA;sBAAnE,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,0BAA0B,CAAC,CAAA;;MAuDpD,4BAA4B,CAAA;;6IAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;8IAA5B,4BAA4B,EAAA,YAAA,EAAA,CAvF5B,sBAAsB,CAmFrB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,eAAe,CAAA,EAAA,OAAA,EAAA,CAnF/C,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAuFtB,mBAAA,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,EAJ3B,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;4FAI/C,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC;oBACzD,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACzC,iBAAA,CAAA;;;AEhHD;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-components-legacy-ux-button-group.mjs","sources":["../../legacy/ux-button-group/ux-button-group-item.component.ts","../../legacy/ux-button-group/ux-button-group.component.ts","../../legacy/ux-button-group/ux-button-group.component.html","../../legacy/ux-button-group/eui-components-legacy-ux-button-group.ts"],"sourcesContent":["import { Component, Input, NgModule, OnChanges } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UxLink } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'ux-button-group-item',\n template: `<div></div>`,\n})\nexport class UxButtonGroupItemComponent implements OnChanges {\n @Input() id: string;\n @Input() label: string;\n @Input() ariaIconLabel: string;\n @Input() iconClass: string;\n @Input()\n get isActive(): boolean { return this._isActive; }\n set isActive(value: BooleanInput) { this._isActive = coerceBooleanProperty(value); }\n private _isActive: boolean = false;\n @Input() typeClass: string;\n @Input() tooltipLabel: string;\n @Input()\n get isDisabled(): boolean { return this._isDisabled; }\n set isDisabled(value: BooleanInput) { this._isDisabled = coerceBooleanProperty(value); }\n private _isDisabled?: boolean;\n\n uxLink: UxLink = new UxLink();\n\n ngOnChanges(): void {\n Object.assign(this.uxLink, {\n id: this.id,\n label: this.label,\n iconClass: this.iconClass,\n active: this.isActive,\n typeClass: this.typeClass,\n ariaIconLabel: this.ariaIconLabel,\n tooltipLabel: this.tooltipLabel,\n disabled: this.isDisabled,\n });\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n exports: [UxButtonGroupItemComponent],\n declarations: [UxButtonGroupItemComponent]\n})\nexport class UxButtonGroupItemComponentModule {\n}\n","import {\n AfterContentInit,\n Component,\n ContentChildren,\n EventEmitter,\n forwardRef,\n Input,\n NgModule,\n Output,\n QueryList,\n ViewEncapsulation\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { UxLink } from '@eui/core';\nimport { UxButtonGroupItemComponent } from './ux-button-group-item.component';\nimport { consumeEvent } from '@eui/core';\nimport { UxTooltipModule } from '@eui/components/legacy/common/ux-directives';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'ux-button-group',\n templateUrl: './ux-button-group.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class UxButtonGroupComponent implements AfterContentInit {\n @Input() styleClass: string;\n @Input() typeClass: string = 'primary';\n @Input()\n get isOutline(): boolean { return this._isOutline; }\n set isOutline(value: BooleanInput) { this._isOutline = coerceBooleanProperty(value); }\n private _isOutline: boolean = false;\n @Input() links: UxLink[] = [];\n @Input()\n get isCheckboxButtons(): boolean { return this._isCheckboxButtons; }\n set isCheckboxButtons(value: BooleanInput) { this._isCheckboxButtons = coerceBooleanProperty(value); }\n private _isCheckboxButtons: boolean = false;\n @Input()\n get isRadioButtons(): boolean { return this._isRadioButtons; }\n set isRadioButtons(value: BooleanInput) { this._isRadioButtons = coerceBooleanProperty(value); }\n private _isRadioButtons: boolean = false;\n @Input()\n get hasPairedIcon(): boolean { return this._hasPairedIcon; }\n set hasPairedIcon(value: BooleanInput) { this._hasPairedIcon = coerceBooleanProperty(value); }\n private _hasPairedIcon: boolean = false;\n @Input()\n get isSmall(): boolean { return this._isSmall; }\n set isSmall(value: BooleanInput) { this._isSmall = coerceBooleanProperty(value); }\n private _isSmall: boolean = false;\n @Input()\n get isLarge(): boolean { return this._isLarge; }\n set isLarge(value: BooleanInput) { this._isLarge = coerceBooleanProperty(value); }\n private _isLarge: boolean = false;\n @Input() e2eAttr: string = 'ux-button-group';\n\n @Output() clicked: EventEmitter<UxLink> = new EventEmitter<UxLink>();\n\n @ContentChildren(forwardRef(() => UxButtonGroupItemComponent)) items: QueryList<UxButtonGroupItemComponent>;\n\n btnSizeClass: string;\n generatedId = (Math.floor(Math.random() * 1000000) + 1).toString();\n\n ngAfterContentInit() {\n if (this.items && this.links.length === 0) {\n\n this.links = [];\n this.items.forEach((item) => {\n this.links.push(item.uxLink);\n });\n }\n\n this.btnSizeClass = '';\n if (this.isSmall) {\n this.btnSizeClass = 'ux-button--small';\n }\n if (this.isLarge) {\n this.btnSizeClass = 'ux-button--large';\n }\n\n }\n\n onClick(link: UxLink, event: Event) {\n if (this.isCheckboxButtons) {\n this.links.forEach((currentLink) => {\n if (JSON.stringify(currentLink) === JSON.stringify(link)) {\n currentLink.active = !currentLink.active;\n }\n });\n } else if (this.isRadioButtons) {\n this.links.forEach((currentLink) => {\n currentLink.active = false;\n if (JSON.stringify(currentLink) === JSON.stringify(link)) {\n currentLink.active = !currentLink.active;\n }\n });\n }\n\n consumeEvent(event);\n\n this.clicked.emit(link);\n }\n\n trackByFn(index: number, item: UxLink) {\n return item.id;\n }\n}\n\n@NgModule({\n imports: [CommonModule, TranslateModule, UxTooltipModule],\n exports: [UxButtonGroupComponent],\n declarations: [UxButtonGroupComponent],\n})\nexport class UxButtonGroupComponentModule {\n}\n","<div class=\"ux-button-group {{styleClass}} {{btnSizeClass}}\"\n data-toggle=\"buttons\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <ng-template [ngIf]=\"isCheckboxButtons\">\n <button ngFor=\"let link of links; trackBy: trackByFn\"\n (click)=\"onClick(link, $event)\"\n [disabled]=\"link.disabled\"\n [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass \|\| typeClass}} {{btnSizeClass}}\"\n [class.ux-button-group--active]=\"link.active\"\n [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label \| translate\">\n <input class=\"ux-input__checkbox\" type=\"checkbox\" autocomplete=\"off\" [attr.checked]=\"link.active\" tabindex=\"-1\">\n {{ link.label \| translate }}\n <span focusable=\"false\" ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n </button>\n </ng-template>\n <ng-template [ngIf]=\"isRadioButtons\">\n <button ngFor=\"let link of links; trackBy: trackByFn\"\n (click)=\"onClick(link, $event)\"\n [disabled]=\"link.disabled\"\n [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n class=\"ux-button ux-button--{{isOutline ? 'outline' : ''}} ux-button--{{link.typeClass \|\| typeClass}} {{btnSizeClass}}\"\n [class.ux-button-group--active]=\"link.active\"\n [attr.aria-label]=\"link.ariaIconLabel ? link.ariaIconLabel : link.label \| translate\">\n <input class=\"ux-input__radio\" type=\"radio\" name=\"options\" [id]=\"link.id ? link.id: generatedId\" autocomplete=\"off\" [attr.checked]=\"link.active\">\n {{ link.label \| translate }}\n <span focusable=\"false\" ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n </button>\n </ng-template>\n <ng-template [ngIf]=\"!isCheckboxButtons && !isRadioButtons\">\n <ng-template [ngIf]=\"hasPairedIcon\">\n <button type=\"button\" (click)=\"onClick(links[0], $event)\"\n class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n [class.ux-button--active]=\"links[0].active\"\n [disabled]=\"links[0].disabled\"\n [uxTooltip]=\"links[0].tooltipLabel? links[0].tooltipLabel : null\">\n <span class=\"ux-button__content\">{{links[0].label}}</span>\n </button>\n <button type=\"button\" (click)=\"onClick(links[1], $event)\"\n [disabled]=\"links[1].disabled\"\n class=\"ux-button ux-button--{{typeClass}}-dark {{btnSizeClass}} ux-button--icon-only\"\n [class.ux-button--active]=\"links[1].active\"\n [uxTooltip]=\"links[1].tooltipLabel? links[1].tooltipLabel : null\"\n attr.aria-label=\"{{ links[1].ariaIconLabel }}\">\n <span focusable=\"false\" class=\"{{links[1].iconClass}} ux-button__icon\"></span>\n </button>\n </ng-template>\n\n <ng-template [ngIf]=\"!hasPairedIcon\">\n <button type=\"button\" ngFor=\"let link of links; let i = index; trackBy: trackByFn\"\n (click)=\"onClick(link, $event)\"\n [disabled]=\"link.disabled\"\n [uxTooltip]=\"link.tooltipLabel? link.tooltipLabel : null\"\n class=\"ux-button ux-button--{{typeClass}} {{btnSizeClass}}\"\n [class.ux-button--active]=\"link.active\">\n <span class=\"ux-button__content\">{{ link.label \| translate }}</span>\n <span ngIf=\"link.iconClass\" class=\"{{link.iconClass}} ux-button__icon\"></span>\n </button>\n </ng-template>\n </ng-template>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@eui/components",
-    "version": "14.0.12",
+    "version": "14.0.13",
     "tag": "prev",
     "description": "eUI components package - next components prior to version 9",
     "homepage": "https://eui.ecdevops.eu",