@danske/sapphire-angular 2.9.0 → 3.0.1

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;box-sizing:border-box;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], 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-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;box-sizing:border-box;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9iYWRnZS9zcmMvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFtQ3BGLE1BQU0sT0FBTyxjQUFjO0lBbUN6QixJQUNZLFVBQVU7UUFDcEIsT0FBTztZQUNMLGdCQUFnQjtZQUNoQixtQkFBbUIsSUFBSSxDQUFDLElBQUksRUFBRTtZQUM5QixtQkFBbUIsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1NBQ2hELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsQ0FBQztJQUVEO1FBM0NxQixTQUFJLEdBQUcsY0FBYyxDQUFDO1FBRTNDOzs7V0FHRztRQUlILE9BQUUsR0FBRyxFQUFFLENBQUM7UUFFUjs7V0FFRztRQUVILFNBQUksR0FBVSxJQUFJLENBQUM7UUFFbkI7Ozs7V0FJRztRQUVILFlBQU8sR0FBYSxTQUFTLENBQUM7UUFFOUI7Ozs7O1dBS0c7UUFFSCxVQUFLLEdBQVcsYUFBYSxDQUFDO0lBV2YsQ0FBQzs7MkdBNUNMLGNBQWM7K0ZBQWQsY0FBYyxrUkFMZiwyQkFBMkI7QUFlckM7SUFEQyxNQUFNLEVBQUU7MENBQ0Q7MkZBVkcsY0FBYztrQkFQMUIsU0FBUzsrQkFDRSxVQUFVLFlBQ1YsMkJBQTJCLGtCQUNyQixDQUFDLHdCQUF3QixDQUFDLGNBRTlCLEtBQUs7MEVBR0ksSUFBSTtzQkFBeEIsV0FBVzt1QkFBQyxNQUFNO2dCQVNuQixFQUFFO3NCQUhELFdBQVc7O3NCQUNYLEtBQUs7Z0JBUU4sSUFBSTtzQkFESCxLQUFLO2dCQVNOLE9BQU87c0JBRE4sS0FBSztnQkFVTixLQUFLO3NCQURKLEtBQUs7Z0JBSU0sVUFBVTtzQkFEckIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxudHlwZSBDb2xvciA9XG4gIHwgJ3Bvc2l0aXZlJ1xuICB8ICduZWdhdGl2ZSdcbiAgfCAnd2FybmluZydcbiAgfCAnaW5mb3JtYXRpdmUnXG4gIHwgJ3Bhc3NpdmUnXG4gIHwgJ2FxdWEnXG4gIHwgJ2NvcHBlcidcbiAgfCAnZWxlY3RybydcbiAgfCAnaW5kaWdvJ1xuICB8ICdsaW1lJ1xuICB8ICdwaW5rJ1xuICB8ICd2aW9sZXQnXG4gIHwgJ2dvbGQnXG4gIHwgJ2JlaWdlJ1xuICB8ICdvcmNoaWQnXG4gIHwgJ2dyYXknXG4gIHwgJ2NvYmFsdCdcbiAgfCAnZm9yZXN0R3JlZW4nXG4gIHwgJ3RlYWwnXG4gIHwgJ29yYW5nZSc7XG5cbnR5cGUgVmFyaWFudCA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknO1xuXG50eXBlIFNpemUgPSAnc20nIHwgJ21kJyB8ICdsZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWJhZGdlJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9iYWRnZS5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ3JvbGUnKSByb2xlID0gJ3ByZXNlbnRhdGlvbic7XG5cbiAgLyoqXG4gICAqIEEgdW5pcXVlIGlkIGZvciB0aGUgaG9zdCBET00gZWxlbWVudC5cbiAgICogSWYgbm9uZSBpcyBzdXBwbGllZCwgaXQgd2lsbCBiZSBhdXRvLWdlbmVyYXRlZC5cbiAgICovXG4gIEBIb3N0QmluZGluZygpXG4gIEBJbnB1dCgpXG4gIEBBdXRvSWQoKVxuICBpZCA9ICcnO1xuXG4gIC8qKlxuICAgKiBAZGVmYXVsdCAnbWQnXG4gICAqL1xuICBASW5wdXQoKVxuICBzaXplPzogU2l6ZSA9ICdtZCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGJhZGdlIGhhcyBhIHNhdHVyYXRlZCBvciBmYWludCBiYWNrZ3JvdW5kLlxuICAgKlxuICAgKiBAZGVmYXVsdCAncHJpbWFyeSdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/OiBWYXJpYW50ID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgYmFkZ2UuXG4gICAqIENhbiBlaXRoZXIgYmUgc2VtYW50aWMgb3Igb25lIG9mIHRoZSBuYW1lZCBkZWNvcmF0aXZlIGNvbG9yLlxuICAgKlxuICAgKiBAZGVmYXVsdCAnaW5mb3JtYXRpdmUnXG4gICAqL1xuICBASW5wdXQoKVxuICBjb2xvcj86IENvbG9yID0gJ2luZm9ybWF0aXZlJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgY2xhc3NOYW1lcygpIHtcbiAgICByZXR1cm4gW1xuICAgICAgJ3NhcHBoaXJlLWJhZGdlJyxcbiAgICAgIGBzYXBwaGlyZS1iYWRnZS0tJHt0aGlzLnNpemV9YCxcbiAgICAgIGBzYXBwaGlyZS1iYWRnZS0tJHt0aGlzLnZhcmlhbnR9LSR7dGhpcy5jb2xvcn1gLFxuICAgIF0uam9pbignICcpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19
+//# 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, 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-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.

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,
                         },
