oasys-lib 1.19.0 → 1.21.0

package/bundles/oasys-lib.umd.js

@@ -815,7 +815,7 @@
         return OasysButtonComponent;
     }());
     OasysButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysButtonComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    OasysButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_full_width: "button_full_width", button_type: "button_type", button_disabled: "button_disabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-template #content>\n    <div class=\"button-content\">\n        <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"button.buttonIconPlacement\"></ui-icon>\n        <span class=\"ui-text\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n            <ng-content></ng-content>\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=\"!button.href\" \n    (click)=\"onClick()\"\n    [ngClass]=\"button.buttonDisplayClasses\"\n    [attr.disabled]=\"button.buttonDisabled === true || null\"\n    [attr.aria-label]=\"accessibleButtonContent\"\n    [attr.title]=\"accessibleButtonContent\"\n    role=\"button\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a \n    *ngIf=\"button.href\"\n    [href]=\"button.href\"\n    [attr.disabled]=\"button.buttonDisabled === true || null\"\n    [attr.aria-label]=\"accessibleButtonContent\"\n    [attr.title]=\"accessibleButtonContent\"\n    [ngClass]=\"button.buttonDisplayClasses\">\n     <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["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-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--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;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible,ui-button a:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus,ui-button a:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus,ui-button a:focus{outline:none}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-padding-y) var(--component-button-size-large-padding-x);border-width:var(--component-button-size-large-border-width);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large .button-content,ui-button a.size-large .button-content{grid-gap:var(--component-button-size-large-stack-spacing);gap:var(--component-button-size-large-stack-spacing)}ui-button button.size-large .ui-icon.icon-context-leading,ui-button a.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing,ui-button a.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.icon-context-iconOnly,ui-button a.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-large-icon-offset-icon-only) * -1)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-padding-y) var(--component-button-size-small-padding-x);border-width:var(--component-button-size-small-border-width);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small .button-content,ui-button a.size-small .button-content{grid-gap:var(--component-button-size-small-stack-spacing);gap:var(--component-button-size-small-stack-spacing)}ui-button button.size-small .ui-icon.icon-context-leading,ui-button a.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing,ui-button a.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.icon-context-iconOnly,ui-button a.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-small-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-large,ui-button a.button--outline.size-large{padding:var(--component-button-size-large-with-outline-padding-y) var(--component-button-size-large-with-outline-padding-x);border-width:var(--component-button-size-large-with-outline-border-width);font-size:var(--component-button-size-large-font-size)}ui-button button.button--outline.size-large .button-content,ui-button a.button--outline.size-large .button-content{grid-gap:var(--component-button-size-large-stack-spacing);gap:var(--component-button-size-large-stack-spacing)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading,ui-button a.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-large-with-outline-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing,ui-button a.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-large-with-outline-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly,ui-button a.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-large-with-outline-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-large-with-outline-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small,ui-button a.button--outline.size-small{padding:var(--component-button-size-small-with-outline-padding-y) var(--component-button-size-small-with-outline-padding-x);border-width:var(--component-button-size-small-with-outline-border-width);font-size:var(--component-button-size-small-font-size)}ui-button button.button--outline.size-small .button-content,ui-button a.button--outline.size-small .button-content{grid-gap:var(--component-button-size-small-stack-spacing);gap:var(--component-button-size-small-stack-spacing)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading,ui-button a.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-small-with-outline-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing,ui-button a.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-small-with-outline-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly,ui-button a.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-small-with-outline-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-small-with-outline-icon-offset-icon-only) * -1)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--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{display:flex;width:100%}\n"], components: [{ type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    OasysButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OasysButtonComponent, selector: "ui-button", inputs: { button_icon: "button_icon", button_icon_placement: "button_icon_placement", button_size: "button_size", button_full_width: "button_full_width", button_type: "button_type", button_disabled: "button_disabled", href: "href" }, outputs: { clicked: "clicked" }, queries: [{ propertyName: "ngContent", first: true, predicate: ["buttontext"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-template #content>\n    <div class=\"button-content\">\n        <ui-icon *ngIf=\"button.buttonIcon && button.buttonIconPlacement !== 'none'\" [icon_name]=\"button.buttonIcon\" [icon_size]=\"button.buttonSize\" [icon_class]=\"'buttonIcon'\" [icon_context]=\"button.buttonIconPlacement\"></ui-icon>\n        <span class=\"ui-text\" [ngClass]=\"{'visuallyhidden': button.buttonIconPlacement === 'iconOnly'}\">\n            <ng-content></ng-content>\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=\"!button.href\" \n    (click)=\"onClick()\"\n    [ngClass]=\"button.buttonDisplayClasses\"\n    [attr.disabled]=\"button.buttonDisabled === true || null\"\n    [attr.aria-label]=\"accessibleButtonContent\"\n    [attr.title]=\"accessibleButtonContent\"\n    role=\"button\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<a \n    *ngIf=\"button.href\"\n    [href]=\"button.href\"\n    [attr.disabled]=\"button.buttonDisabled === true || null\"\n    [attr.aria-label]=\"accessibleButtonContent\"\n    [attr.title]=\"accessibleButtonContent\"\n    [ngClass]=\"button.buttonDisplayClasses\">\n     <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n", styles: ["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-radius:var(--component-button-border-radius);font-family:var(--semantic-font-family-body)}ui-button button .button-content,ui-button a .button-content{display:flex;align-items:center}ui-button button .button-content .ui-icon,ui-button a .button-content .ui-icon{display:flex;align-items:center;max-height:var(--component-button-line-height)}ui-button button .button-content .ui-text,ui-button a .button-content .ui-text{text-transform:var(--component-button-text-transform);letter-spacing:var(--component-button-letter-spacing);font-weight:var(--component-button-font-weight);line-height:var(--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;top:0;right:0;bottom:0;left:0;touch-action:none;pointer-events:none;border-radius:var(--component-button-border-radius);opacity:0}ui-button button:hover .button-overlay,ui-button a:hover .button-overlay{opacity:var(--component-button-opacity-overlay-hover)}ui-button button:focus .button-overlay,ui-button a:focus .button-overlay{opacity:var(--component-button-opacity-overlay-focus)}ui-button button:focus-visible .button-overlay,ui-button a:focus-visible .button-overlay{opacity:var(--component-button-opacity-overlay-focus-visible)}ui-button button:focus-visible,ui-button a:focus-visible{outline:none}ui-button button:focus-visible .button-overlay-focus,ui-button a:focus-visible .button-overlay-focus{top:calc(var(--component-button-outline-gap) * -1);right:calc(var(--component-button-outline-gap) * -1);bottom:calc(var(--component-button-outline-gap) * -1);left:calc(var(--component-button-outline-gap) * -1);box-shadow:0 0 0 var(--component-button-outline-width) var(--component-button-color-focus-visible);opacity:1;border-radius:calc(var(--component-button-border-radius) + var(--component-button-outline-width))}ui-button button:focus,ui-button a:focus{outline:none}ui-button button.type-primary,ui-button a.type-primary{background-color:var(--component-button-color-primary-background);border-color:var(--component-button-color-primary-border);color:var(--component-button-color-primary-text)}ui-button button.type-primary .button-overlay,ui-button a.type-primary .button-overlay{background-color:var(--component-button-color-primary-text)}ui-button button.type-secondary,ui-button a.type-secondary{background-color:var(--component-button-color-secondary-background);border-color:var(--component-button-color-secondary-border);color:var(--component-button-color-secondary-text)}ui-button button.type-secondary .button-overlay,ui-button a.type-secondary .button-overlay{background-color:var(--component-button-color-secondary-text)}ui-button button.type-tertiary,ui-button a.type-tertiary{background-color:var(--component-button-color-tertiary-background);border-color:var(--component-button-color-tertiary-border);color:var(--component-button-color-tertiary-text)}ui-button button.type-tertiary .button-overlay,ui-button a.type-tertiary .button-overlay{background-color:var(--component-button-color-tertiary-text)}ui-button button.type-primary-inverse,ui-button a.type-primary-inverse{background-color:var(--component-button-color-primary-inverse-background);border-color:var(--component-button-color-primary-inverse-border);color:var(--component-button-color-primary-inverse-text)}ui-button button.type-primary-inverse .button-overlay,ui-button a.type-primary-inverse .button-overlay{background-color:var(--component-button-color-primary-inverse-text)}ui-button button.type-secondary-inverse,ui-button a.type-secondary-inverse{background-color:var(--component-button-color-secondary-inverse-background);border-color:var(--component-button-color-secondary-inverse-border);color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-secondary-inverse .button-overlay,ui-button a.type-secondary-inverse .button-overlay{background-color:var(--component-button-color-secondary-inverse-text)}ui-button button.type-tertiary-inverse,ui-button a.type-tertiary-inverse{background-color:var(--component-button-color-tertiary-inverse-background);border-color:var(--component-button-color-tertiary-inverse-border);color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-tertiary-inverse .button-overlay,ui-button a.type-tertiary-inverse .button-overlay{background-color:var(--component-button-color-tertiary-inverse-text)}ui-button button.type-expressive,ui-button a.type-expressive{background-color:var(--component-button-color-expressive-background);border-color:var(--component-button-color-expressive-border);color:var(--component-button-color-expressive-text)}ui-button button.type-expressive .button-overlay,ui-button a.type-expressive .button-overlay{background-color:var(--component-button-color-expressive-text)}ui-button button.type-danger,ui-button a.type-danger{background-color:var(--component-button-color-danger-background);border-color:var(--component-button-color-danger-border);color:var(--component-button-color-danger-text)}ui-button button.type-danger .button-overlay,ui-button a.type-danger .button-overlay{background-color:var(--component-button-color-danger-text)}ui-button button.type-facebook,ui-button a.type-facebook{background-color:var(--component-button-color-facebook-background);border-color:var(--component-button-color-facebook-border);color:var(--component-button-color-facebook-text)}ui-button button.type-facebook .button-overlay,ui-button a.type-facebook .button-overlay{background-color:var(--component-button-color-facebook-text)}ui-button button.type-paypal,ui-button a.type-paypal{background-color:var(--component-button-color-paypal-background);border-color:var(--component-button-color-paypal-border);color:var(--component-button-color-paypal-text)}ui-button button.type-paypal .button-overlay,ui-button a.type-paypal .button-overlay{background-color:var(--component-button-color-paypal-text)}ui-button button.type-trustpilot,ui-button a.type-trustpilot{background-color:var(--component-button-color-trustpilot-background);border-color:var(--component-button-color-trustpilot-border);color:var(--component-button-color-trustpilot-text)}ui-button button.type-trustpilot .button-overlay,ui-button a.type-trustpilot .button-overlay{background-color:var(--component-button-color-trustpilot-text)}ui-button button .buttonIcon,ui-button a .buttonIcon{fill:currentColor}ui-button button.size-large,ui-button a.size-large{padding:var(--component-button-size-large-padding-y) var(--component-button-size-large-padding-x);border-width:var(--component-button-size-large-border-width);font-size:var(--component-button-size-large-font-size)}ui-button button.size-large .button-content,ui-button a.size-large .button-content{grid-gap:var(--component-button-size-large-stack-spacing);gap:var(--component-button-size-large-stack-spacing)}ui-button button.size-large .ui-icon.icon-context-leading,ui-button a.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-large-icon-offset-leading) * -1)}ui-button button.size-large .ui-icon.icon-context-trailing,ui-button a.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-large-icon-offset-trailing) * -1)}ui-button button.size-large .ui-icon.icon-context-iconOnly,ui-button a.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-large-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-large-icon-offset-icon-only) * -1)}ui-button button.size-small,ui-button a.size-small{padding:var(--component-button-size-small-padding-y) var(--component-button-size-small-padding-x);border-width:var(--component-button-size-small-border-width);font-size:var(--component-button-size-small-font-size)}ui-button button.size-small .button-content,ui-button a.size-small .button-content{grid-gap:var(--component-button-size-small-stack-spacing);gap:var(--component-button-size-small-stack-spacing)}ui-button button.size-small .ui-icon.icon-context-leading,ui-button a.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-small-icon-offset-leading) * -1)}ui-button button.size-small .ui-icon.icon-context-trailing,ui-button a.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-small-icon-offset-trailing) * -1)}ui-button button.size-small .ui-icon.icon-context-iconOnly,ui-button a.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-small-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-small-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-large,ui-button a.button--outline.size-large{padding:var(--component-button-size-large-with-outline-padding-y) var(--component-button-size-large-with-outline-padding-x);border-width:var(--component-button-size-large-with-outline-border-width);font-size:var(--component-button-size-large-font-size)}ui-button button.button--outline.size-large .button-content,ui-button a.button--outline.size-large .button-content{grid-gap:var(--component-button-size-large-stack-spacing);gap:var(--component-button-size-large-stack-spacing)}ui-button button.button--outline.size-large .ui-icon.icon-context-leading,ui-button a.button--outline.size-large .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-large-with-outline-icon-offset-leading) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-trailing,ui-button a.button--outline.size-large .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-large-with-outline-icon-offset-trailing) * -1)}ui-button button.button--outline.size-large .ui-icon.icon-context-iconOnly,ui-button a.button--outline.size-large .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-large-with-outline-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-large-with-outline-icon-offset-icon-only) * -1)}ui-button button.button--outline.size-small,ui-button a.button--outline.size-small{padding:var(--component-button-size-small-with-outline-padding-y) var(--component-button-size-small-with-outline-padding-x);border-width:var(--component-button-size-small-with-outline-border-width);font-size:var(--component-button-size-small-font-size)}ui-button button.button--outline.size-small .button-content,ui-button a.button--outline.size-small .button-content{grid-gap:var(--component-button-size-small-stack-spacing);gap:var(--component-button-size-small-stack-spacing)}ui-button button.button--outline.size-small .ui-icon.icon-context-leading,ui-button a.button--outline.size-small .ui-icon.icon-context-leading{margin-left:calc(var(--component-button-size-small-with-outline-icon-offset-leading) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-trailing,ui-button a.button--outline.size-small .ui-icon.icon-context-trailing{margin-right:calc(var(--component-button-size-small-with-outline-icon-offset-trailing) * -1)}ui-button button.button--outline.size-small .ui-icon.icon-context-iconOnly,ui-button a.button--outline.size-small .ui-icon.icon-context-iconOnly{margin-left:calc(var(--component-button-size-small-with-outline-icon-offset-icon-only) * -1);margin-right:calc(var(--component-button-size-small-with-outline-icon-offset-icon-only) * -1)}ui-button button[disabled],ui-button a[disabled]{background-color:var(--component-button-color-disabled-background);border-color:var(--component-button-color-disabled-border);color:var(--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{display:contents;width:100%}\n"], components: [{ type: IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_name", "icon_context", "icon_width", "icon_height", "icon_class"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: OasysButtonComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1322,7 +1322,7 @@
                 this.setupLazyLoading();
             }
             if (!this.image_alt_text) {
-                throw Error("Image is missing an alt tag, image url is " + this.image_src);
+                console.error("Image is missing an alt tag, image url is " + this.image_src);
             }
         };
         return ImageComponent;