@danske/sapphire-angular 1.27.1 → 1.27.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/esm2020/lib/button/src/button.component.mjs +2 -2
  2. package/esm2020/lib/button/src/toggle-button.component.mjs +2 -2
  3. package/esm2020/lib/modal/src/dialog/dialog-content.directive.mjs +5 -5
  4. package/esm2020/lib/modal/src/dialog/dialog-footer.component.mjs +5 -9
  5. package/esm2020/lib/modal/src/dialog/dialog-header.component.mjs +9 -8
  6. package/esm2020/lib/modal/src/dialog/dialog.component.mjs +3 -5
  7. package/esm2020/lib/modal/src/panel/inline-panel.component.mjs +4 -4
  8. package/esm2020/lib/modal/src/panel/panel-content.component.mjs +6 -6
  9. package/esm2020/lib/modal/src/panel/panel-footer.component.mjs +5 -5
  10. package/esm2020/lib/modal/src/panel/panel-header.component.mjs +9 -8
  11. package/esm2020/lib/modal/src/panel/panel.component.mjs +3 -3
  12. package/esm2020/lib/theme/src/themes.mjs +4 -4
  13. package/esm2020/lib/typography/src/heading.component.mjs +1 -1
  14. package/fesm2015/danske-sapphire-angular.mjs +48 -51
  15. package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
  16. package/fesm2020/danske-sapphire-angular.mjs +48 -51
  17. package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
  18. package/lib/modal/src/dialog/dialog-header.component.d.ts +2 -2
  19. package/lib/modal/src/panel/panel-header.component.d.ts +2 -2
  20. package/lib/typography/src/heading.component.d.ts +3 -0
  21. package/package.json +3 -3
package/esm2020/lib/button/src/button.component.mjs CHANGED
@@ -54,7 +54,7 @@ export class ButtonComponent {
54
54
  }
55
55
  }
56
56
  ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
57
- ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: { variant: "variant", appearance: "appearance", surface: "surface", size: "size", disabled: "disabled", iconAlign: "iconAlign", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-button--large": "size === \"large\"", "class.sapphire-button--small": "size === \"small\"", "class.sapphire-button--with-left-icon": "buttonIcon && iconAlign === \"left\"", "class.sapphire-button--with-right-icon": "buttonIcon && iconAlign === \"right\"", "class.sapphire-button--secondary-surface": "surface === \"secondary\"", "type": "this.type", "class": "this.derivedVariantAndStyleClass" }, classAttribute: "sapphire-button" }, 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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\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 });
57
+ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: { variant: "variant", appearance: "appearance", surface: "surface", size: "size", disabled: "disabled", iconAlign: "iconAlign", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-button--large": "size === \"large\"", "class.sapphire-button--small": "size === \"small\"", "class.sapphire-button--with-left-icon": "buttonIcon && iconAlign === \"left\"", "class.sapphire-button--with-right-icon": "buttonIcon && iconAlign === \"right\"", "class.sapphire-button--secondary-surface": "surface === \"secondary\"", "type": "this.type", "class": "this.derivedVariantAndStyleClass" }, classAttribute: "sapphire-button" }, 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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\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 });
58
58
  __decorate([
59
59
  CoerceBoolean
60
60
  ], ButtonComponent.prototype, "disabled", void 0);
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
69
69
  '[class.sapphire-button--with-left-icon]': 'buttonIcon && iconAlign === "left"',
70
70
  '[class.sapphire-button--with-right-icon]': 'buttonIcon && iconAlign === "right"',
71
71
  '[class.sapphire-button--secondary-surface]': 'surface === "secondary"',
72
- }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], 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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\n"] }]
72
+ }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], 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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\n"] }]
73
73
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
74
74
  type: Input
75
75
  }], appearance: [{
package/esm2020/lib/button/src/toggle-button.component.mjs CHANGED
@@ -68,7 +68,7 @@ ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
68
68
  useExisting: forwardRef(() => ToggleButtonComponent),
69
69
  multi: true,
70
70
  },
71
- ], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
71
+ ], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
72
72
  __decorate([
73
73
  CoerceBoolean
74
74
  ], ToggleButtonComponent.prototype, "selected", void 0);
@@ -94,7 +94,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
94
94
  '[class.sapphire-button--small]': 'size === "small"',
95
95
  '[class.sapphire-button--with-left-icon]': 'buttonIcon && iconAlign === "left"',
96
96
  '[class.sapphire-button--with-right-icon]': 'buttonIcon && iconAlign === "right"',
