oasys-lib 1.82.0 → 1.82.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/button/button.component.mjs +3 -3
- package/fesm2022/oasys-lib.mjs +2 -2
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
|
@@ -78,11 +78,11 @@ export class OasysButtonComponent {
|
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"button_selected\"\n [attr.aria-readonly]=\"button_disabled\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.aria-readonly]=\"button_disabled\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: i3.OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
81
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n \n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: i3.OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
82
82
|
}
|
|
83
83
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
|
-
args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"button_selected\"\n [attr.aria-readonly]=\"button_disabled\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.aria-readonly]=\"button_disabled\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"] }]
|
|
85
|
+
args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n \n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"] }]
|
|
86
86
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { clicked: [{
|
|
87
87
|
type: Output
|
|
88
88
|
}], ngContent: [{
|
|
@@ -113,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
113
113
|
}], href: [{
|
|
114
114
|
type: Input
|
|
115
115
|
}] } });
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04saUJBQWlCLEVBQ2pCLFlBQVksRUFDWix1QkFBdUIsRUFFdkIsU0FBUyxFQUVULEtBQUssRUFHTixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFrQnZCLE1BQU0sT0FBTyxvQkFBb0I7SUF3Qi9CLFlBQ1UsVUFBd0M7UUFBeEMsZUFBVSxHQUFWLFVBQVUsQ0FBOEI7UUF4QnhDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBSXBDLDBCQUFxQixHQUFnQixTQUFTLENBQUM7UUFDL0MsZ0JBQVcsR0FBaUIsT0FBTyxDQUFDO1FBQ3BDLGdCQUFXLEdBQWlCLFNBQVMsQ0FBQztRQUN0QyxzQkFBaUIsR0FBb0IsS0FBSyxDQUFDO1FBQzNDLHNCQUFpQixHQUFzQixRQUFRLENBQUM7UUFDaEQsb0JBQWUsR0FBb0IsS0FBSyxDQUFDO1FBQ3pDLG9CQUFlLEdBQW9CLEtBQUssQ0FBQztRQUN6Qyx1QkFBa0IsR0FBb0IsS0FBSyxDQUFDO1FBRTVDLGNBQVMsR0FBVyxRQUFRLENBQUM7UUFJdEMsZ0JBQVcsR0FBZ0IsTUFBTSxDQUFDO1FBRWxDLHVCQUFrQixHQUFHLENBQUMsV0FBVyxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDeEQsb0NBQStCLEdBQUcsRUFBRSxDQUFDO1FBQ3JDLGlDQUE0QixHQUFHLEVBQUUsQ0FBQztRQXdDMUIsNEJBQXVCLEdBQUcsR0FBVyxFQUFFO1lBQzdDLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNwQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7WUFDekIsQ0FBQztpQkFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxDQUFDO2dCQUM5RSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztZQUNoRCxDQUFDO2lCQUFNLElBQ0wsQ0FBQyxJQUFJLENBQUMsU0FBUztnQkFDZixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUNoRCxDQUFDO2dCQUNELE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO1lBQ2pELENBQUM7WUFDRCxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUMsQ0FBQztRQUVNLHlCQUFvQixHQUFHLEdBQWEsRUFBRSxDQUFDO1lBQzdDLFFBQVEsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUMxQixRQUFRLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDMUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQy9DLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ3BELEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ3ZELEdBQ0UsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUNyRSxFQUFFO1lBQ0YsR0FDRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3RELENBQUMsQ0FBQyxpQkFBaUI7Z0JBQ25CLENBQUMsQ0FBQyxFQUNOLEVBQUU7WUFDRixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbkQsR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7U0FDdkQsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7SUFsRWYsQ0FBQztJQUVKLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLCtCQUErQixHQUFHLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1FBQ3RFLElBQUksQ0FBQyw0QkFBNEIsR0FBRyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUNsRSxDQUFDO0lBRUQ7Ozs7TUFJRTtJQUNGLFdBQVc7UUFDVCxJQUFJLENBQUMsK0JBQStCLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7UUFDdEUsSUFBSSxDQUFDLDRCQUE0QixHQUFHLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2xFLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQzdGLE1BQU0sSUFBSSxLQUFLLENBQUM7Ozs7Ozs7OztPQVNmLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOytHQTVEVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixrbUJDOUJqQyw4MkNBOENBOzs0RkRoQmEsb0JBQW9CO2tCQVBoQyxTQUFTOytCQUNFLFdBQVcsaUJBR04saUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsT0FBTzsrRUFHdEMsT0FBTztzQkFBaEIsTUFBTTtnQkFDa0IsU0FBUztzQkFBakMsU0FBUzt1QkFBQyxZQUFZO2dCQUVkLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgRXZlbnRFbWl0dGVyLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgRWxlbWVudFJlZixcbiAgVmlld0NoaWxkLFxuICBBZnRlclZpZXdJbml0LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPbkNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uTmFtZXMsIEljb25Db250ZXh0IH0gZnJvbSAnLi4vaWNvbi9pY29uJztcbmltcG9ydCB7IFRleHRUcmFuc2Zvcm0gfSBmcm9tICcuLi90ZXh0L3RleHQnO1xuaW1wb3J0IHtcbiAgVUlCdXR0b24sXG4gIFVJQnV0dG9uQm9vbGVhbixcbiAgVUlCdXR0b25TaXplLFxuICBVSUJ1dHRvblR5cGUsXG4gIFVJQnV0dG9uRXZlbnRUeXBlXG59IGZyb20gJy4vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHRcbn0pXG5leHBvcnQgY2xhc3MgT2FzeXNCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAVmlld0NoaWxkKCdidXR0b250ZXh0JykgbmdDb250ZW50OiBFbGVtZW50UmVmO1xuXG4gIEBJbnB1dCgpIGJ1dHRvbl9pY29uOiBJY29uTmFtZXMgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGJ1dHRvbl9pY29uX3BsYWNlbWVudDogSWNvbkNvbnRleHQgPSAnbGVhZGluZyc7XG4gIEBJbnB1dCgpIGJ1dHRvbl9zaXplOiBVSUJ1dHRvblNpemUgPSAnbGFyZ2UnO1xuICBASW5wdXQoKSBidXR0b25fdHlwZTogVUlCdXR0b25UeXBlID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBidXR0b25fZnVsbF93aWR0aDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvbl9ldmVudF90eXBlOiBVSUJ1dHRvbkV2ZW50VHlwZSA9ICdidXR0b24nO1xuICBASW5wdXQoKSBidXR0b25fZGlzYWJsZWQ6IFVJQnV0dG9uQm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBidXR0b25fc2VsZWN0ZWQ6IFVJQnV0dG9uQm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBidXR0b25fdGV4dF9ub3dyYXA6IFVJQnV0dG9uQm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBhcmlhX2xhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGFyaWFfcm9sZTogc3RyaW5nID0gJ2J1dHRvbic7XG4gIEBJbnB1dCgpIGhyZWY6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBidXR0b246IFVJQnV0dG9uO1xuICBpY29uQ29udGV4dDogSWNvbkNvbnRleHQgPSAnbm9uZSc7XG4gIHRleHRUcmFuc2Zvcm0hOiBUZXh0VHJhbnNmb3JtO1xuICBvdXRsaW5lQnV0dG9uVHlwZXMgPSBbJ3NlY29uZGFyeScsICdzZWNvbmRhcnktaW52ZXJzZSddO1xuICBjb21wdXRlZEFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gJyc7XG4gIGNvbXB1dGVkQnV0dG9uRGlzcGxheUNsYXNzZXMgPSBbXTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD5cbiAgKSB7fVxuXG4gIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY29tcHV0ZWRBY2Nlc3NpYmxlQnV0dG9uQ29udGVudCA9IHRoaXMuYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQoKTtcbiAgICB0aGlzLmNvbXB1dGVkQnV0dG9uRGlzcGxheUNsYXNzZXMgPSB0aGlzLmJ1dHRvbkRpc3BsYXlDbGFzc2VzKCk7XG4gIH1cblxuICAvKipcbiAgKiByZXF1aXJlZCBiZWNhdXNlIHNpZ25hbHMgY2Fubm90IGJlIHVzZWQgaGVyZSB0byBmb3JjZSBjaGFuZ2UgZGV0ZWN0aW9uIG9uIHN0cmluZ3MgY29tcHV0ZWQgZnJvbSBpbnB1dHNcbiAgKiBUT0RPIC0gbWlncmF0ZSBpbnB1dHMgdG8gSW5wdXRTaWduYWxzIHdoZW4gQW5ndWxhciBzdXBwb3J0cyBpdCB3aXRoaW4gYW5ndWxhciAxOS5cbiAgKiBJc3N1ZSAtIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIvaXNzdWVzLzUzOTgxXG4gICovXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuY29tcHV0ZWRBY2Nlc3NpYmxlQnV0dG9uQ29udGVudCA9IHRoaXMuYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQoKTtcbiAgICB0aGlzLmNvbXB1dGVkQnV0dG9uRGlzcGxheUNsYXNzZXMgPSB0aGlzLmJ1dHRvbkRpc3BsYXlDbGFzc2VzKCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmFyaWFfbGFiZWwgJiYgIXRoaXMubmdDb250ZW50ICYmICF0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudD8uaW5uZXJUZXh0Py5sZW5ndGgpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihgXG4gICAgICBObyBpbm5lciB0ZXh0IGZvdW5kLiBBbGwgYnV0dG9ucyBzaG91bGQgaGF2ZSB0ZXh0IHBhc3NlZCB2aWEgbmctY29udGVudCB0byBlbmFibGUgYWNjZXNzaWJpbGl0eSBmb3Igc2NyZWVuIHJlYWRlcnMsIFxcXG4gICAgICB0aGlzIGluY2x1ZGVzIGljb24tb25seSBidXR0b25zLlxuICAgICAgUGFzcyBjb250ZW50IHVzaW5nIHRoZSBleGFtcGxlIHRlbXBsYXRlczpcbiAgICAgIC8vIEV4YW1wbGUgMVxuICAgICAgdWktYnV0dG9uKCkgQnV5IEFsbCBUaGUgVGhpbmdzXG4gICAgICAvLyBFeGFtcGxlIDJcbiAgICAgIHVpLWJ1dHRvbigpXG4gICAgICAgIHNwYW4gQnV5IEFsbCBUaGUgVGhpbmdzXG4gICAgICBgKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gKCk6IHN0cmluZyA9PiB7XG4gICAgaWYgKHRoaXMuYXJpYV9sYWJlbCkge1xuICAgICAgcmV0dXJuIHRoaXMuYXJpYV9sYWJlbDtcbiAgICB9IGVsc2UgaWYgKHRoaXMubmdDb250ZW50ICYmIHRoaXMubmdDb250ZW50Py5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQ/Lmxlbmd0aCkge1xuICAgICAgcmV0dXJuIHRoaXMubmdDb250ZW50Lm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0O1xuICAgIH0gZWxzZSBpZiAoXG4gICAgICAhdGhpcy5uZ0NvbnRlbnQgJiZcbiAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQ/Lmxlbmd0aFxuICAgICkge1xuICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmlubmVyVGV4dDtcbiAgICB9XG4gICAgcmV0dXJuICcnO1xuICB9O1xuXG4gIHByaXZhdGUgYnV0dG9uRGlzcGxheUNsYXNzZXMgPSAoKTogc3RyaW5nW10gPT4gW1xuICAgIGB0eXBlLSR7dGhpcy5idXR0b25fdHlwZX1gLFxuICAgIGBzaXplLSR7dGhpcy5idXR0b25fc2l6ZX1gLFxuICAgIGAke3RoaXMuYnV0dG9uX2ljb24gPyAnYnV0dG9uLS1oYXMtaWNvbicgOiAnJ31gLFxuICAgIGAke3RoaXMuYnV0dG9uX3RleHRfbm93cmFwID8gJ2J1dHRvbi0tbm93cmFwJyA6ICcnfWAsXG4gICAgYCR7dGhpcy5idXR0b25fZnVsbF93aWR0aCA/ICdidXR0b24tLWZ1bGwtd2lkdGgnIDogJyd9YCxcbiAgICBgJHtcbiAgICAgIHRoaXMuYnV0dG9uX2ljb24gPyAnYnV0dG9uLS1pY29uLS0nICsgdGhpcy5idXR0b25faWNvbl9wbGFjZW1lbnQgOiAnJ1xuICAgIH1gLFxuICAgIGAke1xuICAgICAgdGhpcy5vdXRsaW5lQnV0dG9uVHlwZXMuaW5kZXhPZih0aGlzLmJ1dHRvbl90eXBlKSAhPT0gLTFcbiAgICAgICAgPyAnYnV0dG9uLS1vdXRsaW5lJ1xuICAgICAgICA6ICcnXG4gICAgfWAsXG4gICAgYCR7dGhpcy5idXR0b25fc2VsZWN0ZWQgPyAnYnV0dG9uLS1zZWxlY3RlZCcgOiAnJ31gLFxuICAgIGAke3RoaXMuYnV0dG9uX3R5cGUgPT09ICdjaGlwJyA/ICdidXR0b24tLWNoaXAnIDogJyd9YFxuICBdLmZpbHRlcihCb29sZWFuKTtcbn1cbiIsIjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250ZW50XCI+XG4gICAgPHVpLWljb25cbiAgICAgICpuZ0lmPVwiYnV0dG9uX2ljb24gJiYgYnV0dG9uX2ljb25fcGxhY2VtZW50ICE9PSAnbm9uZSdcIlxuICAgICAgW2ljb25fbmFtZV09XCJidXR0b25faWNvblwiXG4gICAgICBbaWNvbl9zaXplXT1cImJ1dHRvbl9zaXplXCJcbiAgICAgIFtpY29uX2NsYXNzXT1cIididXR0b25JY29uJ1wiXG4gICAgICBbaWNvbl9jb250ZXh0XT1cImJ1dHRvbl9pY29uX3BsYWNlbWVudFwiXG4gICAgPjwvdWktaWNvbj5cbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJ1aS10ZXh0XCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgdmlzdWFsbHloaWRkZW46IGJ1dHRvbl9pY29uX3BsYWNlbWVudCA9PT0gJ2ljb25Pbmx5JyB9XCJcbiAgICA+XG4gICAgICA8c3BhbiAjYnV0dG9udGV4dD5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheVwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYnV0dG9uLW92ZXJsYXktZm9jdXNcIj48L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxidXR0b25cbiAgKm5nSWY9XCIhaHJlZlwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuICBbdHlwZV09XCJidXR0b25fZXZlbnRfdHlwZVwiXG4gIFtuZ0NsYXNzXT1cImNvbXB1dGVkQnV0dG9uRGlzcGxheUNsYXNzZXNcIlxuICBbYXR0ci5kaXNhYmxlZF09XCJidXR0b25fZGlzYWJsZWQgPT09IHRydWUgfHwgbnVsbFwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiY29tcHV0ZWRBY2Nlc3NpYmxlQnV0dG9uQ29udGVudFwiXG4gIFthdHRyLnJvbGVdPVwiYXJpYV9yb2xlXCJcbiAgW2F0dHIuYXJpYS1jaGVja2VkXT1cImJ1dHRvbl9zZWxlY3RlZFwiXG4gIFthdHRyLmFyaWEtcmVhZG9ubHldPVwiYnV0dG9uX2Rpc2FibGVkXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYnV0dG9uPlxuXG48YVxuICAqbmdJZj1cImhyZWZcIlxuICBbaHJlZl09XCJocmVmXCJcbiAgW2F0dHIuZGlzYWJsZWRdPVwiYnV0dG9uX2Rpc2FibGVkID09PSB0cnVlIHx8IG51bGxcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImNvbXB1dGVkQWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnRcIlxuICBbbmdDbGFzc109XCJjb21wdXRlZEJ1dHRvbkRpc3BsYXlDbGFzc2VzXCJcbiAgW2F0dHIuYXJpYS1yZWFkb25seV09XCJidXR0b25fZGlzYWJsZWRcIlxuPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9hPlxuIl19
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04saUJBQWlCLEVBQ2pCLFlBQVksRUFDWix1QkFBdUIsRUFFdkIsU0FBUyxFQUVULEtBQUssRUFHTixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFrQnZCLE1BQU0sT0FBTyxvQkFBb0I7SUF3Qi9CLFlBQ1UsVUFBd0M7UUFBeEMsZUFBVSxHQUFWLFVBQVUsQ0FBOEI7UUF4QnhDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBSXBDLDBCQUFxQixHQUFnQixTQUFTLENBQUM7UUFDL0MsZ0JBQVcsR0FBaUIsT0FBTyxDQUFDO1FBQ3BDLGdCQUFXLEdBQWlCLFNBQVMsQ0FBQztRQUN0QyxzQkFBaUIsR0FBb0IsS0FBSyxDQUFDO1FBQzNDLHNCQUFpQixHQUFzQixRQUFRLENBQUM7UUFDaEQsb0JBQWUsR0FBb0IsS0FBSyxDQUFDO1FBQ3pDLG9CQUFlLEdBQW9CLEtBQUssQ0FBQztRQUN6Qyx1QkFBa0IsR0FBb0IsS0FBSyxDQUFDO1FBRTVDLGNBQVMsR0FBVyxRQUFRLENBQUM7UUFJdEMsZ0JBQVcsR0FBZ0IsTUFBTSxDQUFDO1FBRWxDLHVCQUFrQixHQUFHLENBQUMsV0FBVyxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDeEQsb0NBQStCLEdBQUcsRUFBRSxDQUFDO1FBQ3JDLGlDQUE0QixHQUFHLEVBQUUsQ0FBQztRQXdDMUIsNEJBQXVCLEdBQUcsR0FBVyxFQUFFO1lBQzdDLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNwQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7WUFDekIsQ0FBQztpQkFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxDQUFDO2dCQUM5RSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztZQUNoRCxDQUFDO2lCQUFNLElBQ0wsQ0FBQyxJQUFJLENBQUMsU0FBUztnQkFDZixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUNoRCxDQUFDO2dCQUNELE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO1lBQ2pELENBQUM7WUFDRCxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUMsQ0FBQztRQUVNLHlCQUFvQixHQUFHLEdBQWEsRUFBRSxDQUFDO1lBQzdDLFFBQVEsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUMxQixRQUFRLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDMUIsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQy9DLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ3BELEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ3ZELEdBQ0UsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUNyRSxFQUFFO1lBQ0YsR0FDRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3RELENBQUMsQ0FBQyxpQkFBaUI7Z0JBQ25CLENBQUMsQ0FBQyxFQUNOLEVBQUU7WUFDRixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbkQsR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7U0FDdkQsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7SUFsRWYsQ0FBQztJQUVKLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLCtCQUErQixHQUFHLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1FBQ3RFLElBQUksQ0FBQyw0QkFBNEIsR0FBRyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUNsRSxDQUFDO0lBRUQ7Ozs7TUFJRTtJQUNGLFdBQVc7UUFDVCxJQUFJLENBQUMsK0JBQStCLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7UUFDdEUsSUFBSSxDQUFDLDRCQUE0QixHQUFHLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2xFLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQzdGLE1BQU0sSUFBSSxLQUFLLENBQUM7Ozs7Ozs7OztPQVNmLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOytHQTVEVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixrbUJDOUJqQyxzMUNBNkNBOzs0RkRmYSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsV0FBVyxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxPQUFPOytFQUd0QyxPQUFPO3NCQUFoQixNQUFNO2dCQUNrQixTQUFTO3NCQUFqQyxTQUFTO3VCQUFDLFlBQVk7Z0JBRWQsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBFdmVudEVtaXR0ZXIsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBFbGVtZW50UmVmLFxuICBWaWV3Q2hpbGQsXG4gIEFmdGVyVmlld0luaXQsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE9uQ2hhbmdlc1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lcywgSWNvbkNvbnRleHQgfSBmcm9tICcuLi9pY29uL2ljb24nO1xuaW1wb3J0IHsgVGV4dFRyYW5zZm9ybSB9IGZyb20gJy4uL3RleHQvdGV4dCc7XG5pbXBvcnQge1xuICBVSUJ1dHRvbixcbiAgVUlCdXR0b25Cb29sZWFuLFxuICBVSUJ1dHRvblNpemUsXG4gIFVJQnV0dG9uVHlwZSxcbiAgVUlCdXR0b25FdmVudFR5cGVcbn0gZnJvbSAnLi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgQE91dHB1dCgpIGNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBWaWV3Q2hpbGQoJ2J1dHRvbnRleHQnKSBuZ0NvbnRlbnQ6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KCkgYnV0dG9uX2ljb246IEljb25OYW1lcyB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgYnV0dG9uX2ljb25fcGxhY2VtZW50OiBJY29uQ29udGV4dCA9ICdsZWFkaW5nJztcbiAgQElucHV0KCkgYnV0dG9uX3NpemU6IFVJQnV0dG9uU2l6ZSA9ICdsYXJnZSc7XG4gIEBJbnB1dCgpIGJ1dHRvbl90eXBlOiBVSUJ1dHRvblR5cGUgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIGJ1dHRvbl9mdWxsX3dpZHRoOiBVSUJ1dHRvbkJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgYnV0dG9uX2V2ZW50X3R5cGU6IFVJQnV0dG9uRXZlbnRUeXBlID0gJ2J1dHRvbic7XG4gIEBJbnB1dCgpIGJ1dHRvbl9kaXNhYmxlZDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvbl9zZWxlY3RlZDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGJ1dHRvbl90ZXh0X25vd3JhcDogVUlCdXR0b25Cb29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGFyaWFfbGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgYXJpYV9yb2xlOiBzdHJpbmcgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgaHJlZjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIGJ1dHRvbjogVUlCdXR0b247XG4gIGljb25Db250ZXh0OiBJY29uQ29udGV4dCA9ICdub25lJztcbiAgdGV4dFRyYW5zZm9ybSE6IFRleHRUcmFuc2Zvcm07XG4gIG91dGxpbmVCdXR0b25UeXBlcyA9IFsnc2Vjb25kYXJ5JywgJ3NlY29uZGFyeS1pbnZlcnNlJ107XG4gIGNvbXB1dGVkQWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQgPSAnJztcbiAgY29tcHV0ZWRCdXR0b25EaXNwbGF5Q2xhc3NlcyA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PlxuICApIHt9XG5cbiAgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jb21wdXRlZEFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gdGhpcy5hY2Nlc3NpYmxlQnV0dG9uQ29udGVudCgpO1xuICAgIHRoaXMuY29tcHV0ZWRCdXR0b25EaXNwbGF5Q2xhc3NlcyA9IHRoaXMuYnV0dG9uRGlzcGxheUNsYXNzZXMoKTtcbiAgfVxuXG4gIC8qKlxuICAqIHJlcXVpcmVkIGJlY2F1c2Ugc2lnbmFscyBjYW5ub3QgYmUgdXNlZCBoZXJlIHRvIGZvcmNlIGNoYW5nZSBkZXRlY3Rpb24gb24gc3RyaW5ncyBjb21wdXRlZCBmcm9tIGlucHV0c1xuICAqIFRPRE8gLSBtaWdyYXRlIGlucHV0cyB0byBJbnB1dFNpZ25hbHMgd2hlbiBBbmd1bGFyIHN1cHBvcnRzIGl0IHdpdGhpbiBhbmd1bGFyIDE5LlxuICAqIElzc3VlIC0gaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXIvYW5ndWxhci9pc3N1ZXMvNTM5ODFcbiAgKi9cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jb21wdXRlZEFjY2Vzc2libGVCdXR0b25Db250ZW50ID0gdGhpcy5hY2Nlc3NpYmxlQnV0dG9uQ29udGVudCgpO1xuICAgIHRoaXMuY29tcHV0ZWRCdXR0b25EaXNwbGF5Q2xhc3NlcyA9IHRoaXMuYnV0dG9uRGlzcGxheUNsYXNzZXMoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYXJpYV9sYWJlbCAmJiAhdGhpcy5uZ0NvbnRlbnQgJiYgIXRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Py5pbm5lclRleHQ/Lmxlbmd0aCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKGBcbiAgICAgIE5vIGlubmVyIHRleHQgZm91bmQuIEFsbCBidXR0b25zIHNob3VsZCBoYXZlIHRleHQgcGFzc2VkIHZpYSBuZy1jb250ZW50IHRvIGVuYWJsZSBhY2Nlc3NpYmlsaXR5IGZvciBzY3JlZW4gcmVhZGVycywgXFxcbiAgICAgIHRoaXMgaW5jbHVkZXMgaWNvbi1vbmx5IGJ1dHRvbnMuXG4gICAgICBQYXNzIGNvbnRlbnQgdXNpbmcgdGhlIGV4YW1wbGUgdGVtcGxhdGVzOlxuICAgICAgLy8gRXhhbXBsZSAxXG4gICAgICB1aS1idXR0b24oKSBCdXkgQWxsIFRoZSBUaGluZ3NcbiAgICAgIC8vIEV4YW1wbGUgMlxuICAgICAgdWktYnV0dG9uKClcbiAgICAgICAgc3BhbiBCdXkgQWxsIFRoZSBUaGluZ3NcbiAgICAgIGApO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgYWNjZXNzaWJsZUJ1dHRvbkNvbnRlbnQgPSAoKTogc3RyaW5nID0+IHtcbiAgICBpZiAodGhpcy5hcmlhX2xhYmVsKSB7XG4gICAgICByZXR1cm4gdGhpcy5hcmlhX2xhYmVsO1xuICAgIH0gZWxzZSBpZiAodGhpcy5uZ0NvbnRlbnQgJiYgdGhpcy5uZ0NvbnRlbnQ/Lm5hdGl2ZUVsZW1lbnQ/LmlubmVyVGV4dD8ubGVuZ3RoKSB7XG4gICAgICByZXR1cm4gdGhpcy5uZ0NvbnRlbnQubmF0aXZlRWxlbWVudC5pbm5lclRleHQ7XG4gICAgfSBlbHNlIGlmIChcbiAgICAgICF0aGlzLm5nQ29udGVudCAmJlxuICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ/LmlubmVyVGV4dD8ubGVuZ3RoXG4gICAgKSB7XG4gICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0O1xuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH07XG5cbiAgcHJpdmF0ZSBidXR0b25EaXNwbGF5Q2xhc3NlcyA9ICgpOiBzdHJpbmdbXSA9PiBbXG4gICAgYHR5cGUtJHt0aGlzLmJ1dHRvbl90eXBlfWAsXG4gICAgYHNpemUtJHt0aGlzLmJ1dHRvbl9zaXplfWAsXG4gICAgYCR7dGhpcy5idXR0b25faWNvbiA/ICdidXR0b24tLWhhcy1pY29uJyA6ICcnfWAsXG4gICAgYCR7dGhpcy5idXR0b25fdGV4dF9ub3dyYXAgPyAnYnV0dG9uLS1ub3dyYXAnIDogJyd9YCxcbiAgICBgJHt0aGlzLmJ1dHRvbl9mdWxsX3dpZHRoID8gJ2J1dHRvbi0tZnVsbC13aWR0aCcgOiAnJ31gLFxuICAgIGAke1xuICAgICAgdGhpcy5idXR0b25faWNvbiA/ICdidXR0b24tLWljb24tLScgKyB0aGlzLmJ1dHRvbl9pY29uX3BsYWNlbWVudCA6ICcnXG4gICAgfWAsXG4gICAgYCR7XG4gICAgICB0aGlzLm91dGxpbmVCdXR0b25UeXBlcy5pbmRleE9mKHRoaXMuYnV0dG9uX3R5cGUpICE9PSAtMVxuICAgICAgICA/ICdidXR0b24tLW91dGxpbmUnXG4gICAgICAgIDogJydcbiAgICB9YCxcbiAgICBgJHt0aGlzLmJ1dHRvbl9zZWxlY3RlZCA/ICdidXR0b24tLXNlbGVjdGVkJyA6ICcnfWAsXG4gICAgYCR7dGhpcy5idXR0b25fdHlwZSA9PT0gJ2NoaXAnID8gJ2J1dHRvbi0tY2hpcCcgOiAnJ31gXG4gIF0uZmlsdGVyKEJvb2xlYW4pO1xufVxuIiwiPG5nLXRlbXBsYXRlICNjb250ZW50PlxuICA8ZGl2IGNsYXNzPVwiYnV0dG9uLWNvbnRlbnRcIj5cbiAgICA8dWktaWNvblxuICAgICAgKm5nSWY9XCJidXR0b25faWNvbiAmJiBidXR0b25faWNvbl9wbGFjZW1lbnQgIT09ICdub25lJ1wiXG4gICAgICBbaWNvbl9uYW1lXT1cImJ1dHRvbl9pY29uXCJcbiAgICAgIFtpY29uX3NpemVdPVwiYnV0dG9uX3NpemVcIlxuICAgICAgW2ljb25fY2xhc3NdPVwiJ2J1dHRvbkljb24nXCJcbiAgICAgIFtpY29uX2NvbnRleHRdPVwiYnV0dG9uX2ljb25fcGxhY2VtZW50XCJcbiAgICA+PC91aS1pY29uPlxuICAgIDxzcGFuXG4gICAgICBjbGFzcz1cInVpLXRleHRcIlxuICAgICAgW25nQ2xhc3NdPVwieyB2aXN1YWxseWhpZGRlbjogYnV0dG9uX2ljb25fcGxhY2VtZW50ID09PSAnaWNvbk9ubHknIH1cIlxuICAgID5cbiAgICAgIDxzcGFuICNidXR0b250ZXh0PlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImJ1dHRvbi1vdmVybGF5XCI+PC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJidXR0b24tb3ZlcmxheS1mb2N1c1wiPjwvZGl2PlxuICBcbjwvbmctdGVtcGxhdGU+XG5cbjxidXR0b25cbiAgKm5nSWY9XCIhaHJlZlwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuICBbdHlwZV09XCJidXR0b25fZXZlbnRfdHlwZVwiXG4gIFtuZ0NsYXNzXT1cImNvbXB1dGVkQnV0dG9uRGlzcGxheUNsYXNzZXNcIlxuICBbYXR0ci5kaXNhYmxlZF09XCJidXR0b25fZGlzYWJsZWQgPT09IHRydWUgfHwgbnVsbFwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiY29tcHV0ZWRBY2Nlc3NpYmxlQnV0dG9uQ29udGVudFwiXG4gIFthdHRyLnJvbGVdPVwiYXJpYV9yb2xlXCJcbiAgW2F0dHIuYXJpYS1jaGVja2VkXT1cImFyaWFfcm9sZSA9PT0gJ2NoZWNrYm94JyB8fCBhcmlhX3JvbGUgPT09ICdzd2l0Y2gnID8gYnV0dG9uX3NlbGVjdGVkIDogbnVsbFwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L2J1dHRvbj5cblxuPGFcbiAgKm5nSWY9XCJocmVmXCJcbiAgW2hyZWZdPVwiaHJlZlwiXG4gIFthdHRyLmRpc2FibGVkXT1cImJ1dHRvbl9kaXNhYmxlZCA9PT0gdHJ1ZSB8fCBudWxsXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJjb21wdXRlZEFjY2Vzc2libGVCdXR0b25Db250ZW50XCJcbiAgW25nQ2xhc3NdPVwiY29tcHV0ZWRCdXR0b25EaXNwbGF5Q2xhc3Nlc1wiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L2E+XG4iXX0=
|
package/fesm2022/oasys-lib.mjs
CHANGED
|
@@ -568,11 +568,11 @@ class OasysButtonComponent {
|
|
|
568
568
|
}
|
|
569
569
|
}
|
|
570
570
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
571
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"button_selected\"\n [attr.aria-readonly]=\"button_disabled\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.aria-readonly]=\"button_disabled\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_type: "button_type", button_full_width: "button_full_width", button_event_type: "button_event_type", button_disabled: "button_disabled", button_selected: "button_selected", button_text_nowrap: "button_text_nowrap", aria_label: "aria_label", aria_role: "aria_role", href: "href" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n \n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "alt_text", "icon_class"] }, { kind: "directive", type: OasysHrefDirective, selector: "a, uiHref, [uiHref]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
572
572
|
}
|
|
573
573
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OasysButtonComponent, decorators: [{
|
|
574
574
|
type: Component,
|
|
575
|
-
args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"button_selected\"\n [attr.aria-readonly]=\"button_disabled\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.aria-readonly]=\"button_disabled\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"] }]
|
|
575
|
+
args: [{ selector: 'ui-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-template #content>\n <div class=\"button-content\">\n <ui-icon\n *ngIf=\"button_icon && button_icon_placement !== 'none'\"\n [icon_name]=\"button_icon\"\n [icon_size]=\"button_size\"\n [icon_class]=\"'buttonIcon'\"\n [icon_context]=\"button_icon_placement\"\n ></ui-icon>\n <span\n class=\"ui-text\"\n [ngClass]=\"{ visuallyhidden: button_icon_placement === 'iconOnly' }\"\n >\n <span #buttontext>\n <ng-content></ng-content>\n </span>\n </span>\n </div>\n <div class=\"button-overlay\"></div>\n <div class=\"button-overlay-focus\"></div>\n \n</ng-template>\n\n<button\n *ngIf=\"!href\"\n (click)=\"onClick()\"\n [type]=\"button_event_type\"\n [ngClass]=\"computedButtonDisplayClasses\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [attr.role]=\"aria_role\"\n [attr.aria-checked]=\"aria_role === 'checkbox' || aria_role === 'switch' ? button_selected : null\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a\n *ngIf=\"href\"\n [href]=\"href\"\n [attr.disabled]=\"button_disabled === true || null\"\n [attr.aria-label]=\"computedAccessibleButtonContent\"\n [ngClass]=\"computedButtonDisplayClasses\"\n>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["ui-button{display:contents}ui-button button,ui-button a{border:0;padding:0;position:relative;display:inline-flex;text-align:center;justify-content:center;align-items:center;border-style:solid;cursor:pointer;user-select:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;border-width:var(--oasys-component-button-border-width);border-radius:var(--oasys-component-button-border-radius);font-family:var(--oasys-typography-body-body-font-family)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center;gap:var(--oasys-component-button-content-stack);min-height:var(--oasys-component-button-content-height)}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--oasys-component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--oasys-component-button-text-transform);letter-spacing:var(--oasys-component-button-letter-spacing);font-weight:var(--oasys-component-button-font-weight);line-height:var(--oasys-component-button-line-height)}ui-button button .button-overlay,ui-button button .button-overlay-focus,ui-button a .button-overlay,ui-button a .button-overlay-focus{position:absolute;inset:0;touch-action:none;pointer-events:none;border-radius:var(--oasys-component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--oasys-component-button-opacity-overlay-focus)}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--oasys-component-button-color-primary-background);border-color:var(--oasys-component-button-color-primary-border);color:var(--oasys-component-button-color-primary-text)}ui-button button.type-primary:hover:not(.button--selected),ui-button a.type-primary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-hover-underlay)}ui-button button.type-primary.button--selected:not([disabled]),ui-button a.type-primary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-hover-underlay);border-color:var(--oasys-component-button-color-primary-selected-border)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--oasys-component-button-color-primary-hover-overlay)}ui-button button.type-primary .ui-text,ui-button a.type-primary .ui-text{font-weight:var(--oasys-component-button-font-weight-primary)}ui-button button.type-primary.button--selected .ui-text,ui-button a.type-primary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--oasys-component-button-color-secondary-background);border-color:var(--oasys-component-button-color-secondary-border);color:var(--oasys-component-button-color-secondary-text)}ui-button button.type-secondary:hover:not(.button--selected),ui-button a.type-secondary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-hover-underlay)}ui-button button.type-secondary.button--selected:not([disabled]),ui-button a.type-secondary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-hover-underlay);border-color:var(--oasys-component-button-color-secondary-selected-border)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--oasys-component-button-color-secondary-hover-overlay)}ui-button button.type-secondary .ui-text,ui-button a.type-secondary .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary)}ui-button button.type-secondary.button--selected .ui-text,ui-button a.type-secondary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--oasys-component-button-color-tertiary-background);border-color:var(--oasys-component-button-color-tertiary-border);color:var(--oasys-component-button-color-tertiary-text)}ui-button button.type-tertiary:hover:not(.button--selected),ui-button a.type-tertiary:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-hover-underlay)}ui-button button.type-tertiary.button--selected:not([disabled]),ui-button a.type-tertiary.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-selected-border)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--oasys-component-button-color-tertiary-hover-overlay)}ui-button button.type-tertiary .ui-text,ui-button a.type-tertiary .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary)}ui-button button.type-tertiary.button--selected .ui-text,ui-button a.type-tertiary.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--oasys-component-button-color-primary-inverse-background);border-color:var(--oasys-component-button-color-primary-inverse-border);color:var(--oasys-component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse:hover:not(.button--selected),ui-button a.type-primary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay)}ui-button button.type-primary-inverse.button--selected:not([disabled]),ui-button a.type-primary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-primary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-primary-inverse-selected-border)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--oasys-component-button-color-primary-inverse-hover-overlay)}ui-button button.type-primary-inverse .ui-text,ui-button a.type-primary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-primary-inverse)}ui-button button.type-primary-inverse.button--selected .ui-text,ui-button a.type-primary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-primary-inverse)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--oasys-component-button-color-secondary-inverse-background);border-color:var(--oasys-component-button-color-secondary-inverse-border);color:var(--oasys-component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse:hover:not(.button--selected),ui-button a.type-secondary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay)}ui-button button.type-secondary-inverse.button--selected:not([disabled]),ui-button a.type-secondary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-secondary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-secondary-inverse-selected-border)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--oasys-component-button-color-secondary-inverse-hover-overlay)}ui-button button.type-secondary-inverse .ui-text,ui-button a.type-secondary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-secondary-inverse)}ui-button button.type-secondary-inverse.button--selected .ui-text,ui-button a.type-secondary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-secondary-inverse)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--oasys-component-button-color-tertiary-inverse-background);border-color:var(--oasys-component-button-color-tertiary-inverse-border);color:var(--oasys-component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse:hover:not(.button--selected),ui-button a.type-tertiary-inverse:hover:not(.button--selected){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay)}ui-button button.type-tertiary-inverse.button--selected:not([disabled]),ui-button a.type-tertiary-inverse.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-tertiary-inverse-hover-underlay);border-color:var(--oasys-component-button-color-tertiary-inverse-selected-border)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--oasys-component-button-color-tertiary-inverse-hover-overlay)}ui-button button.type-tertiary-inverse .ui-text,ui-button a.type-tertiary-inverse .ui-text{font-weight:var(--oasys-component-button-font-weight-tertiary-inverse)}ui-button button.type-tertiary-inverse.button--selected .ui-text,ui-button a.type-tertiary-inverse.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-tertiary-inverse)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--oasys-component-button-color-expressive-background);border-color:var(--oasys-component-button-color-expressive-border);color:var(--oasys-component-button-color-expressive-text)}ui-button button.type-expressive:hover:not(.button--selected),ui-button a.type-expressive:hover:not(.button--selected){background-color:var(--oasys-component-button-color-expressive-hover-underlay)}ui-button button.type-expressive.button--selected:not([disabled]),ui-button a.type-expressive.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-expressive-hover-underlay);border-color:var(--oasys-component-button-color-expressive-selected-border)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--oasys-component-button-color-expressive-hover-overlay)}ui-button button.type-expressive .ui-text,ui-button a.type-expressive .ui-text{font-weight:var(--oasys-component-button-font-weight-expressive)}ui-button button.type-expressive.button--selected .ui-text,ui-button a.type-expressive.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-expressive)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--oasys-component-button-color-danger-background);border-color:var(--oasys-component-button-color-danger-border);color:var(--oasys-component-button-color-danger-text)}ui-button button.type-danger:hover:not(.button--selected),ui-button a.type-danger:hover:not(.button--selected){background-color:var(--oasys-component-button-color-danger-hover-underlay)}ui-button button.type-danger.button--selected:not([disabled]),ui-button a.type-danger.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-danger-hover-underlay);border-color:var(--oasys-component-button-color-danger-selected-border)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--oasys-component-button-color-danger-hover-overlay)}ui-button button.type-danger .ui-text,ui-button a.type-danger .ui-text{font-weight:var(--oasys-component-button-font-weight-danger)}ui-button button.type-danger.button--selected .ui-text,ui-button a.type-danger.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-danger)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--oasys-component-button-color-facebook-background);border-color:var(--oasys-component-button-color-facebook-border);color:var(--oasys-component-button-color-facebook-text)}ui-button button.type-facebook:hover:not(.button--selected),ui-button a.type-facebook:hover:not(.button--selected){background-color:var(--oasys-component-button-color-facebook-hover-underlay)}ui-button button.type-facebook.button--selected:not([disabled]),ui-button a.type-facebook.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-facebook-hover-underlay);border-color:var(--oasys-component-button-color-facebook-selected-border)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--oasys-component-button-color-facebook-hover-overlay)}ui-button button.type-facebook .ui-text,ui-button a.type-facebook .ui-text{font-weight:var(--oasys-component-button-font-weight-facebook)}ui-button button.type-facebook.button--selected .ui-text,ui-button a.type-facebook.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-facebook)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--oasys-component-button-color-paypal-background);border-color:var(--oasys-component-button-color-paypal-border);color:var(--oasys-component-button-color-paypal-text)}ui-button button.type-paypal:hover:not(.button--selected),ui-button a.type-paypal:hover:not(.button--selected){background-color:var(--oasys-component-button-color-paypal-hover-underlay)}ui-button button.type-paypal.button--selected:not([disabled]),ui-button a.type-paypal.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-paypal-hover-underlay);border-color:var(--oasys-component-button-color-paypal-selected-border)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--oasys-component-button-color-paypal-hover-overlay)}ui-button button.type-paypal .ui-text,ui-button a.type-paypal .ui-text{font-weight:var(--oasys-component-button-font-weight-paypal)}ui-button button.type-paypal.button--selected .ui-text,ui-button a.type-paypal.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-paypal)}ui-button button.type-rewards,ui-button a.type-rewards{background-color:var(--oasys-component-button-color-rewards-background);border-color:var(--oasys-component-button-color-rewards-border);color:var(--oasys-component-button-color-rewards-text)}ui-button button.type-rewards:hover:not(.button--selected),ui-button a.type-rewards:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-hover-underlay)}ui-button button.type-rewards.button--selected:not([disabled]),ui-button a.type-rewards.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-hover-underlay);border-color:var(--oasys-component-button-color-rewards-selected-border)}ui-button button.type-rewards .button-overlay,ui-button a.type-rewards .button-overlay{background-color:var(--oasys-component-button-color-rewards-hover-overlay)}ui-button button.type-rewards .ui-text,ui-button a.type-rewards .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards)}ui-button button.type-rewards.button--selected .ui-text,ui-button a.type-rewards.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards)}ui-button button.type-rewards-on-dark,ui-button a.type-rewards-on-dark{background-color:var(--oasys-component-button-color-rewards-on-dark-background);border-color:var(--oasys-component-button-color-rewards-on-dark-border);color:var(--oasys-component-button-color-rewards-on-dark-text)}ui-button button.type-rewards-on-dark:hover:not(.button--selected),ui-button a.type-rewards-on-dark:hover:not(.button--selected){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay)}ui-button button.type-rewards-on-dark.button--selected:not([disabled]),ui-button a.type-rewards-on-dark.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-rewards-on-dark-hover-underlay);border-color:var(--oasys-component-button-color-rewards-on-dark-selected-border)}ui-button button.type-rewards-on-dark .button-overlay,ui-button a.type-rewards-on-dark .button-overlay{background-color:var(--oasys-component-button-color-rewards-on-dark-hover-overlay)}ui-button button.type-rewards-on-dark .ui-text,ui-button a.type-rewards-on-dark .ui-text{font-weight:var(--oasys-component-button-font-weight-rewards-on-dark)}ui-button button.type-rewards-on-dark.button--selected .ui-text,ui-button a.type-rewards-on-dark.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-rewards-on-dark)}ui-button button.type-chip,ui-button a.type-chip{background-color:var(--oasys-component-button-color-chip-background);border-color:var(--oasys-component-button-color-chip-border);color:var(--oasys-component-button-color-chip-text)}ui-button button.type-chip:hover:not(.button--selected),ui-button a.type-chip:hover:not(.button--selected){background-color:var(--oasys-component-button-color-chip-hover-underlay)}ui-button button.type-chip.button--selected:not([disabled]),ui-button a.type-chip.button--selected:not([disabled]){background-color:var(--oasys-component-button-color-chip-hover-underlay);border-color:var(--oasys-component-button-color-chip-selected-border)}ui-button button.type-chip .button-overlay,ui-button a.type-chip .button-overlay{background-color:var(--oasys-component-button-color-chip-hover-overlay)}ui-button button.type-chip .ui-text,ui-button a.type-chip .ui-text{font-weight:var(--oasys-component-button-font-weight-chip)}ui-button button.type-chip.button--selected .ui-text,ui-button a.type-chip.button--selected .ui-text{font-weight:var(--oasys-component-button-font-weight-selected-chip)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--oasys-component-button-size-large-inset-y) var(--oasys-component-button-size-large-inset-x);font-size:var(--oasys-component-button-size-large-font-size)}ui-button button.size-large.button--icon--iconOnly,ui-button a.size-large.button--icon--iconOnly{max-width:var(--oasys-component-button-size-large-icon-only-width)}ui-button button.size-small,ui-button a.size-small{padding:var(--oasys-component-button-size-small-inset-y) var(--oasys-component-button-size-small-inset-x);font-size:var(--oasys-component-button-size-small-font-size)}ui-button button.size-small.button--icon--iconOnly,ui-button a.size-small.button--icon--iconOnly{max-width:var(--oasys-component-button-size-small-icon-only-width)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--oasys-component-button-color-disabled-background);border-color:var(--oasys-component-button-color-disabled-border);color:var(--oasys-component-button-color-disabled-text);cursor:default;pointer-events:none}ui-button button.button--has-icon.button--icon--trailing .button-content,ui-button a.button--has-icon.button--icon--trailing .button-content{flex-direction:row-reverse}ui-button button.button--full-width,ui-button a.button--full-width{width:100%}ui-button button.button--nowrap .button-content .ui-text,ui-button a.button--nowrap .button-content .ui-text{white-space:nowrap}ui-button button.button--chip,ui-button a.button--chip{border-radius:var(--oasys-radius-soften);padding:var(--oasys-spacing-near)}ui-button button.button--chip .ui-text,ui-button a.button--chip .ui-text{letter-spacing:unset;line-height:calc(var(--oasys-typography-body-body-line-height) - 2px);font-size:var(--oasys-typography-body-body-font-size);text-transform:unset}ui-button button.button--chip[disabled],ui-button a.button--chip[disabled]{background-color:var(--oasys-component-button-color-chip-background)}\n"] }]
|
|
576
576
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { clicked: [{
|
|
577
577
|
type: Output
|
|
578
578
|
}], ngContent: [{
|