-                    ], 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-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztBQThCcEYsTUFBTSxPQUFPLGVBQWU7SUErQjFCLElBQ1ksWUFBWTtRQUN0QixPQUFPLG9CQUFvQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDNUMsQ0FBQztJQUtELFlBQW1CLFVBQXlDO1FBQXpDLGVBQVUsR0FBVixVQUFVLENBQStCO1FBckM1RCxZQUFPLEdBVWEsU0FBUyxDQUFDO1FBRzlCLFNBQUksR0FBd0IsSUFBSSxDQUFDO1FBT2pDLGNBQVMsR0FBcUIsTUFBTSxDQUFDO1FBRXJDOztXQUVHO1FBR0gsU0FBSSxHQUFrQyxRQUFRLENBQUM7SUFVZ0IsQ0FBQztJQUVoRSxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksU0FBUyxFQUFFLEVBQUU7Z0JBQ25DLHNDQUFzQztnQkFDdEMsT0FBTyxDQUFDLEtBQUssQ0FBQyx3Q0FBd0MsSUFBSSxDQUFDLE9BQU87bUdBQ3lCLENBQUMsQ0FBQzthQUM5RjtTQUNGO0lBQ0gsQ0FBQzs7NEdBakRVLGVBQWU7Z0dBQWYsZUFBZSw4bEJBUmY7UUFDVDtZQUNFLE9BQU8sRUFBRSxrQkFBa0I7WUFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUM7U0FDL0M7S0FDRixrRUF1Q2EsbUJBQW1CLHVFQUNuQixhQUFhLHFKQ3BGN0IsMHBCQXdCQTtBRDBDRTtJQURDLGFBQWE7aURBQ1M7MkZBbkJaLGVBQWU7a0JBNUIzQixTQUFTOytCQUNFLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixpQkFBaUIsRUFBRSxrQkFBa0I7d0JBQ3JDLHFCQUFxQixFQUFFLFVBQVU7d0JBRWpDLEtBQUssRUFBRSxpQkFBaUI7d0JBRXhCLDZCQUE2QixFQUFFLGVBQWU7d0JBQzlDLDZCQUE2QixFQUFFLGVBQWU7d0JBRTlDLHlDQUF5QyxFQUN2QyxvQ0FBb0M7d0JBQ3RDLDBDQUEwQyxFQUN4QyxxQ0FBcUM7cUJBQ3hDLGtCQUNlLENBQUMsbUJBQW1CLEVBQUUsd0JBQXdCLENBQUMsYUFDcEQ7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7eUJBQy9DO3FCQUNGLGNBQ1csS0FBSztpR0FJakIsT0FBTztzQkFETixLQUFLO2dCQWNOLElBQUk7c0JBREgsS0FBSztnQkFLTixRQUFRO3NCQUZQLEtBQUs7Z0JBS04sU0FBUztzQkFEUixLQUFLO2dCQVFOLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxNQUFNO2dCQUlQLFlBQVk7c0JBRHZCLFdBQVc7dUJBQUMsT0FBTztnQkFLZSxVQUFVO3NCQUE1QyxZQUFZO3VCQUFDLG1CQUFtQjtnQkFDSixJQUFJO3NCQUFoQyxZQUFZO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgaXNEZXZNb2RlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5cbmltcG9ydCB7IEljb25Db21wb25lbnQsIElDT05fU0laRV9QUk9WSURFUiB9IGZyb20gJy4uLy4uL2ljb24vcHVibGljX2FwaSc7XG5pbXBvcnQgeyBUaGVtZUNoZWNrRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3JjL3RoZW1lLWNoZWNrLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBCdXR0b25JY29uRGlyZWN0aXZlIH0gZnJvbSAnLi9idXR0b24taWNvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2J1dHRvbltzcC1idXR0b25dLCBhW3NwLWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmRpc2FibGVkXSc6ICdkaXNhYmxlZCB8fCBudWxsJyxcbiAgICAnW2NsYXNzLmlzLWRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG5cbiAgICBjbGFzczogJ3NhcHBoaXJlLWJ1dHRvbicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0tbGddJzogJ3NpemUgPT09IFwibGdcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLXNtXSc6ICdzaXplID09PSBcInNtXCInLFxuXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLXdpdGgtbGVmdC1pY29uXSc6XG4gICAgICAnYnV0dG9uSWNvbiAmJiBpY29uQWxpZ24gPT09IFwibGVmdFwiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0td2l0aC1yaWdodC1pY29uXSc6XG4gICAgICAnYnV0dG9uSWNvbiAmJiBpY29uQWxpZ24gPT09IFwicmlnaHRcIicsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVGhlbWVDaGVja0RpcmVjdGl2ZSwgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogSUNPTl9TSVpFX1BST1ZJREVSLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQnV0dG9uQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/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=