@danske/sapphire-angular 2.8.0 → 3.0.0

package/esm2020/lib/avatar/public_api.mjs

@@ -0,0 +1,3 @@
+export { AvatarComponent } from './src/avatar.component';
+export { SapphireAvatarModule } from './src/avatar.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvYXZhdGFyL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnLi9zcmMvYXZhdGFyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTYXBwaGlyZUF2YXRhck1vZHVsZSB9IGZyb20gJy4vc3JjL2F2YXRhci5tb2R1bGUnO1xuIl19

package/esm2020/lib/avatar/src/avatar.component.mjs

@@ -0,0 +1,53 @@
+import { Component, HostBinding, Input, forwardRef } from '@angular/core';
+import { UseComponentStylesOnHost } from '../../common/sapphire-view-encapsulation';
+import { ICON_SIZE_PROVIDER } from '../../icon/public_api';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
+export class AvatarComponent {
+    get className() {
+        return this.color !== 'neutral'
+            ? `sapphire-avatar--decorative-${this.color}`
+            : '';
+    }
+    constructor() {
+        /**
+         * @default 'md'
+         */
+        this.size = 'md';
+        /**
+         * The background color of the avatar.
+         * Can either be semantic or one of the named decorative color.
+         *
+         * @default 'informative'
+         */
+        this.color = 'neutral';
+    }
+}
+AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: AvatarComponent, isStandalone: true, selector: "sp-avatar", inputs: { size: "size", color: "color" }, host: { properties: { "class.sapphire-avatar--lg": "size === \"lg\"", "class.sapphire-avatar--sm": "size === \"sm\"", "class": "this.className" }, classAttribute: "sapphire-avatar" }, providers: [
+        {
+            provide: ICON_SIZE_PROVIDER,
+            useExisting: forwardRef(() => AvatarComponent),
+        },
+    ], hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-avatar{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-md);width:var(--sapphire-semantic-size-height-control-md);border-radius:var(--sapphire-semantic-size-height-control-md);white-space:nowrap;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-body-md);font-style:normal;text-transform:capitalize;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--sapphire-semantic-color-foreground-on-decorative-neutral);background:var(--sapphire-semantic-color-background-decorative-neutral)}.sapphire-avatar--sm{height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-body-sm)}.sapphire-avatar--lg{height:var(--sapphire-semantic-size-height-control-lg);width:var(--sapphire-semantic-size-height-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg);font-size:var(--sapphire-global-size-font-125)}.sapphire-avatar--decorative-1{color:var(--sapphire-semantic-color-foreground-on-decorative-1);background:var(--sapphire-semantic-color-background-decorative-1)}.sapphire-avatar--decorative-2{color:var(--sapphire-semantic-color-foreground-on-decorative-2);background:var(--sapphire-semantic-color-background-decorative-2)}.sapphire-avatar--decorative-3{color:var(--sapphire-semantic-color-foreground-on-decorative-3);background:var(--sapphire-semantic-color-background-decorative-3)}.sapphire-avatar--decorative-4{color:var(--sapphire-semantic-color-foreground-on-decorative-4);background:var(--sapphire-semantic-color-background-decorative-4)}.sapphire-avatar--decorative-5{color:var(--sapphire-semantic-color-foreground-on-decorative-5);background:var(--sapphire-semantic-color-background-decorative-5)}.sapphire-avatar--decorative-6{color:var(--sapphire-semantic-color-foreground-on-decorative-6);background:var(--sapphire-semantic-color-background-decorative-6)}.sapphire-avatar--decorative-7{color:var(--sapphire-semantic-color-foreground-on-decorative-7);background:var(--sapphire-semantic-color-background-decorative-7)}.sapphire-avatar--decorative-8{color:var(--sapphire-semantic-color-foreground-on-decorative-8);background:var(--sapphire-semantic-color-background-decorative-8)}.sapphire-avatar--decorative-9{color:var(--sapphire-semantic-color-foreground-on-decorative-9);background:var(--sapphire-semantic-color-background-decorative-9)}.sapphire-avatar--decorative-10{color:var(--sapphire-semantic-color-foreground-on-decorative-10);background:var(--sapphire-semantic-color-background-decorative-10)}.sapphire-avatar--decorative-11{color:var(--sapphire-semantic-color-foreground-on-decorative-11);background:var(--sapphire-semantic-color-background-decorative-11)}.sapphire-avatar--decorative-12{color:var(--sapphire-semantic-color-foreground-on-decorative-12);background:var(--sapphire-semantic-color-background-decorative-12)}.sapphire-avatar--decorative-13{color:var(--sapphire-semantic-color-foreground-on-decorative-13);background:var(--sapphire-semantic-color-background-decorative-13)}.sapphire-avatar--decorative-14{color:var(--sapphire-semantic-color-foreground-on-decorative-14);background:var(--sapphire-semantic-color-background-decorative-14)}.sapphire-avatar--decorative-15{color:var(--sapphire-semantic-color-foreground-on-decorative-15);background:var(--sapphire-semantic-color-background-decorative-15)}.sapphire-avatar--decorative-16{color:var(--sapphire-semantic-color-foreground-on-decorative-16);background:var(--sapphire-semantic-color-background-decorative-16)}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sp-avatar', template: '<ng-content></ng-content>', hostDirectives: [UseComponentStylesOnHost], providers: [
+                        {
+                            provide: ICON_SIZE_PROVIDER,
+                            useExisting: forwardRef(() => AvatarComponent),
+                        },
+                    ], host: {
+                        class: 'sapphire-avatar',
+                        '[class.sapphire-avatar--lg]': 'size === "lg"',
+                        '[class.sapphire-avatar--sm]': 'size === "sm"',
+                    }, styles: [".sapphire-avatar{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-height-control-md);width:var(--sapphire-semantic-size-height-control-md);border-radius:var(--sapphire-semantic-size-height-control-md);white-space:nowrap;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-medium);font-size:var(--sapphire-semantic-size-font-body-md);font-style:normal;text-transform:capitalize;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--sapphire-semantic-color-foreground-on-decorative-neutral);background:var(--sapphire-semantic-color-background-decorative-neutral)}.sapphire-avatar--sm{height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-body-sm)}.sapphire-avatar--lg{height:var(--sapphire-semantic-size-height-control-lg);width:var(--sapphire-semantic-size-height-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg);font-size:var(--sapphire-global-size-font-125)}.sapphire-avatar--decorative-1{color:var(--sapphire-semantic-color-foreground-on-decorative-1);background:var(--sapphire-semantic-color-background-decorative-1)}.sapphire-avatar--decorative-2{color:var(--sapphire-semantic-color-foreground-on-decorative-2);background:var(--sapphire-semantic-color-background-decorative-2)}.sapphire-avatar--decorative-3{color:var(--sapphire-semantic-color-foreground-on-decorative-3);background:var(--sapphire-semantic-color-background-decorative-3)}.sapphire-avatar--decorative-4{color:var(--sapphire-semantic-color-foreground-on-decorative-4);background:var(--sapphire-semantic-color-background-decorative-4)}.sapphire-avatar--decorative-5{color:var(--sapphire-semantic-color-foreground-on-decorative-5);background:var(--sapphire-semantic-color-background-decorative-5)}.sapphire-avatar--decorative-6{color:var(--sapphire-semantic-color-foreground-on-decorative-6);background:var(--sapphire-semantic-color-background-decorative-6)}.sapphire-avatar--decorative-7{color:var(--sapphire-semantic-color-foreground-on-decorative-7);background:var(--sapphire-semantic-color-background-decorative-7)}.sapphire-avatar--decorative-8{color:var(--sapphire-semantic-color-foreground-on-decorative-8);background:var(--sapphire-semantic-color-background-decorative-8)}.sapphire-avatar--decorative-9{color:var(--sapphire-semantic-color-foreground-on-decorative-9);background:var(--sapphire-semantic-color-background-decorative-9)}.sapphire-avatar--decorative-10{color:var(--sapphire-semantic-color-foreground-on-decorative-10);background:var(--sapphire-semantic-color-background-decorative-10)}.sapphire-avatar--decorative-11{color:var(--sapphire-semantic-color-foreground-on-decorative-11);background:var(--sapphire-semantic-color-background-decorative-11)}.sapphire-avatar--decorative-12{color:var(--sapphire-semantic-color-foreground-on-decorative-12);background:var(--sapphire-semantic-color-background-decorative-12)}.sapphire-avatar--decorative-13{color:var(--sapphire-semantic-color-foreground-on-decorative-13);background:var(--sapphire-semantic-color-background-decorative-13)}.sapphire-avatar--decorative-14{color:var(--sapphire-semantic-color-foreground-on-decorative-14);background:var(--sapphire-semantic-color-background-decorative-14)}.sapphire-avatar--decorative-15{color:var(--sapphire-semantic-color-foreground-on-decorative-15);background:var(--sapphire-semantic-color-background-decorative-15)}.sapphire-avatar--decorative-16{color:var(--sapphire-semantic-color-foreground-on-decorative-16);background:var(--sapphire-semantic-color-background-decorative-16)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYXZhdGFyL3NyYy9hdmF0YXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQXlDM0QsTUFBTSxPQUFPLGVBQWU7SUFnQjFCLElBQ1ksU0FBUztRQUNuQixPQUFPLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUztZQUM3QixDQUFDLENBQUMsK0JBQStCLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDN0MsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNULENBQUM7SUFDRDtRQXJCQTs7V0FFRztRQUVILFNBQUksR0FBVSxJQUFJLENBQUM7UUFFbkI7Ozs7O1dBS0c7UUFFSCxVQUFLLEdBQVcsU0FBUyxDQUFDO0lBUVgsQ0FBQzs7NEdBdEJMLGVBQWU7Z0dBQWYsZUFBZSwwUkFaZjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQztTQUMvQztLQUNGLHdGQVJTLDJCQUEyQjsyRkFlMUIsZUFBZTtrQkFsQjNCLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLFdBQVcsWUFDWCwyQkFBMkIsa0JBQ3JCLENBQUMsd0JBQXdCLENBQUMsYUFFL0I7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7eUJBQy9DO3FCQUNGLFFBQ0s7d0JBQ0osS0FBSyxFQUFFLGlCQUFpQjt3QkFDeEIsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsNkJBQTZCLEVBQUUsZUFBZTtxQkFDL0M7MEVBT0QsSUFBSTtzQkFESCxLQUFLO2dCQVVOLEtBQUs7c0JBREosS0FBSztnQkFJTSxTQUFTO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBJQ09OX1NJWkVfUFJPVklERVIgfSBmcm9tICcuLi8uLi9pY29uL3B1YmxpY19hcGknO1xuXG50eXBlIENvbG9yID1cbiAgfCAnbmV1dHJhbCdcbiAgfCAxXG4gIHwgMlxuICB8IDNcbiAgfCA0XG4gIHwgNVxuICB8IDZcbiAgfCA3XG4gIHwgOFxuICB8IDlcbiAgfCAxMFxuICB8IDExXG4gIHwgMTJcbiAgfCAxM1xuICB8IDE0XG4gIHwgMTVcbiAgfCAxNjtcblxudHlwZSBTaXplID0gJ3NtJyB8ICdtZCcgfCAnbGcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdzcC1hdmF0YXInLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHN0eWxlVXJsczogWycuL2F2YXRhci5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBdmF0YXJDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWF2YXRhcicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1hdmF0YXItLWxnXSc6ICdzaXplID09PSBcImxnXCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYXZhdGFyLS1zbV0nOiAnc2l6ZSA9PT0gXCJzbVwiJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgQXZhdGFyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEBkZWZhdWx0ICdtZCdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpemU/OiBTaXplID0gJ21kJztcblxuICAvKipcbiAgICogVGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGF2YXRhci5cbiAgICogQ2FuIGVpdGhlciBiZSBzZW1hbnRpYyBvciBvbmUgb2YgdGhlIG5hbWVkIGRlY29yYXRpdmUgY29sb3IuXG4gICAqXG4gICAqIEBkZWZhdWx0ICdpbmZvcm1hdGl2ZSdcbiAgICovXG4gIEBJbnB1dCgpXG4gIGNvbG9yPzogQ29sb3IgPSAnbmV1dHJhbCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IGNsYXNzTmFtZSgpIHtcbiAgICByZXR1cm4gdGhpcy5jb2xvciAhPT0gJ25ldXRyYWwnXG4gICAgICA/IGBzYXBwaGlyZS1hdmF0YXItLWRlY29yYXRpdmUtJHt0aGlzLmNvbG9yfWBcbiAgICAgIDogJyc7XG4gIH1cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19

package/esm2020/lib/avatar/src/avatar.module.mjs

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { AvatarComponent } from './avatar.component';
+import * as i0 from "@angular/core";
+export class SapphireAvatarModule {
+}
+SapphireAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SapphireAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireAvatarModule, imports: [AvatarComponent], exports: [AvatarComponent] });
+SapphireAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireAvatarModule, imports: [AvatarComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AvatarComponent],
+                    exports: [AvatarComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYXZhdGFyL3NyYy9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQU1yRCxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO2tIQUFwQixvQkFBb0IsWUFIckIsZUFBZSxhQUNmLGVBQWU7a0hBRWQsb0JBQW9CLFlBSHJCLGVBQWU7MkZBR2Qsb0JBQW9CO2tCQUpoQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDMUIsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQXZhdGFyQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0F2YXRhckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhcHBoaXJlQXZhdGFyTW9kdWxlIHt9XG4iXX0=

package/esm2020/lib/badge/src/badge.component.mjs

@@ -8,8 +8,12 @@ export class BadgeComponent {
     get classNames() {
         return [
             'sapphire-badge',
-            `sapphire-badge--${this.size}`,
-            `sapphire-badge--${this.variant}-${this.color}`,
+            this.size === 'sm' && 'sapphire-badge--sm',
+            typeof this.color === 'string' &&
+                this.color !== 'neutral' &&
+                `sapphire-badge--${this.variant}-${this.color}`,
+            typeof Number(this.color) === 'number' &&
+                `sapphire-badge--decorative-${this.color}`,
         ].join(' ');
     }
     constructor() {
@@ -33,19 +37,19 @@ export class BadgeComponent {
          * The background color of the badge.
          * Can either be semantic or one of the named decorative color.
          *
-         * @default 'informative'
+         * @default 'neutral'
          */
-        this.color = 'informative';
+        this.color = 'neutral';
     }
 }
 BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: BadgeComponent, selector: "sp-badge", inputs: { id: "id", size: "size", variant: "variant", color: "color" }, host: { properties: { "role": "this.role", "id": "this.id", "class": "this.classNames" } }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-semantic-size-radius-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--sm{height:var(--sapphire-semantic-size-height-control-xs);padding:0 var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-badge--md{height:var(--sapphire-semantic-size-height-control-sm);padding:0 var(--sapphire-semantic-size-spacing-30);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-badge--lg{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-badge--primary-positive{color:var(--sapphire-semantic-color-content-positive-primary-default);background-color:var(--sapphire-semantic-color-background-positive-primary-default)}.sapphire-badge--secondary-positive{color:var(--sapphire-semantic-color-content-positive-secondary-default);background-color:var(--sapphire-global-color-green-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-positive-secondary-default)}.sapphire-badge--primary-negative{color:var(--sapphire-semantic-color-content-negative-primary-default);background-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-badge--secondary-negative{color:var(--sapphire-semantic-color-content-negative-secondary-default);background-color:var(--sapphire-global-color-red-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-negative-secondary-default)}.sapphire-badge--primary-warning{color:var(--sapphire-semantic-color-content-warning-primary-default);background-color:var(--sapphire-semantic-color-background-warning-primary-default)}.sapphire-badge--secondary-warning{color:var(--sapphire-semantic-color-content-warning-secondary-default);background-color:var(--sapphire-semantic-color-background-warning-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-warning-secondary-default)}.sapphire-badge--primary-informative{color:var(--sapphire-semantic-color-content-informative-primary-default);background-color:var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-badge--secondary-informative{color:var(--sapphire-semantic-color-content-informative-secondary-default);background-color:var(--sapphire-semantic-color-background-informative-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-informative-secondary-default)}.sapphire-badge--primary-passive{color:var(--sapphire-semantic-color-content-passive-primary-default);background-color:var(--sapphire-semantic-color-background-passive-primary-default)}.sapphire-badge--secondary-passive{color:var(--sapphire-semantic-color-content-passive-secondary-default);background-color:var(--sapphire-semantic-color-background-passive-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-passive-secondary-default)}.sapphire-badge--primary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-primary-default)}.sapphire-badge--secondary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-aqua-secondary-default)}.sapphire-badge--primary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-primary-default)}.sapphire-badge--secondary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-copper-secondary-default)}.sapphire-badge--primary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-primary-default)}.sapphire-badge--secondary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-electro-secondary-default)}.sapphire-badge--primary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-primary-default)}.sapphire-badge--secondary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-indigo-secondary-default)}.sapphire-badge--primary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-primary-default)}.sapphire-badge--secondary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-lime-secondary-default)}.sapphire-badge--primary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-primary-default)}.sapphire-badge--secondary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-pink-secondary-default)}.sapphire-badge--primary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-primary-default)}.sapphire-badge--secondary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-violet-secondary-default)}.sapphire-badge--primary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-primary-default)}.sapphire-badge--secondary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gold-secondary-default)}.sapphire-badge--primary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-primary-default)}.sapphire-badge--secondary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-beige-secondary-default)}.sapphire-badge--primary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-primary-default)}.sapphire-badge--secondary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orchid-secondary-default)}.sapphire-badge--primary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-primary-default)}.sapphire-badge--secondary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gray-secondary-default)}.sapphire-badge--primary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-primary-default)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-cobalt-secondary-default)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-primary-default)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-forest-green-secondary-default)}.sapphire-badge--primary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-primary-default)}.sapphire-badge--secondary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-teal-secondary-default)}.sapphire-badge--primary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-primary-default)}.sapphire-badge--secondary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orange-secondary-default)}\n"] });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: BadgeComponent, selector: "sp-badge", inputs: { id: "id", size: "size", variant: "variant", color: "color" }, host: { properties: { "role": "this.role", "id": "this.id", "class": "this.classNames" } }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-semantic-size-radius-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-style:normal;height:var(--sapphire-semantic-size-height-control-sm);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--sapphire-semantic-color-foreground-on-decorative-neutral);background:var(--sapphire-semantic-color-background-decorative-neutral)}.sapphire-badge--sm{height:var(--sapphire-semantic-size-height-control-xs);padding:0 var(--sapphire-semantic-size-spacing-xs);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-badge--primary-positive{color:var(--sapphire-semantic-color-foreground-on-positive);background:var(--sapphire-semantic-color-background-positive)}.sapphire-badge--secondary-positive{color:var(--sapphire-semantic-color-foreground-on-positive-subtle);background:var(--sapphire-semantic-color-background-positive-subtle)}.sapphire-badge--primary-negative{color:var(--sapphire-semantic-color-foreground-on-negative);background:var(--sapphire-semantic-color-background-negative)}.sapphire-badge--secondary-negative{color:var(--sapphire-semantic-color-foreground-on-negative-subtle);background:var(--sapphire-semantic-color-background-negative-subtle)}.sapphire-badge--primary-warning{color:var(--sapphire-semantic-color-foreground-on-warning);background:var(--sapphire-semantic-color-background-warning)}.sapphire-badge--secondary-warning{color:var(--sapphire-semantic-color-foreground-on-warning-subtle);background:var(--sapphire-semantic-color-background-warning-subtle)}.sapphire-badge--primary-informative{color:var(--sapphire-semantic-color-foreground-on-accent);background:var(--sapphire-semantic-color-background-accent)}.sapphire-badge--secondary-informative{color:var(--sapphire-semantic-color-foreground-on-accent-subtle);background:var(--sapphire-semantic-color-background-accent-subtle)}.sapphire-badge--decorative-1{color:var(--sapphire-semantic-color-foreground-on-decorative-1);background:var(--sapphire-semantic-color-background-decorative-1)}.sapphire-badge--decorative-2{color:var(--sapphire-semantic-color-foreground-on-decorative-2);background:var(--sapphire-semantic-color-background-decorative-2)}.sapphire-badge--decorative-3{color:var(--sapphire-semantic-color-foreground-on-decorative-3);background:var(--sapphire-semantic-color-background-decorative-3)}.sapphire-badge--decorative-4{color:var(--sapphire-semantic-color-foreground-on-decorative-4);background:var(--sapphire-semantic-color-background-decorative-4)}.sapphire-badge--decorative-5{color:var(--sapphire-semantic-color-foreground-on-decorative-5);background:var(--sapphire-semantic-color-background-decorative-5)}.sapphire-badge--decorative-6{color:var(--sapphire-semantic-color-foreground-on-decorative-6);background:var(--sapphire-semantic-color-background-decorative-6)}.sapphire-badge--decorative-7{color:var(--sapphire-semantic-color-foreground-on-decorative-7);background:var(--sapphire-semantic-color-background-decorative-7)}.sapphire-badge--decorative-8{color:var(--sapphire-semantic-color-foreground-on-decorative-8);background:var(--sapphire-semantic-color-background-decorative-8)}.sapphire-badge--decorative-9{color:var(--sapphire-semantic-color-foreground-on-decorative-9);background:var(--sapphire-semantic-color-background-decorative-9)}.sapphire-badge--decorative-10{color:var(--sapphire-semantic-color-foreground-on-decorative-10);background:var(--sapphire-semantic-color-background-decorative-10)}.sapphire-badge--decorative-11{color:var(--sapphire-semantic-color-foreground-on-decorative-11);background:var(--sapphire-semantic-color-background-decorative-11)}.sapphire-badge--decorative-12{color:var(--sapphire-semantic-color-foreground-on-decorative-12);background:var(--sapphire-semantic-color-background-decorative-12)}.sapphire-badge--decorative-13{color:var(--sapphire-semantic-color-foreground-on-decorative-13);background:var(--sapphire-semantic-color-background-decorative-13)}.sapphire-badge--decorative-14{color:var(--sapphire-semantic-color-foreground-on-decorative-14);background:var(--sapphire-semantic-color-background-decorative-14)}.sapphire-badge--decorative-15{color:var(--sapphire-semantic-color-foreground-on-decorative-15);background:var(--sapphire-semantic-color-background-decorative-15)}.sapphire-badge--decorative-16{color:var(--sapphire-semantic-color-foreground-on-decorative-16);background:var(--sapphire-semantic-color-background-decorative-16)}\n"] });
 __decorate([
     AutoId()
 ], BadgeComponent.prototype, "id", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-badge', template: '<ng-content></ng-content>', hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-semantic-size-radius-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--sm{height:var(--sapphire-semantic-size-height-control-xs);padding:0 var(--sapphire-semantic-size-spacing-20);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-badge--md{height:var(--sapphire-semantic-size-height-control-sm);padding:0 var(--sapphire-semantic-size-spacing-30);font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-badge--lg{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-badge--primary-positive{color:var(--sapphire-semantic-color-content-positive-primary-default);background-color:var(--sapphire-semantic-color-background-positive-primary-default)}.sapphire-badge--secondary-positive{color:var(--sapphire-semantic-color-content-positive-secondary-default);background-color:var(--sapphire-global-color-green-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-positive-secondary-default)}.sapphire-badge--primary-negative{color:var(--sapphire-semantic-color-content-negative-primary-default);background-color:var(--sapphire-semantic-color-background-negative-primary-default)}.sapphire-badge--secondary-negative{color:var(--sapphire-semantic-color-content-negative-secondary-default);background-color:var(--sapphire-global-color-red-100);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-negative-secondary-default)}.sapphire-badge--primary-warning{color:var(--sapphire-semantic-color-content-warning-primary-default);background-color:var(--sapphire-semantic-color-background-warning-primary-default)}.sapphire-badge--secondary-warning{color:var(--sapphire-semantic-color-content-warning-secondary-default);background-color:var(--sapphire-semantic-color-background-warning-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-warning-secondary-default)}.sapphire-badge--primary-informative{color:var(--sapphire-semantic-color-content-informative-primary-default);background-color:var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-badge--secondary-informative{color:var(--sapphire-semantic-color-content-informative-secondary-default);background-color:var(--sapphire-semantic-color-background-informative-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-informative-secondary-default)}.sapphire-badge--primary-passive{color:var(--sapphire-semantic-color-content-passive-primary-default);background-color:var(--sapphire-semantic-color-background-passive-primary-default)}.sapphire-badge--secondary-passive{color:var(--sapphire-semantic-color-content-passive-secondary-default);background-color:var(--sapphire-semantic-color-background-passive-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-passive-secondary-default)}.sapphire-badge--primary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-primary-default)}.sapphire-badge--secondary-aqua{color:var(--sapphire-semantic-color-content-decorative-aqua-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-aqua-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-aqua-secondary-default)}.sapphire-badge--primary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-primary-default)}.sapphire-badge--secondary-copper{color:var(--sapphire-semantic-color-content-decorative-copper-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-copper-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-copper-secondary-default)}.sapphire-badge--primary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-primary-default)}.sapphire-badge--secondary-electro{color:var(--sapphire-semantic-color-content-decorative-electro-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-electro-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-electro-secondary-default)}.sapphire-badge--primary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-primary-default)}.sapphire-badge--secondary-indigo{color:var(--sapphire-semantic-color-content-decorative-indigo-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-indigo-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-indigo-secondary-default)}.sapphire-badge--primary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-primary-default)}.sapphire-badge--secondary-lime{color:var(--sapphire-semantic-color-content-decorative-lime-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-lime-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-lime-secondary-default)}.sapphire-badge--primary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-primary-default)}.sapphire-badge--secondary-pink{color:var(--sapphire-semantic-color-content-decorative-pink-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-pink-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-pink-secondary-default)}.sapphire-badge--primary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-primary-default)}.sapphire-badge--secondary-violet{color:var(--sapphire-semantic-color-content-decorative-violet-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-violet-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-violet-secondary-default)}.sapphire-badge--primary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-primary-default)}.sapphire-badge--secondary-gold{color:var(--sapphire-semantic-color-content-decorative-gold-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gold-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gold-secondary-default)}.sapphire-badge--primary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-primary-default)}.sapphire-badge--secondary-beige{color:var(--sapphire-semantic-color-content-decorative-beige-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-beige-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-beige-secondary-default)}.sapphire-badge--primary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-primary-default)}.sapphire-badge--secondary-orchid{color:var(--sapphire-semantic-color-content-decorative-orchid-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orchid-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orchid-secondary-default)}.sapphire-badge--primary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-primary-default)}.sapphire-badge--secondary-gray{color:var(--sapphire-semantic-color-content-decorative-gray-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-gray-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-gray-secondary-default)}.sapphire-badge--primary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-primary-default)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-semantic-color-content-decorative-cobalt-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-cobalt-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-cobalt-secondary-default)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-primary-default)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-semantic-color-content-decorative-forest-green-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-forest-green-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-forest-green-secondary-default)}.sapphire-badge--primary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-primary-default)}.sapphire-badge--secondary-teal{color:var(--sapphire-semantic-color-content-decorative-teal-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-teal-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-teal-secondary-default)}.sapphire-badge--primary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-primary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-primary-default)}.sapphire-badge--secondary-orange{color:var(--sapphire-semantic-color-content-decorative-orange-secondary-default);background-color:var(--sapphire-semantic-color-background-decorative-orange-secondary-default);border:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-decorative-orange-secondary-default)}\n"] }]
+            args: [{ selector: 'sp-badge', template: '<ng-content></ng-content>', hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-semantic-size-radius-sm);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-style:normal;height:var(--sapphire-semantic-size-height-control-sm);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--sapphire-semantic-color-foreground-on-decorative-neutral);background:var(--sapphire-semantic-color-background-decorative-neutral)}.sapphire-badge--sm{height:var(--sapphire-semantic-size-height-control-xs);padding:0 var(--sapphire-semantic-size-spacing-xs);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-badge--primary-positive{color:var(--sapphire-semantic-color-foreground-on-positive);background:var(--sapphire-semantic-color-background-positive)}.sapphire-badge--secondary-positive{color:var(--sapphire-semantic-color-foreground-on-positive-subtle);background:var(--sapphire-semantic-color-background-positive-subtle)}.sapphire-badge--primary-negative{color:var(--sapphire-semantic-color-foreground-on-negative);background:var(--sapphire-semantic-color-background-negative)}.sapphire-badge--secondary-negative{color:var(--sapphire-semantic-color-foreground-on-negative-subtle);background:var(--sapphire-semantic-color-background-negative-subtle)}.sapphire-badge--primary-warning{color:var(--sapphire-semantic-color-foreground-on-warning);background:var(--sapphire-semantic-color-background-warning)}.sapphire-badge--secondary-warning{color:var(--sapphire-semantic-color-foreground-on-warning-subtle);background:var(--sapphire-semantic-color-background-warning-subtle)}.sapphire-badge--primary-informative{color:var(--sapphire-semantic-color-foreground-on-accent);background:var(--sapphire-semantic-color-background-accent)}.sapphire-badge--secondary-informative{color:var(--sapphire-semantic-color-foreground-on-accent-subtle);background:var(--sapphire-semantic-color-background-accent-subtle)}.sapphire-badge--decorative-1{color:var(--sapphire-semantic-color-foreground-on-decorative-1);background:var(--sapphire-semantic-color-background-decorative-1)}.sapphire-badge--decorative-2{color:var(--sapphire-semantic-color-foreground-on-decorative-2);background:var(--sapphire-semantic-color-background-decorative-2)}.sapphire-badge--decorative-3{color:var(--sapphire-semantic-color-foreground-on-decorative-3);background:var(--sapphire-semantic-color-background-decorative-3)}.sapphire-badge--decorative-4{color:var(--sapphire-semantic-color-foreground-on-decorative-4);background:var(--sapphire-semantic-color-background-decorative-4)}.sapphire-badge--decorative-5{color:var(--sapphire-semantic-color-foreground-on-decorative-5);background:var(--sapphire-semantic-color-background-decorative-5)}.sapphire-badge--decorative-6{color:var(--sapphire-semantic-color-foreground-on-decorative-6);background:var(--sapphire-semantic-color-background-decorative-6)}.sapphire-badge--decorative-7{color:var(--sapphire-semantic-color-foreground-on-decorative-7);background:var(--sapphire-semantic-color-background-decorative-7)}.sapphire-badge--decorative-8{color:var(--sapphire-semantic-color-foreground-on-decorative-8);background:var(--sapphire-semantic-color-background-decorative-8)}.sapphire-badge--decorative-9{color:var(--sapphire-semantic-color-foreground-on-decorative-9);background:var(--sapphire-semantic-color-background-decorative-9)}.sapphire-badge--decorative-10{color:var(--sapphire-semantic-color-foreground-on-decorative-10);background:var(--sapphire-semantic-color-background-decorative-10)}.sapphire-badge--decorative-11{color:var(--sapphire-semantic-color-foreground-on-decorative-11);background:var(--sapphire-semantic-color-background-decorative-11)}.sapphire-badge--decorative-12{color:var(--sapphire-semantic-color-foreground-on-decorative-12);background:var(--sapphire-semantic-color-background-decorative-12)}.sapphire-badge--decorative-13{color:var(--sapphire-semantic-color-foreground-on-decorative-13);background:var(--sapphire-semantic-color-background-decorative-13)}.sapphire-badge--decorative-14{color:var(--sapphire-semantic-color-foreground-on-decorative-14);background:var(--sapphire-semantic-color-background-decorative-14)}.sapphire-badge--decorative-15{color:var(--sapphire-semantic-color-foreground-on-decorative-15);background:var(--sapphire-semantic-color-background-decorative-15)}.sapphire-badge--decorative-16{color:var(--sapphire-semantic-color-foreground-on-decorative-16);background:var(--sapphire-semantic-color-background-decorative-16)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { role: [{
                 type: HostBinding,
                 args: ['role']
@@ -63,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9iYWRnZS9zcmMvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFrQ3BGLE1BQU0sT0FBTyxjQUFjO0lBbUN6QixJQUNZLFVBQVU7UUFDcEIsT0FBTztZQUNMLGdCQUFnQjtZQUNoQixtQkFBbUIsSUFBSSxDQUFDLElBQUksRUFBRTtZQUM5QixtQkFBbUIsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1NBQ2hELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsQ0FBQztJQUVEO1FBM0NxQixTQUFJLEdBQUcsY0FBYyxDQUFDO1FBRTNDOzs7V0FHRztRQUlILE9BQUUsR0FBRyxFQUFFLENBQUM7UUFFUjs7V0FFRztRQUVILFNBQUksR0FBVSxJQUFJLENBQUM7UUFFbkI7Ozs7V0FJRztRQUVILFlBQU8sR0FBYSxTQUFTLENBQUM7UUFFOUI7Ozs7O1dBS0c7UUFFSCxVQUFLLEdBQVcsYUFBYSxDQUFDO0lBV2YsQ0FBQzs7MkdBNUNMLGNBQWM7K0ZBQWQsY0FBYyxrUkFKZiwyQkFBMkI7QUFjckM7SUFEQyxNQUFNLEVBQUU7MENBQ0Q7MkZBVkcsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxVQUFVLFlBQ1YsMkJBQTJCLGtCQUNyQixDQUFDLHdCQUF3QixDQUFDOzBFQUlyQixJQUFJO3NCQUF4QixXQUFXO3VCQUFDLE1BQU07Z0JBU25CLEVBQUU7c0JBSEQsV0FBVzs7c0JBQ1gsS0FBSztnQkFRTixJQUFJO3NCQURILEtBQUs7Z0JBU04sT0FBTztzQkFETixLQUFLO2dCQVVOLEtBQUs7c0JBREosS0FBSztnQkFJTSxVQUFVO3NCQURyQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0b0lkIH0gZnJvbSAnLi4vLi4vY29tbW9uL2F1dG8taWQuZGVjb3JhdG9yJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG50eXBlIENvbG9yID1cbiAgfCAncG9zaXRpdmUnXG4gIHwgJ25lZ2F0aXZlJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdpbmZvcm1hdGl2ZSdcbiAgfCAncGFzc2l2ZSdcbiAgfCAnYXF1YSdcbiAgfCAnY29wcGVyJ1xuICB8ICdlbGVjdHJvJ1xuICB8ICdpbmRpZ28nXG4gIHwgJ2xpbWUnXG4gIHwgJ3BpbmsnXG4gIHwgJ3Zpb2xldCdcbiAgfCAnZ29sZCdcbiAgfCAnYmVpZ2UnXG4gIHwgJ29yY2hpZCdcbiAgfCAnZ3JheSdcbiAgfCAnY29iYWx0J1xuICB8ICdmb3Jlc3RHcmVlbidcbiAgfCAndGVhbCdcbiAgfCAnb3JhbmdlJztcblxudHlwZSBWYXJpYW50ID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSc7XG5cbnR5cGUgU2l6ZSA9ICdzbScgfCAnbWQnIHwgJ2xnJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtYmFkZ2UnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdyb2xlJykgcm9sZSA9ICdwcmVzZW50YXRpb24nO1xuXG4gIC8qKlxuICAgKiBBIHVuaXF1ZSBpZCBmb3IgdGhlIGhvc3QgRE9NIGVsZW1lbnQuXG4gICAqIElmIG5vbmUgaXMgc3VwcGxpZWQsIGl0IHdpbGwgYmUgYXV0by1nZW5lcmF0ZWQuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoKVxuICBASW5wdXQoKVxuICBAQXV0b0lkKClcbiAgaWQgPSAnJztcblxuICAvKipcbiAgICogQGRlZmF1bHQgJ21kJ1xuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZT86IFNpemUgPSAnbWQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBiYWRnZSBoYXMgYSBzYXR1cmF0ZWQgb3IgZmFpbnQgYmFja2dyb3VuZC5cbiAgICpcbiAgICogQGRlZmF1bHQgJ3ByaW1hcnknXG4gICAqL1xuICBASW5wdXQoKVxuICB2YXJpYW50PzogVmFyaWFudCA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogVGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGJhZGdlLlxuICAgKiBDYW4gZWl0aGVyIGJlIHNlbWFudGljIG9yIG9uZSBvZiB0aGUgbmFtZWQgZGVjb3JhdGl2ZSBjb2xvci5cbiAgICpcbiAgICogQGRlZmF1bHQgJ2luZm9ybWF0aXZlJ1xuICAgKi9cbiAgQElucHV0KClcbiAgY29sb3I/OiBDb2xvciA9ICdpbmZvcm1hdGl2ZSc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IGNsYXNzTmFtZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgICdzYXBwaGlyZS1iYWRnZScsXG4gICAgICBgc2FwcGhpcmUtYmFkZ2UtLSR7dGhpcy5zaXplfWAsXG4gICAgICBgc2FwcGhpcmUtYmFkZ2UtLSR7dGhpcy52YXJpYW50fS0ke3RoaXMuY29sb3J9YCxcbiAgICBdLmpvaW4oJyAnKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9iYWRnZS9zcmMvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFvQ3BGLE1BQU0sT0FBTyxjQUFjO0lBbUN6QixJQUNZLFVBQVU7UUFDcEIsT0FBTztZQUNMLGdCQUFnQjtZQUNoQixJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksSUFBSSxvQkFBb0I7WUFDMUMsT0FBTyxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVE7Z0JBQzVCLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUztnQkFDeEIsbUJBQW1CLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNqRCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssUUFBUTtnQkFDcEMsOEJBQThCLElBQUksQ0FBQyxLQUFLLEVBQUU7U0FDN0MsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZCxDQUFDO0lBRUQ7UUEvQ3FCLFNBQUksR0FBRyxjQUFjLENBQUM7UUFFM0M7OztXQUdHO1FBSUgsT0FBRSxHQUFHLEVBQUUsQ0FBQztRQUVSOztXQUVHO1FBRUgsU0FBSSxHQUFVLElBQUksQ0FBQztRQUVuQjs7OztXQUlHO1FBRUgsWUFBTyxHQUFhLFNBQVMsQ0FBQztRQUU5Qjs7Ozs7V0FLRztRQUVILFVBQUssR0FBVyxTQUFTLENBQUM7SUFlWCxDQUFDOzsyR0FoREwsY0FBYzsrRkFBZCxjQUFjLGtSQUxmLDJCQUEyQjtBQWVyQztJQURDLE1BQU0sRUFBRTswQ0FDRDsyRkFWRyxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFVBQVUsWUFDViwyQkFBMkIsa0JBQ3JCLENBQUMsd0JBQXdCLENBQUMsY0FFOUIsS0FBSzswRUFHSSxJQUFJO3NCQUF4QixXQUFXO3VCQUFDLE1BQU07Z0JBU25CLEVBQUU7c0JBSEQsV0FBVzs7c0JBQ1gsS0FBSztnQkFRTixJQUFJO3NCQURILEtBQUs7Z0JBU04sT0FBTztzQkFETixLQUFLO2dCQVVOLEtBQUs7c0JBREosS0FBSztnQkFJTSxVQUFVO3NCQURyQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0b0lkIH0gZnJvbSAnLi4vLi4vY29tbW9uL2F1dG8taWQuZGVjb3JhdG9yJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG50eXBlIENvbG9yID1cbiAgfCAncG9zaXRpdmUnXG4gIHwgJ25lZ2F0aXZlJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdpbmZvcm1hdGl2ZSdcbiAgfCAnbmV1dHJhbCdcbiAgfCAxXG4gIHwgMlxuICB8IDNcbiAgfCA0XG4gIHwgNVxuICB8IDZcbiAgfCA3XG4gIHwgOFxuICB8IDlcbiAgfCAxMFxuICB8IDExXG4gIHwgMTJcbiAgfCAxM1xuICB8IDE0XG4gIHwgMTVcbiAgfCAxNjtcblxudHlwZSBWYXJpYW50ID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSc7XG5cbnR5cGUgU2l6ZSA9ICdzbScgfCAnbWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1iYWRnZScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdyb2xlJykgcm9sZSA9ICdwcmVzZW50YXRpb24nO1xuXG4gIC8qKlxuICAgKiBBIHVuaXF1ZSBpZCBmb3IgdGhlIGhvc3QgRE9NIGVsZW1lbnQuXG4gICAqIElmIG5vbmUgaXMgc3VwcGxpZWQsIGl0IHdpbGwgYmUgYXV0by1nZW5lcmF0ZWQuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoKVxuICBASW5wdXQoKVxuICBAQXV0b0lkKClcbiAgaWQgPSAnJztcblxuICAvKipcbiAgICogQGRlZmF1bHQgJ21kJ1xuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZT86IFNpemUgPSAnbWQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBiYWRnZSBoYXMgYSBzYXR1cmF0ZWQgb3IgZmFpbnQgYmFja2dyb3VuZC5cbiAgICpcbiAgICogQGRlZmF1bHQgJ3ByaW1hcnknXG4gICAqL1xuICBASW5wdXQoKVxuICB2YXJpYW50PzogVmFyaWFudCA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogVGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGJhZGdlLlxuICAgKiBDYW4gZWl0aGVyIGJlIHNlbWFudGljIG9yIG9uZSBvZiB0aGUgbmFtZWQgZGVjb3JhdGl2ZSBjb2xvci5cbiAgICpcbiAgICogQGRlZmF1bHQgJ25ldXRyYWwnXG4gICAqL1xuICBASW5wdXQoKVxuICBjb2xvcj86IENvbG9yID0gJ25ldXRyYWwnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBjbGFzc05hbWVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAnc2FwcGhpcmUtYmFkZ2UnLFxuICAgICAgdGhpcy5zaXplID09PSAnc20nICYmICdzYXBwaGlyZS1iYWRnZS0tc20nLFxuICAgICAgdHlwZW9mIHRoaXMuY29sb3IgPT09ICdzdHJpbmcnICYmXG4gICAgICAgIHRoaXMuY29sb3IgIT09ICduZXV0cmFsJyAmJlxuICAgICAgICBgc2FwcGhpcmUtYmFkZ2UtLSR7dGhpcy52YXJpYW50fS0ke3RoaXMuY29sb3J9YCxcbiAgICAgIHR5cGVvZiBOdW1iZXIodGhpcy5jb2xvcikgPT09ICdudW1iZXInICYmXG4gICAgICAgIGBzYXBwaGlyZS1iYWRnZS0tZGVjb3JhdGl2ZS0ke3RoaXMuY29sb3J9YCxcbiAgICBdLmpvaW4oJyAnKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==

package/esm2020/lib/button/src/button-group.component.mjs

@@ -37,10 +37,10 @@ export class ButtonGroupComponent {
     }
 }
 ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n  class=\"sapphire-button-group\"\n  [ngClass]=\"\n    stretch !== 'none'\n      ? 'sapphire-button-group--stretch'\n      : 'sapphire-button-group--align-' + align\n  \"\n  [class.sapphire-button-group--stretch-auto-vertical]=\"\n    stretch === 'autoVertical'\n  \"\n  [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n  [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n  [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n  [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n  class=\"sapphire-button-group\"\n  [ngClass]=\"\n    stretch !== 'none'\n      ? 'sapphire-button-group--stretch'\n      : 'sapphire-button-group--align-' + align\n  \"\n  [class.sapphire-button-group--stretch-auto-vertical]=\"\n    stretch === 'autoVertical'\n  \"\n  [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n  [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n  [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n  [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--vertical.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--vertical.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"sapphire-button-group\"\n  [ngClass]=\"\n    stretch !== 'none'\n      ? 'sapphire-button-group--stretch'\n      : 'sapphire-button-group--align-' + align\n  \"\n  [class.sapphire-button-group--stretch-auto-vertical]=\"\n    stretch === 'autoVertical'\n  \"\n  [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n  [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n  [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n  [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
+            args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n  class=\"sapphire-button-group\"\n  [ngClass]=\"\n    stretch !== 'none'\n      ? 'sapphire-button-group--stretch'\n      : 'sapphire-button-group--align-' + align\n  \"\n  [class.sapphire-button-group--stretch-auto-vertical]=\"\n    stretch === 'autoVertical'\n  \"\n  [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n  [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n  [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n  [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--vertical.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--vertical.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
         }], propDecorators: { 
         /**
          * Alignment of buttons within the group.
@@ -76,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
         orientation: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSXBFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBUUU7OztXQUdHO1FBQ0gsVUFBSyxHQUFnQyxPQUFPLENBQUM7UUFHN0M7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBRzFDOzs7V0FHRztRQUNILFlBQU8sR0FBOEIsSUFBSSxDQUFDO1FBRzFDOztXQUVHO1FBQ0gsZ0JBQVcsR0FBK0IsWUFBWSxDQUFDO0tBQ3hEOztpSEFsQ1ksb0JBQW9CO3FHQUFwQixvQkFBb0IsdUpDZmpDLDZrQkFpQkE7MkZERmEsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNFLGlCQUFpQixpQkFHWixpQkFBaUIsQ0FBQyxJQUFJOztRQUlyQzs7O1dBR0c7UUFDSCxLQUFLO3NCQUxKLEtBQUs7O1FBUU47Ozs7Ozs7Ozs7V0FVRztRQUNILE9BQU87c0JBWk4sS0FBSzs7UUFlTjs7O1dBR0c7UUFDSCxPQUFPO3NCQUxOLEtBQUs7O1FBUU47O1dBRUc7UUFDSCxXQUFXO3NCQUpWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBCdXR0b25Hcm91cFN0cmV0Y2hUeXBlID0gJ25vbmUnIHwgJ2RlZmF1bHQnIHwgJ2F1dG9WZXJ0aWNhbCc7XG5cbi8qKlxuICogQnV0dG9uR3JvdXAgaXMgYSB1dGlsaXR5IGNvbXBvbmVudCB3aGljaCBlbnN1cmVzIGNvbnNpc3RlbnQgc3BhY2luZyBiZXR3ZWVuXG4gKiBidXR0b25zIEFsbCBjaGlsZHJlbiBtdXN0IGJlIG9mIHR5cGUgQnV0dG9uLiBJY29uIGJ1dHRvbnMgY2Fubm90IGJlIG1peGVkXG4gKiB3aXRoIHN0YW5kYXJkIGJ1dHRvbnMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWJ1dHRvbi1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSwgLy8gVE9ETzogY3JlYXRlIGFub3RoZXIgaG9zdERpcmVjdGl2ZSBmb3IgdGhpcz9cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uR3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoKVxuICAvKipcbiAgICogQWxpZ25tZW50IG9mIGJ1dHRvbnMgd2l0aGluIHRoZSBncm91cC5cbiAgICogQGRlZmF1bHQgXCJyaWdodFwiXG4gICAqL1xuICBhbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcicgfCAncmlnaHQnID0gJ3JpZ2h0JztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogQ29udHJvbHMgc3RyZXRjaGluZyBvZiB0aGUgY29udGVudHMuXG4gICAqXG4gICAqIGBub25lYCAtIHRoZSBjaGlsZHJlbiB3aWxsIG5vdCBzdHJldGNoIGFuZCB3aWxsIHJlc3BlY3QgdGhlIGFsaWdubWVudCBzZXQgd2l0aCB0aGUgYWxpZ24gcHJvcC5cbiAgICpcbiAgICogYGRlZmF1bHRgIC0gdGhlIGNoaWxkcmVuIHdpbGwgc3RyZXRjaCB0byB0YWtlIGZ1bGwgd2lkdGguIElmIHRoZSBjaGlsZHJlbiBvdmVyZmxvdywgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseS5cbiAgICpcbiAgICogYGF1dG9WZXJ0aWNhbGAgLSBzYW1lIGJlaGF2aW91ciBhcyBgZGVmYXVsdGAsIGJ1dCBpZiB0aGVyZSBpcyBtb3JlIHRoYW4gMyBjaGlsZHJlbiwgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseSBldmVuIGlmIHRoZXkgZG9uJ3Qgb3ZlcmZsb3cuXG4gICAqXG4gICAqIEBkZWZhdWx0IFwibm9uZVwiXG4gICAqL1xuICBzdHJldGNoPzogQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogU3BhY2luZyBiZXR3ZWVuIHRoZSBidXR0b25zXG4gICAqIEBkZWZhdWx0IG1kXG4gICAqL1xuICBzcGFjaW5nOiAnbGcnIHwgJ21kJyB8ICdzbScgfCAneHMnID0gJ21kJztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogQGRlZmF1bHQgXCJob3Jpem9udGFsXCJcbiAgICovXG4gIG9yaWVudGF0aW9uPzogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICdob3Jpem9udGFsJztcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzYXBwaGlyZS1idXR0b24tZ3JvdXBcIlxuICBbbmdDbGFzc109XCJcbiAgICBzdHJldGNoICE9PSAnbm9uZSdcbiAgICAgID8gJ3NhcHBoaXJlLWJ1dHRvbi1ncm91cC0tc3RyZXRjaCdcbiAgICAgIDogJ3NhcHBoaXJlLWJ1dHRvbi1ncm91cC0tYWxpZ24tJyArIGFsaWduXG4gIFwiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXN0cmV0Y2gtYXV0by12ZXJ0aWNhbF09XCJcbiAgICBzdHJldGNoID09PSAnYXV0b1ZlcnRpY2FsJ1xuICBcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zcGFjaW5nLXhzXT1cInNwYWNpbmcgPT09ICd4cydcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zcGFjaW5nLXNtXT1cInNwYWNpbmcgPT09ICdzbSdcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zcGFjaW5nLWxnXT1cInNwYWNpbmcgPT09ICdsZydcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS12ZXJ0aWNhbF09XCJvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1wiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSXBFOzs7O0dBSUc7QUFRSCxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBU0U7OztXQUdHO1FBQ0gsVUFBSyxHQUFnQyxPQUFPLENBQUM7UUFHN0M7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBRzFDOzs7V0FHRztRQUNILFlBQU8sR0FBOEIsSUFBSSxDQUFDO1FBRzFDOztXQUVHO1FBQ0gsZ0JBQVcsR0FBK0IsWUFBWSxDQUFDO0tBQ3hEOztpSEFsQ1ksb0JBQW9CO3FHQUFwQixvQkFBb0IsdUpDaEJqQyw2a0JBaUJBOzJGRERhLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxpQkFBaUIsaUJBR1osaUJBQWlCLENBQUMsSUFBSSxjQUN6QixLQUFLOztRQUlqQjs7O1dBR0c7UUFDSCxLQUFLO3NCQUxKLEtBQUs7O1FBUU47Ozs7Ozs7Ozs7V0FVRztRQUNILE9BQU87c0JBWk4sS0FBSzs7UUFlTjs7O1dBR0c7UUFDSCxPQUFPO3NCQUxOLEtBQUs7O1FBUU47O1dBRUc7UUFDSCxXQUFXO3NCQUpWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBCdXR0b25Hcm91cFN0cmV0Y2hUeXBlID0gJ25vbmUnIHwgJ2RlZmF1bHQnIHwgJ2F1dG9WZXJ0aWNhbCc7XG5cbi8qKlxuICogQnV0dG9uR3JvdXAgaXMgYSB1dGlsaXR5IGNvbXBvbmVudCB3aGljaCBlbnN1cmVzIGNvbnNpc3RlbnQgc3BhY2luZyBiZXR3ZWVuXG4gKiBidXR0b25zIEFsbCBjaGlsZHJlbiBtdXN0IGJlIG9mIHR5cGUgQnV0dG9uLiBJY29uIGJ1dHRvbnMgY2Fubm90IGJlIG1peGVkXG4gKiB3aXRoIHN0YW5kYXJkIGJ1dHRvbnMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWJ1dHRvbi1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSwgLy8gVE9ETzogY3JlYXRlIGFub3RoZXIgaG9zdERpcmVjdGl2ZSBmb3IgdGhpcz8sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Hcm91cENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBBbGlnbm1lbnQgb2YgYnV0dG9ucyB3aXRoaW4gdGhlIGdyb3VwLlxuICAgKiBAZGVmYXVsdCBcInJpZ2h0XCJcbiAgICovXG4gIGFsaWduOiAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgPSAncmlnaHQnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBDb250cm9scyBzdHJldGNoaW5nIG9mIHRoZSBjb250ZW50cy5cbiAgICpcbiAgICogYG5vbmVgIC0gdGhlIGNoaWxkcmVuIHdpbGwgbm90IHN0cmV0Y2ggYW5kIHdpbGwgcmVzcGVjdCB0aGUgYWxpZ25tZW50IHNldCB3aXRoIHRoZSBhbGlnbiBwcm9wLlxuICAgKlxuICAgKiBgZGVmYXVsdGAgLSB0aGUgY2hpbGRyZW4gd2lsbCBzdHJldGNoIHRvIHRha2UgZnVsbCB3aWR0aC4gSWYgdGhlIGNoaWxkcmVuIG92ZXJmbG93LCB0aGV5IHdpbGwgYmUgd3JhcHBlZCB2ZXJ0aWNhbGx5LlxuICAgKlxuICAgKiBgYXV0b1ZlcnRpY2FsYCAtIHNhbWUgYmVoYXZpb3VyIGFzIGBkZWZhdWx0YCwgYnV0IGlmIHRoZXJlIGlzIG1vcmUgdGhhbiAzIGNoaWxkcmVuLCB0aGV5IHdpbGwgYmUgd3JhcHBlZCB2ZXJ0aWNhbGx5IGV2ZW4gaWYgdGhleSBkb24ndCBvdmVyZmxvdy5cbiAgICpcbiAgICogQGRlZmF1bHQgXCJub25lXCJcbiAgICovXG4gIHN0cmV0Y2g/OiBCdXR0b25Hcm91cFN0cmV0Y2hUeXBlID0gJ25vbmUnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBTcGFjaW5nIGJldHdlZW4gdGhlIGJ1dHRvbnNcbiAgICogQGRlZmF1bHQgbWRcbiAgICovXG4gIHNwYWNpbmc6ICdsZycgfCAnbWQnIHwgJ3NtJyB8ICd4cycgPSAnbWQnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcImhvcml6b250YWxcIlxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbi1ncm91cFwiXG4gIFtuZ0NsYXNzXT1cIlxuICAgIHN0cmV0Y2ggIT09ICdub25lJ1xuICAgICAgPyAnc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zdHJldGNoJ1xuICAgICAgOiAnc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1hbGlnbi0nICsgYWxpZ25cbiAgXCJcbiAgW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi1ncm91cC0tc3RyZXRjaC1hdXRvLXZlcnRpY2FsXT1cIlxuICAgIHN0cmV0Y2ggPT09ICdhdXRvVmVydGljYWwnXG4gIFwiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmcteHNdPVwic3BhY2luZyA9PT0gJ3hzJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmctc21dPVwic3BhY2luZyA9PT0gJ3NtJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmctbGddPVwic3BhY2luZyA9PT0gJ2xnJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXZlcnRpY2FsXT1cIm9yaWVudGF0aW9uID09PSAndmVydGljYWwnXCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/button/src/button-icon.directive.mjs

@@ -8,6 +8,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
             type: Directive,
             args: [{
                     selector: '[spButtonIcon]',
+                    standalone: false,
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1pY29uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUsxQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BCdXR0b25JY29uXScsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkljb25EaXJlY3RpdmUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1pY29uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0xQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsS0FBSztpQkFDbEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwQnV0dG9uSWNvbl0nLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uSWNvbkRpcmVjdGl2ZSB7fVxuIl19

package/esm2020/lib/button/src/button.component.mjs

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { ChangeDetectionStrategy, Component, ContentChild, forwardRef, HostBinding, Input, isDevMode, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, HostBinding, Injectable, Input, isDevMode, } from '@angular/core';
 import { IconComponent, ICON_SIZE_PROVIDER } from '../../icon/public_api';
 import { ThemeCheckDirective } from '../../theme/src/theme-check.directive';
 import { CoerceBoolean } from '../../common/coerce-boolean.decorator';
@@ -9,6 +9,19 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../theme/src/theme-check.directive";
 import * as i2 from "../../common/sapphire-view-encapsulation";
 import * as i3 from "@angular/common";
+class ButtonIconSizeProvider {
+    constructor(button) {
+        this.button = button;
+    }
+    get size() {
+        return this.button.size === 'lg' ? 'md' : 'sm';
+    }
+}
+ButtonIconSizeProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonIconSizeProvider, deps: [{ token: ButtonComponent }], target: i0.ɵɵFactoryTarget.Injectable });
+ButtonIconSizeProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonIconSizeProvider });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonIconSizeProvider, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: ButtonComponent }]; } });
 export class ButtonComponent {
     get variantClass() {
         return `sapphire-button--${this.variant}`;
@@ -37,9 +50,9 @@ ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: { variant: "variant", size: "size", disabled: "disabled", iconAlign: "iconAlign", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-button--lg": "size === \"lg\"", "class.sapphire-button--sm": "size === \"sm\"", "class.sapphire-button--with-left-icon": "buttonIcon && iconAlign === \"left\"", "class.sapphire-button--with-right-icon": "buttonIcon && iconAlign === \"right\"", "type": "this.type", "class": "this.variantClass" }, classAttribute: "sapphire-button" }, providers: [
         {
             provide: ICON_SIZE_PROVIDER,
-            useExisting: forwardRef(() => ButtonComponent),
+            useClass: ButtonIconSizeProvider,
         },
-    ], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<span class=\"sapphire-button__content\">\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'left'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'right'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-template #content>\n    <ng-content></ng-content>\n  </ng-template>\n  <ng-template #iconContent>\n    <ng-content select=\"[spButtonIcon]\"></ng-content>\n  </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-global-size-generic-100)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-semantic-color-content-action-tertiary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-content-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-button--sm .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);font-size:var(--sapphire-semantic-size-font-control-default);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--secondary-text,.sapphire-button--lg.sapphire-button--tertiary-text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--secondary-text,.sapphire-button--sm.sapphire-button--tertiary-text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<span class=\"sapphire-button__content\">\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'left'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'right'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-template #content>\n    <ng-content></ng-content>\n  </ng-template>\n  <ng-template #iconContent>\n    <ng-content select=\"[spButtonIcon]\"></ng-content>\n  </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;gap:var(--sapphire-semantic-size-spacing-xs);margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-xl);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-md);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{gap:var(--sapphire-semantic-size-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     CoerceBoolean
 ], ButtonComponent.prototype, "disabled", void 0);
@@ -56,9 +69,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                     }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], providers: [
                         {
                             provide: ICON_SIZE_PROVIDER,
-                            useExisting: forwardRef(() => ButtonComponent),
+                            useClass: ButtonIconSizeProvider,
                         },
-                    ], template: "<span class=\"sapphire-button__content\">\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'left'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'right'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-template #content>\n    <ng-content></ng-content>\n  </ng-template>\n  <ng-template #iconContent>\n    <ng-content select=\"[spButtonIcon]\"></ng-content>\n  </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-global-size-generic-100)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-semantic-color-content-action-tertiary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-content-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-button--sm .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);font-size:var(--sapphire-semantic-size-font-control-default);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--secondary-text,.sapphire-button--lg.sapphire-button--tertiary-text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--secondary-text,.sapphire-button--sm.sapphire-button--tertiary-text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}\n"] }]
+                    ], standalone: false, template: "<span class=\"sapphire-button__content\">\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'left'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'right'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-template #content>\n    <ng-content></ng-content>\n  </ng-template>\n  <ng-template #iconContent>\n    <ng-content select=\"[spButtonIcon]\"></ng-content>\n  </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;gap:var(--sapphire-semantic-size-spacing-xs);margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-xl);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-md);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{gap:var(--sapphire-semantic-size-spacing-2xs)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
                 type: Input
             }], size: [{
@@ -82,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: ContentChild,
                 args: [IconComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztBQTZCcEYsTUFBTSxPQUFPLGVBQWU7SUErQjFCLElBQ1ksWUFBWTtRQUN0QixPQUFPLG9CQUFvQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDNUMsQ0FBQztJQUtELFlBQW1CLFVBQXlDO1FBQXpDLGVBQVUsR0FBVixVQUFVLENBQStCO1FBckM1RCxZQUFPLEdBVWEsU0FBUyxDQUFDO1FBRzlCLFNBQUksR0FBd0IsSUFBSSxDQUFDO1FBT2pDLGNBQVMsR0FBcUIsTUFBTSxDQUFDO1FBRXJDOztXQUVHO1FBR0gsU0FBSSxHQUFrQyxRQUFRLENBQUM7SUFVZ0IsQ0FBQztJQUVoRSxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksU0FBUyxFQUFFLEVBQUU7Z0JBQ25DLHNDQUFzQztnQkFDdEMsT0FBTyxDQUFDLEtBQUssQ0FBQyx3Q0FBd0MsSUFBSSxDQUFDLE9BQU87bUdBQ3lCLENBQUMsQ0FBQzthQUM5RjtTQUNGO0lBQ0gsQ0FBQzs7NEdBakRVLGVBQWU7Z0dBQWYsZUFBZSw4bEJBUGY7UUFDVDtZQUNFLE9BQU8sRUFBRSxrQkFBa0I7WUFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUM7U0FDL0M7S0FDRixrRUFzQ2EsbUJBQW1CLHVFQUNuQixhQUFhLHFKQ25GN0IsMHBCQXdCQTtBRHlDRTtJQURDLGFBQWE7aURBQ1M7MkZBbkJaLGVBQWU7a0JBM0IzQixTQUFTOytCQUNFLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixpQkFBaUIsRUFBRSxrQkFBa0I7d0JBQ3JDLHFCQUFxQixFQUFFLFVBQVU7d0JBRWpDLEtBQUssRUFBRSxpQkFBaUI7d0JBRXhCLDZCQUE2QixFQUFFLGVBQWU7d0JBQzlDLDZCQUE2QixFQUFFLGVBQWU7d0JBRTlDLHlDQUF5QyxFQUN2QyxvQ0FBb0M7d0JBQ3RDLDBDQUEwQyxFQUN4QyxxQ0FBcUM7cUJBQ3hDLGtCQUNlLENBQUMsbUJBQW1CLEVBQUUsd0JBQXdCLENBQUMsYUFDcEQ7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7eUJBQy9DO3FCQUNGO2lHQUlELE9BQU87c0JBRE4sS0FBSztnQkFjTixJQUFJO3NCQURILEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxLQUFLO2dCQUtOLFNBQVM7c0JBRFIsS0FBSztnQkFRTixJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsTUFBTTtnQkFJUCxZQUFZO3NCQUR2QixXQUFXO3VCQUFDLE9BQU87Z0JBS2UsVUFBVTtzQkFBNUMsWUFBWTt1QkFBQyxtQkFBbUI7Z0JBQ0osSUFBSTtzQkFBaEMsWUFBWTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFbGVtZW50UmVmLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIGlzRGV2TW9kZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50LCBJQ09OX1NJWkVfUFJPVklERVIgfSBmcm9tICcuLi8uLi9pY29uL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgVGhlbWVDaGVja0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3RoZW1lL3NyYy90aGVtZS1jaGVjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgQnV0dG9uSWNvbkRpcmVjdGl2ZSB9IGZyb20gJy4vYnV0dG9uLWljb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdidXR0b25bc3AtYnV0dG9uXSwgYVtzcC1idXR0b25dJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5kaXNhYmxlZF0nOiAnZGlzYWJsZWQgfHwgbnVsbCcsXG4gICAgJ1tjbGFzcy5pcy1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuXG4gICAgY2xhc3M6ICdzYXBwaGlyZS1idXR0b24nLFxuXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLWxnXSc6ICdzaXplID09PSBcImxnXCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS1zbV0nOiAnc2l6ZSA9PT0gXCJzbVwiJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS13aXRoLWxlZnQtaWNvbl0nOlxuICAgICAgJ2J1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSBcImxlZnRcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLXdpdGgtcmlnaHQtaWNvbl0nOlxuICAgICAgJ2J1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSBcInJpZ2h0XCInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1RoZW1lQ2hlY2tEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IElDT05fU0laRV9QUk9WSURFUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEJ1dHRvbkNvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/OlxuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAnc2Vjb25kYXJ5J1xuICAgIHwgJ3NlY29uZGFyeS1naG9zdCdcbiAgICB8ICdzZWNvbmRhcnktdGV4dCdcbiAgICB8ICd0ZXJ0aWFyeSdcbiAgICB8ICd0ZXJ0aWFyeS1naG9zdCdcbiAgICB8ICd0ZXJ0aWFyeS10ZXh0J1xuICAgIHwgJ2RhbmdlcidcbiAgICB8ICdkYW5nZXItZ2hvc3QnXG4gICAgfCAnZGFuZ2VyLXRleHQnID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU/OiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgQElucHV0KClcbiAgaWNvbkFsaWduOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnO1xuXG4gIC8qKlxuICAgKiBUaGUgYmVoYXZpb3Igb2YgdGhlIGJ1dHRvbiB3aGVuIHVzZWQgaW4gYW4gSFRNTCBmb3JtLlxuICAgKi9cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCd0eXBlJylcbiAgdHlwZTogJ3N1Ym1pdCcgfCAnYnV0dG9uJyB8ICdyZXNldCcgPSAnYnV0dG9uJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgdmFyaWFudENsYXNzKCkge1xuICAgIHJldHVybiBgc2FwcGhpcmUtYnV0dG9uLS0ke3RoaXMudmFyaWFudH1gO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZChCdXR0b25JY29uRGlyZWN0aXZlKSBidXR0b25JY29uPzogQnV0dG9uSWNvbkRpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJY29uQ29tcG9uZW50KSBpY29uPzogSWNvbkNvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIGlmICh0aGlzLmljb24pIHtcbiAgICAgIGlmICghdGhpcy5idXR0b25JY29uICYmIGlzRGV2TW9kZSgpKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICAgIGNvbnNvbGUuZXJyb3IoYEljb24gaXMgdXNlZCBpbiBhIGJ1dHRvbiBvZiB2YXJpYW50IFwiJHt0aGlzLnZhcmlhbnR9XCIuXG4gICAgICAgIFlvdSBzaG91bGQgZWl0aGVyIGFkZCBzcEJ1dHRvbkljb24gb24gdGhlIGljb24gb3IgdXNlIHNwLWljb24tYnV0dG9uIGluc3RlYWQgb2Ygc3AtYnV0dG9uXCJgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2FwcGhpcmUtYnV0dG9uX19jb250ZW50XCI+XG4gIDxzcGFuXG4gICAgKm5nSWY9XCJidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gJ2xlZnQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG5cbiAgPHNwYW5cbiAgICAqbmdJZj1cImJ1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSAncmlnaHQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjaWNvbkNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQnV0dG9uSWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG48L3NwYW4+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFdBQVcsRUFDWCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztBQUVwRixNQUNNLHNCQUFzQjtJQUMxQixZQUFvQixNQUF1QjtRQUF2QixXQUFNLEdBQU4sTUFBTSxDQUFpQjtJQUFHLENBQUM7SUFFL0MsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ2pELENBQUM7O21IQUxHLHNCQUFzQjt1SEFBdEIsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBRDNCLFVBQVU7O0FBcUNYLE1BQU0sT0FBTyxlQUFlO0lBNkIxQixJQUNZLFlBQVk7UUFDdEIsT0FBTyxvQkFBb0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFLRCxZQUFtQixVQUF5QztRQUF6QyxlQUFVLEdBQVYsVUFBVSxDQUErQjtRQW5DNUQsWUFBTyxHQVFhLFNBQVMsQ0FBQztRQUc5QixTQUFJLEdBQXdCLElBQUksQ0FBQztRQU9qQyxjQUFTLEdBQXFCLE1BQU0sQ0FBQztRQUVyQzs7V0FFRztRQUdILFNBQUksR0FBa0MsUUFBUSxDQUFDO0lBVWdCLENBQUM7SUFFaEUsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLFNBQVMsRUFBRSxFQUFFO2dCQUNuQyxzQ0FBc0M7Z0JBQ3RDLE9BQU8sQ0FBQyxLQUFLLENBQUMsd0NBQXdDLElBQUksQ0FBQyxPQUFPO21HQUN5QixDQUFDLENBQUM7YUFDOUY7U0FDRjtJQUNILENBQUM7OzRHQS9DVSxlQUFlO2dHQUFmLGVBQWUsOGxCQVJmO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsa0JBQWtCO1lBQzNCLFFBQVEsRUFBRSxzQkFBc0I7U0FDakM7S0FDRixrRUFxQ2EsbUJBQW1CLHVFQUNuQixhQUFhLHFKQzNGN0IsMHBCQXdCQTtBRGlERTtJQURDLGFBQWE7aURBQ1M7MkZBakJaLGVBQWU7a0JBNUIzQixTQUFTOytCQUNFLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixpQkFBaUIsRUFBRSxrQkFBa0I7d0JBQ3JDLHFCQUFxQixFQUFFLFVBQVU7d0JBRWpDLEtBQUssRUFBRSxpQkFBaUI7d0JBRXhCLDZCQUE2QixFQUFFLGVBQWU7d0JBQzlDLDZCQUE2QixFQUFFLGVBQWU7d0JBRTlDLHlDQUF5QyxFQUN2QyxvQ0FBb0M7d0JBQ3RDLDBDQUEwQyxFQUN4QyxxQ0FBcUM7cUJBQ3hDLGtCQUNlLENBQUMsbUJBQW1CLEVBQUUsd0JBQXdCLENBQUMsYUFDcEQ7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsUUFBUSxFQUFFLHNCQUFzQjt5QkFDakM7cUJBQ0YsY0FDVyxLQUFLO2lHQUlqQixPQUFPO3NCQUROLEtBQUs7Z0JBWU4sSUFBSTtzQkFESCxLQUFLO2dCQUtOLFFBQVE7c0JBRlAsS0FBSztnQkFLTixTQUFTO3NCQURSLEtBQUs7Z0JBUU4sSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE1BQU07Z0JBSVAsWUFBWTtzQkFEdkIsV0FBVzt1QkFBQyxPQUFPO2dCQUtlLFVBQVU7c0JBQTVDLFlBQVk7dUJBQUMsbUJBQW1CO2dCQUNKLElBQUk7c0JBQWhDLFlBQVk7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIEluamVjdGFibGUsXG4gIElucHV0LFxuICBpc0Rldk1vZGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCwgSUNPTl9TSVpFX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFRoZW1lQ2hlY2tEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi90aGVtZS9zcmMvdGhlbWUtY2hlY2suZGlyZWN0aXZlJztcbmltcG9ydCB7IENvZXJjZUJvb2xlYW4gfSBmcm9tICcuLi8uLi9jb21tb24vY29lcmNlLWJvb2xlYW4uZGVjb3JhdG9yJztcbmltcG9ydCB7IEJ1dHRvbkljb25EaXJlY3RpdmUgfSBmcm9tICcuL2J1dHRvbi1pY29uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQEluamVjdGFibGUoKVxuY2xhc3MgQnV0dG9uSWNvblNpemVQcm92aWRlciB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYnV0dG9uOiBCdXR0b25Db21wb25lbnQpIHt9XG5cbiAgZ2V0IHNpemUoKSB7XG4gICAgcmV0dXJuIHRoaXMuYnV0dG9uLnNpemUgPT09ICdsZycgPyAnbWQnIDogJ3NtJztcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdidXR0b25bc3AtYnV0dG9uXSwgYVtzcC1idXR0b25dJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5kaXNhYmxlZF0nOiAnZGlzYWJsZWQgfHwgbnVsbCcsXG4gICAgJ1tjbGFzcy5pcy1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuXG4gICAgY2xhc3M6ICdzYXBwaGlyZS1idXR0b24nLFxuXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLWxnXSc6ICdzaXplID09PSBcImxnXCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS1zbV0nOiAnc2l6ZSA9PT0gXCJzbVwiJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS13aXRoLWxlZnQtaWNvbl0nOlxuICAgICAgJ2J1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSBcImxlZnRcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLXdpdGgtcmlnaHQtaWNvbl0nOlxuICAgICAgJ2J1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSBcInJpZ2h0XCInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1RoZW1lQ2hlY2tEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IElDT05fU0laRV9QUk9WSURFUixcbiAgICAgIHVzZUNsYXNzOiBCdXR0b25JY29uU2l6ZVByb3ZpZGVyLFxuICAgIH0sXG4gIF0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KClcbiAgdmFyaWFudD86XG4gICAgfCAncHJpbWFyeSdcbiAgICB8ICdzZWNvbmRhcnknXG4gICAgfCAndGVydGlhcnknXG4gICAgfCAndGV4dCdcbiAgICB8ICdkYW5nZXInXG4gICAgfCAnZGFuZ2VyLXNlY29uZGFyeSdcbiAgICB8ICdkYW5nZXItdGVydGlhcnknXG4gICAgfCAnZGFuZ2VyLXRleHQnID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU/OiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgQElucHV0KClcbiAgaWNvbkFsaWduOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnO1xuXG4gIC8qKlxuICAgKiBUaGUgYmVoYXZpb3Igb2YgdGhlIGJ1dHRvbiB3aGVuIHVzZWQgaW4gYW4gSFRNTCBmb3JtLlxuICAgKi9cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCd0eXBlJylcbiAgdHlwZTogJ3N1Ym1pdCcgfCAnYnV0dG9uJyB8ICdyZXNldCcgPSAnYnV0dG9uJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgdmFyaWFudENsYXNzKCkge1xuICAgIHJldHVybiBgc2FwcGhpcmUtYnV0dG9uLS0ke3RoaXMudmFyaWFudH1gO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZChCdXR0b25JY29uRGlyZWN0aXZlKSBidXR0b25JY29uPzogQnV0dG9uSWNvbkRpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJY29uQ29tcG9uZW50KSBpY29uPzogSWNvbkNvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIGlmICh0aGlzLmljb24pIHtcbiAgICAgIGlmICghdGhpcy5idXR0b25JY29uICYmIGlzRGV2TW9kZSgpKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICAgIGNvbnNvbGUuZXJyb3IoYEljb24gaXMgdXNlZCBpbiBhIGJ1dHRvbiBvZiB2YXJpYW50IFwiJHt0aGlzLnZhcmlhbnR9XCIuXG4gICAgICAgIFlvdSBzaG91bGQgZWl0aGVyIGFkZCBzcEJ1dHRvbkljb24gb24gdGhlIGljb24gb3IgdXNlIHNwLWljb24tYnV0dG9uIGluc3RlYWQgb2Ygc3AtYnV0dG9uXCJgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2FwcGhpcmUtYnV0dG9uX19jb250ZW50XCI+XG4gIDxzcGFuXG4gICAgKm5nSWY9XCJidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gJ2xlZnQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG5cbiAgPHNwYW5cbiAgICAqbmdJZj1cImJ1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSAncmlnaHQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjaWNvbkNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQnV0dG9uSWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG48L3NwYW4+XG4iXX0=