97
- }, hostDirectives: [UseComponentStylesOnHost], 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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\n"] }]
97
+ }, hostDirectives: [UseComponentStylesOnHost], 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-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);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-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.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-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.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-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-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-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.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-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-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-button-color-content-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-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-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-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.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-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-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-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.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-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--large.sapphire-button--secondary-text,.sapphire-button--large.sapphire-button--tertiary-text,.sapphire-button--large.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}.sapphire-button--small.sapphire-button--secondary-text,.sapphire-button--small.sapphire-button--tertiary-text,.sapphire-button--small.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-button-size-radius-text)}\n"] }]
98
98
  }], ctorParameters: function () { return []; }, propDecorators: { size: [{
99
99
  type: Input
100
100
  }], selected: [{
package/esm2020/lib/modal/src/dialog/dialog-content.directive.mjs CHANGED
@@ -13,17 +13,17 @@ export class DialogContentDirective {
13
13
  }
14
14
  }
15
15
  DialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogContentDirective, deps: [{ token: i1.ScrollMonitorDirective }], target: i0.ɵɵFactoryTarget.Directive });
16
- DialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogContentDirective, selector: "sp-dialog-content, [sp-dialog-content]", host: { properties: { "class": "\"sapphire-dialog-body\"", "class.sapphire-dialog-body--scrollable": "_scrollMonitor.scrollable", "class.sapphire-dialog-body--scrolled": "_scrollMonitor.scrolled" } }, hostDirectives: [{ directive: i1.ScrollMonitorDirective }, { directive: i2.UseComponentStyles }], ngImport: i0 });
16
+ DialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogContentDirective, selector: "sp-dialog-content, [sp-dialog-content]", host: { properties: { "class": "\"sapphire-modal-layout__body\"", "class.sapphire-modal-layout__body--scrollable": "_scrollMonitor.scrollable", "class.sapphire-modal-layout__body--scrolled": "_scrollMonitor.scrolled" } }, hostDirectives: [{ directive: i1.ScrollMonitorDirective }, { directive: i2.UseComponentStyles }], ngImport: i0 });
17
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogContentDirective, decorators: [{
18
18
  type: Directive,
19
19
  args: [{
20
20
  selector: 'sp-dialog-content, [sp-dialog-content]',
21
21
  hostDirectives: [ScrollMonitorDirective, UseComponentStyles],
22
22
  host: {
23
- '[class]': '"sapphire-dialog-body"',
24
- '[class.sapphire-dialog-body--scrollable]': '_scrollMonitor.scrollable',
25
- '[class.sapphire-dialog-body--scrolled]': '_scrollMonitor.scrolled',
23
+ '[class]': '"sapphire-modal-layout__body"',
24
+ '[class.sapphire-modal-layout__body--scrollable]': '_scrollMonitor.scrollable',
25
+ '[class.sapphire-modal-layout__body--scrolled]': '_scrollMonitor.scrolled',
26
26
  },
27
27
  }]
28
28
  }], ctorParameters: function () { return [{ type: i1.ScrollMonitorDirective }]; } });
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy1jb250ZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBRWpGOztHQUVHO0FBVUgsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxZQUFtQixjQUFzQztRQUF0QyxtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7SUFBRyxDQUFDOzttSEFEbEQsc0JBQXNCO3VHQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFUbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0NBQXdDO29CQUNsRCxjQUFjLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQztvQkFDNUQsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSx3QkFBd0I7d0JBQ25DLDBDQUEwQyxFQUFFLDJCQUEyQjt3QkFDdkUsd0NBQXdDLEVBQUUseUJBQXlCO3FCQUNwRTtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zY3JvbGwtbW9uaXRvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICpcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nLWNvbnRlbnQsIFtzcC1kaWFsb2ctY29udGVudF0nLFxuICBob3N0RGlyZWN0aXZlczogW1Njcm9sbE1vbml0b3JEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc10sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdcInNhcHBoaXJlLWRpYWxvZy1ib2R5XCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLWJvZHktLXNjcm9sbGFibGVdJzogJ19zY3JvbGxNb25pdG9yLnNjcm9sbGFibGUnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLWJvZHktLXNjcm9sbGVkXSc6ICdfc2Nyb2xsTW9uaXRvci5zY3JvbGxlZCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbnRlbnREaXJlY3RpdmUge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX3Njcm9sbE1vbml0b3I6IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUpIHt9XG59XG4iXX0=
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy1jb250ZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBRWpGOztHQUVHO0FBV0gsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxZQUFtQixjQUFzQztRQUF0QyxtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7SUFBRyxDQUFDOzttSEFEbEQsc0JBQXNCO3VHQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFWbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0NBQXdDO29CQUNsRCxjQUFjLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQztvQkFDNUQsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSwrQkFBK0I7d0JBQzFDLGlEQUFpRCxFQUMvQywyQkFBMkI7d0JBQzdCLCtDQUErQyxFQUFFLHlCQUF5QjtxQkFDM0U7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2Nyb2xsLW1vbml0b3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG4vKipcbiAqXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3NwLWRpYWxvZy1jb250ZW50LCBbc3AtZGlhbG9nLWNvbnRlbnRdJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTY3JvbGxNb25pdG9yRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnXCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHlcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHktLXNjcm9sbGFibGVdJzpcbiAgICAgICdfc2Nyb2xsTW9uaXRvci5zY3JvbGxhYmxlJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLW1vZGFsLWxheW91dF9fYm9keS0tc2Nyb2xsZWRdJzogJ19zY3JvbGxNb25pdG9yLnNjcm9sbGVkJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29udGVudERpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfc2Nyb2xsTW9uaXRvcjogU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSkge31cbn1cbiJdfQ==
package/esm2020/lib/modal/src/dialog/dialog-footer.component.mjs CHANGED
@@ -11,13 +11,13 @@ import * as i2 from "../../../button/src/button-group.component";
11
11
  export class DialogFooterDirective {
12
12
  }
13
13
  DialogFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
14
- DialogFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterDirective, isStandalone: true, selector: "[spDialogFooter]", host: { classAttribute: "sapphire-dialog-footer" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
14
+ DialogFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterDirective, isStandalone: true, selector: "[spDialogFooter]", host: { classAttribute: "sapphire-modal-layout__footer-container" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
15
15
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterDirective, decorators: [{
16
16
  type: Directive,
17
17
  args: [{
18
18
  selector: '[spDialogFooter]',
19
19
  host: {
20
- class: 'sapphire-dialog-footer',
20
+ class: 'sapphire-modal-layout__footer-container',
21
21
  },
22
22
  hostDirectives: [UseComponentStyles],
23
23
  standalone: true,
@@ -49,14 +49,10 @@ export class DialogFooterComponent {
49
49
  }
50
50
  }
51
51
  DialogFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
52
- DialogFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterComponent, selector: "sp-dialog-footer", inputs: { stretch: "stretch", orientation: "orientation" }, hostDirectives: [{ directive: DialogFooterDirective }], ngImport: i0, template: '<sp-button-group [stretch]="stretch" [orientation]="orientation"><ng-content></ng-content></sp-button-group>', isInline: true, dependencies: [{ kind: "component", type: i2.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "iconSpacing", "spacing", "orientation"] }] });
52
+ DialogFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterComponent, selector: "sp-dialog-footer", inputs: { stretch: "stretch", orientation: "orientation" }, hostDirectives: [{ directive: DialogFooterDirective }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <sp-button-group [stretch]=\"stretch\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n </sp-button-group>\n</div>\n", dependencies: [{ kind: "component", type: i2.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "iconSpacing", "spacing", "orientation"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
53
53
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterComponent, decorators: [{
54
54
  type: Component,
55
- args: [{
56
- selector: 'sp-dialog-footer',
57
- template: '<sp-button-group [stretch]="stretch" [orientation]="orientation"><ng-content></ng-content></sp-button-group>',
58
- hostDirectives: [DialogFooterDirective],
59
- }]
55
+ args: [{ selector: 'sp-dialog-footer', hostDirectives: [DialogFooterDirective], template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <sp-button-group [stretch]=\"stretch\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n </sp-button-group>\n</div>\n" }]
60
56
  }], propDecorators: {
61
57
  /**
62
58
  * Controls stretching of the contents.
@@ -78,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
78
74
  orientation: [{
79
75
  type: Input
80
76
  }] } });
81
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBR2pGOzs7O0dBSUc7QUFTSCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFSakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLHdCQUF3QjtxQkFDaEM7b0JBQ0QsY0FBYyxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ3BDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs7QUFHRDs7OztHQUlHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQVFFOzs7Ozs7Ozs7O1dBVUc7UUFDSCxZQUFPLEdBQTRCLE1BQU0sQ0FBQztRQUcxQzs7V0FFRztRQUNILGdCQUFXLEdBQStCLFlBQVksQ0FBQztLQUN4RDs7a0hBcEJZLHFCQUFxQjtzR0FBckIscUJBQXFCLDBIQWJyQixxQkFBcUIsNkJBVTlCLDhHQUE4RzsyRkFHckcscUJBQXFCO2tCQU5qQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFDTiw4R0FBOEc7b0JBQ2hILGNBQWMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUN4Qzs7UUFHQzs7Ozs7Ozs7OztXQVVHO1FBQ0gsT0FBTztzQkFaTixLQUFLOztRQWVOOztXQUVHO1FBQ0gsV0FBVztzQkFKVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcbmltcG9ydCB7IEJ1dHRvbkdyb3VwU3RyZXRjaFR5cGUgfSBmcm9tICcuLi8uLi8uLi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQnO1xuXG4vKipcbiAqIE1hcmtzIGEgcGllY2Ugb2YgVUkgYXMgZGlhbG9nIGZvb3Rlci4gVXNlIG9ubHkgZm9yICoqY3VzdG9tKiogZm9vdGVyLlxuICogRm9yIHN0YW5kYXJkIGRpYWxvZyBmb290ZXIgKGEgbGlzdCBvZiByaWdodCBhbGlnbmVkIGJ1dHRvbnMpLFxuICogdXNlIHtAbGluayBEaWFsb2dGb290ZXJDb21wb25lbnQgc3AtZGlhbG9nLWZvb3Rlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwRGlhbG9nRm9vdGVyXScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWRpYWxvZy1mb290ZXInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSB7fVxuXG4vKipcbiAqIFN0YW5kYXJkIGRpYWxvZyBmb290ZXIgY29tcG9uZW50LiBUaGUgY29udGVudCBpcyBzdXBwb3NlZCB0byBiZSBhIGxpc3Qgb2ZcbiAqIGJ1dHRvbnMsIHdoaWNoIHdpbGwgYmUgYWxpZ25lZCB0byB0aGUgcmlnaHQgb2YgdGhlIGZvb3Rlci5cbiAqIEZvciBhIGN1c3RvbSBmb290ZXIsIHVzZSB7QGxpbmsgRGlhbG9nRm9vdGVyRGlyZWN0aXZlIHNwRGlhbG9nRm9vdGVyIGF0dHJpYnV0ZSBkaXJlY3RpdmV9LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1kaWFsb2ctZm9vdGVyJyxcbiAgdGVtcGxhdGU6XG4gICAgJzxzcC1idXR0b24tZ3JvdXAgW3N0cmV0Y2hdPVwic3RyZXRjaFwiIFtvcmllbnRhdGlvbl09XCJvcmllbnRhdGlvblwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwLWJ1dHRvbi1ncm91cD4nLFxuICBob3N0RGlyZWN0aXZlczogW0RpYWxvZ0Zvb3RlckRpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0Zvb3RlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBDb250cm9scyBzdHJldGNoaW5nIG9mIHRoZSBjb250ZW50cy5cbiAgICpcbiAgICogYG5vbmVgIC0gdGhlIGNoaWxkcmVuIHdpbGwgbm90IHN0cmV0Y2ggYW5kIHdpbGwgcmVzcGVjdCB0aGUgYWxpZ25tZW50IHNldCB3aXRoIHRoZSBhbGlnbiBwcm9wLlxuICAgKlxuICAgKiBgZGVmYXVsdGAgLSB0aGUgY2hpbGRyZW4gd2lsbCBzdHJldGNoIHRvIHRha2UgZnVsbCB3aWR0aC4gSWYgdGhlIGNoaWxkcmVuIG92ZXJmbG93LCB0aGV5IHdpbGwgYmUgd3JhcHBlZCB2ZXJ0aWNhbGx5LlxuICAgKlxuICAgKiBgYXV0b1ZlcnRpY2FsYCAtIHNhbWUgYmVoYXZpb3VyIGFzIGBkZWZhdWx0YCwgYnV0IGlmIHRoZXJlIGlzIG1vcmUgdGhhbiAzIGNoaWxkcmVuLCB0aGV5IHdpbGwgYmUgd3JhcHBlZCB2ZXJ0aWNhbGx5IGV2ZW4gaWYgdGhleSBkb24ndCBvdmVyZmxvdy5cbiAgICpcbiAgICogQGRlZmF1bHQgXCJub25lXCJcbiAgICovXG4gIHN0cmV0Y2g/OiBCdXR0b25Hcm91cFN0cmV0Y2hUeXBlID0gJ25vbmUnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcImhvcml6b250YWxcIlxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xufVxuIl19
77
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFHakY7Ozs7R0FJRztBQVNILE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7c0dBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQVJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUseUNBQXlDO3FCQUNqRDtvQkFDRCxjQUFjLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDcEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOztBQUdEOzs7O0dBSUc7QUFNSCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT0U7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBRzFDOztXQUVHO1FBQ0gsZ0JBQVcsR0FBK0IsWUFBWSxDQUFDO0tBQ3hEOztrSEFwQlkscUJBQXFCO3NHQUFyQixxQkFBcUIsMEhBWnJCLHFCQUFxQiw2QkNqQmxDLDZNQUtBOzJGRHdCYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGtCQUVaLENBQUMscUJBQXFCLENBQUM7O1FBSXZDOzs7Ozs7Ozs7O1dBVUc7UUFDSCxPQUFPO3NCQVpOLEtBQUs7O1FBZU47O1dBRUc7UUFDSCxXQUFXO3NCQUpWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXBTdHJldGNoVHlwZSB9IGZyb20gJy4uLy4uLy4uL2J1dHRvbi9zcmMvYnV0dG9uLWdyb3VwLmNvbXBvbmVudCc7XG5cbi8qKlxuICogTWFya3MgYSBwaWVjZSBvZiBVSSBhcyBkaWFsb2cgZm9vdGVyLiBVc2Ugb25seSBmb3IgKipjdXN0b20qKiBmb290ZXIuXG4gKiBGb3Igc3RhbmRhcmQgZGlhbG9nIGZvb3RlciAoYSBsaXN0IG9mIHJpZ2h0IGFsaWduZWQgYnV0dG9ucyksXG4gKiB1c2Uge0BsaW5rIERpYWxvZ0Zvb3RlckNvbXBvbmVudCBzcC1kaWFsb2ctZm9vdGVyfSBpbnN0ZWFkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BEaWFsb2dGb290ZXJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19mb290ZXItY29udGFpbmVyJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dGb290ZXJEaXJlY3RpdmUge31cblxuLyoqXG4gKiBTdGFuZGFyZCBkaWFsb2cgZm9vdGVyIGNvbXBvbmVudC4gVGhlIGNvbnRlbnQgaXMgc3VwcG9zZWQgdG8gYmUgYSBsaXN0IG9mXG4gKiBidXR0b25zLCB3aGljaCB3aWxsIGJlIGFsaWduZWQgdG8gdGhlIHJpZ2h0IG9mIHRoZSBmb290ZXIuXG4gKiBGb3IgYSBjdXN0b20gZm9vdGVyLCB1c2Uge0BsaW5rIERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSBzcERpYWxvZ0Zvb3RlciBhdHRyaWJ1dGUgZGlyZWN0aXZlfS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nLWZvb3RlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtEaWFsb2dGb290ZXJEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dGb290ZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICAvKipcbiAgICogQ29udHJvbHMgc3RyZXRjaGluZyBvZiB0aGUgY29udGVudHMuXG4gICAqXG4gICAqIGBub25lYCAtIHRoZSBjaGlsZHJlbiB3aWxsIG5vdCBzdHJldGNoIGFuZCB3aWxsIHJlc3BlY3QgdGhlIGFsaWdubWVudCBzZXQgd2l0aCB0aGUgYWxpZ24gcHJvcC5cbiAgICpcbiAgICogYGRlZmF1bHRgIC0gdGhlIGNoaWxkcmVuIHdpbGwgc3RyZXRjaCB0byB0YWtlIGZ1bGwgd2lkdGguIElmIHRoZSBjaGlsZHJlbiBvdmVyZmxvdywgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseS5cbiAgICpcbiAgICogYGF1dG9WZXJ0aWNhbGAgLSBzYW1lIGJlaGF2aW91ciBhcyBgZGVmYXVsdGAsIGJ1dCBpZiB0aGVyZSBpcyBtb3JlIHRoYW4gMyBjaGlsZHJlbiwgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseSBldmVuIGlmIHRoZXkgZG9uJ3Qgb3ZlcmZsb3cuXG4gICAqXG4gICAqIEBkZWZhdWx0IFwibm9uZVwiXG4gICAqL1xuICBzdHJldGNoPzogQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogQGRlZmF1bHQgXCJob3Jpem9udGFsXCJcbiAgICovXG4gIG9yaWVudGF0aW9uPzogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICdob3Jpem9udGFsJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2Zvb3RlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPHNwLWJ1dHRvbi1ncm91cCBbc3RyZXRjaF09XCJzdHJldGNoXCIgW29yaWVudGF0aW9uXT1cIm9yaWVudGF0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwLWJ1dHRvbi1ncm91cD5cbjwvZGl2PlxuIl19