@danske/sapphire-angular 3.8.0 → 3.8.2

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 (24) hide show
  1. package/esm2020/lib/button/src/button-group.component.mjs +2 -2
  2. package/esm2020/lib/button/src/button.component.mjs +2 -2
  3. package/esm2020/lib/button/src/toggle-button.component.mjs +2 -2
  4. package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +2 -2
  5. package/esm2020/lib/common/focused.directive.mjs +8 -8
  6. package/esm2020/lib/menu/src/menu-trigger.directive.mjs +16 -11
  7. package/esm2020/lib/modal/src/dialog/dialog-trigger.directive.mjs +4 -7
  8. package/esm2020/lib/modal/src/modal-trigger.directive.mjs +20 -4
  9. package/esm2020/lib/modal/src/panel/panel-trigger.directive.mjs +4 -7
  10. package/esm2020/lib/radio/src/radio-group.component.mjs +2 -2
  11. package/esm2020/lib/select/src/select/select.component.mjs +5 -4
  12. package/esm2020/lib/select/src/select-button/select-button.component.mjs +2 -2
  13. package/esm2020/lib/table/src/table.component.mjs +2 -2
  14. package/esm2020/lib/text-field/src/text-field.component.mjs +2 -2
  15. package/esm2020/lib/theme/src/theme-base.directive.mjs +1 -2
  16. package/esm2020/lib/theme/src/themes.mjs +4 -4
  17. package/fesm2015/danske-sapphire-angular.mjs +66 -48
  18. package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
  19. package/fesm2020/danske-sapphire-angular.mjs +66 -49
  20. package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
  21. package/lib/common/focused.directive.d.ts +2 -2
  22. package/lib/menu/src/menu-trigger.directive.d.ts +1 -0
  23. package/lib/modal/src/modal-trigger.directive.d.ts +5 -2
  24. package/package.json +3 -3
package/esm2020/lib/button/src/button-group.component.mjs CHANGED
@@ -37,10 +37,10 @@ export class ButtonGroupComponent {
37
37
  }
38
38
  }
39
39
  ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
40
- ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical>*{width:auto!important}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--vertical.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--vertical.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
40
+ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical>*{width:auto!important}.sapphire-button-group--stretch.sapphire-button-group--vertical>*{width:auto!important}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--vertical.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--vertical.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
41
41
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
42
42
  type: Component,
43
- args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical>*{width:auto!important}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--vertical.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--vertical.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
43
+ args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical>*{width:auto!important}.sapphire-button-group--stretch.sapphire-button-group--vertical>*{width:auto!important}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-lg)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-4xs)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column;gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-button-group--vertical.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-md)}.sapphire-button-group--vertical.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
44
44
  }], propDecorators: {
45
45
  /**
46
46
  * Alignment of buttons within the group.
package/esm2020/lib/button/src/button.component.mjs CHANGED
@@ -67,7 +67,7 @@ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
67
67
  provide: ICON_SIZE_PROVIDER,
68
68
  useClass: ButtonIconSizeProvider,
69
69
  },
70
- ], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], hostDirectives: [{ directive: i2.ThemeCheckDirective }, { directive: i3.UseComponentStylesOnHost }, { directive: i4.TruncatedWithTooltipDirective }], ngImport: i0, template: "<span *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n<span class=\"sapphire-button__content\" spTruncatedWithTooltipContent>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\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", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-200);width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:1;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{align-items:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;width:100%;padding:0 var(--sapphire-semantic-size-spacing-xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-md));overflow:hidden;text-overflow:ellipsis}.sapphire-button--stretch,.sapphire-button--stretch-left-align{max-width:100%;min-width:-moz-fit-content;min-width:fit-content;flex-grow:1}.sapphire-button--stretch-left-align .sapphire-button__content{text-align:start}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-240);padding:0 var(--sapphire-semantic-size-spacing-lg);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--lg .sapphire-button__content{max-width:calc(10 * var(--sapphire-semantic-size-height-control-lg))}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-160);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{padding:0 var(--sapphire-semantic-size-spacing-2xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-sm))}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.TruncatedWithTooltipContentElementDirective, selector: "[spTruncatedWithTooltipContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
70
+ ], queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], hostDirectives: [{ directive: i2.ThemeCheckDirective }, { directive: i3.UseComponentStylesOnHost }, { directive: i4.TruncatedWithTooltipDirective }], ngImport: i0, template: "<span *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n<span class=\"sapphire-button__content\" spTruncatedWithTooltipContent>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\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", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-200);width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:1;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{align-items:center;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;width:100%;padding:0 var(--sapphire-semantic-size-spacing-xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-md));overflow:hidden;text-overflow:ellipsis}.sapphire-button--stretch,.sapphire-button--stretch-left-align{max-width:100%;min-width:-moz-fit-content;min-width:fit-content;flex-grow:1}.sapphire-button--stretch:not(:has(.sapphire-button__icon)),.sapphire-button--stretch-left-align:not(:has(.sapphire-button__icon)){padding:0 var(--sapphire-semantic-size-spacing-xs)}.sapphire-button--stretch-left-align .sapphire-button__content{text-align:start}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-240);padding:0 var(--sapphire-semantic-size-spacing-lg);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--lg .sapphire-button__content{max-width:calc(10 * var(--sapphire-semantic-size-height-control-lg))}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-160);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{padding:0 var(--sapphire-semantic-size-spacing-2xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-sm))}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.TruncatedWithTooltipContentElementDirective, selector: "[spTruncatedWithTooltipContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
71
71
  __decorate([
72
72
  CoerceBoolean
73
73
  ], ButtonComponent.prototype, "disabled", void 0);
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
90
90
  provide: ICON_SIZE_PROVIDER,
91
91
  useClass: ButtonIconSizeProvider,
92
92
  },
93
- ], standalone: false, template: "<span *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n<span class=\"sapphire-button__content\" spTruncatedWithTooltipContent>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\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", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-200);width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:1;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{align-items:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;width:100%;padding:0 var(--sapphire-semantic-size-spacing-xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-md));overflow:hidden;text-overflow:ellipsis}.sapphire-button--stretch,.sapphire-button--stretch-left-align{max-width:100%;min-width:-moz-fit-content;min-width:fit-content;flex-grow:1}.sapphire-button--stretch-left-align .sapphire-button__content{text-align:start}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-240);padding:0 var(--sapphire-semantic-size-spacing-lg);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--lg .sapphire-button__content{max-width:calc(10 * var(--sapphire-semantic-size-height-control-lg))}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-160);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{padding:0 var(--sapphire-semantic-size-spacing-2xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-sm))}\n"] }]
93
+ ], standalone: false, template: "<span *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n<span class=\"sapphire-button__content\" spTruncatedWithTooltipContent>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\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", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-200);width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:1;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{align-items:center;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;width:100%;padding:0 var(--sapphire-semantic-size-spacing-xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-md));overflow:hidden;text-overflow:ellipsis}.sapphire-button--stretch,.sapphire-button--stretch-left-align{max-width:100%;min-width:-moz-fit-content;min-width:fit-content;flex-grow:1}.sapphire-button--stretch:not(:has(.sapphire-button__icon)),.sapphire-button--stretch-left-align:not(:has(.sapphire-button__icon)){padding:0 var(--sapphire-semantic-size-spacing-xs)}.sapphire-button--stretch-left-align .sapphire-button__content{text-align:start}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-240);padding:0 var(--sapphire-semantic-size-spacing-lg);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--lg .sapphire-button__content{max-width:calc(10 * var(--sapphire-semantic-size-height-control-lg))}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-160);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{padding:0 var(--sapphire-semantic-size-spacing-2xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-sm))}\n"] }]
94
94
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TooltipDirective, decorators: [{
95
95
  type: Optional
96
96
  }, {
package/esm2020/lib/button/src/toggle-button.component.mjs CHANGED
@@ -87,7 +87,7 @@ ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
87
87
  provide: ICON_SIZE_PROVIDER,
88
88
  useClass: ToggleButtonIconSizeProvider,
89
89
  },
90
- ], 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 *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n<span class=\"sapphire-button__content\" spTruncatedWithTooltipContent>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\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", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-200);width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:1;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{align-items:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;width:100%;padding:0 var(--sapphire-semantic-size-spacing-xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-md));overflow:hidden;text-overflow:ellipsis}.sapphire-button--stretch,.sapphire-button--stretch-left-align{max-width:100%;min-width:-moz-fit-content;min-width:fit-content;flex-grow:1}.sapphire-button--stretch-left-align .sapphire-button__content{text-align:start}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-240);padding:0 var(--sapphire-semantic-size-spacing-lg);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--lg .sapphire-button__content{max-width:calc(10 * var(--sapphire-semantic-size-height-control-lg))}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-160);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{padding:0 var(--sapphire-semantic-size-spacing-2xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-sm))}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TruncatedWithTooltipContentElementDirective, selector: "[spTruncatedWithTooltipContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
90
+ ], 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 *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n<span class=\"sapphire-button__content\" spTruncatedWithTooltipContent>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\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", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-200);width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:1;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{align-items:center;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;width:100%;padding:0 var(--sapphire-semantic-size-spacing-xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-md));overflow:hidden;text-overflow:ellipsis}.sapphire-button--stretch,.sapphire-button--stretch-left-align{max-width:100%;min-width:-moz-fit-content;min-width:fit-content;flex-grow:1}.sapphire-button--stretch:not(:has(.sapphire-button__icon)),.sapphire-button--stretch-left-align:not(:has(.sapphire-button__icon)){padding:0 var(--sapphire-semantic-size-spacing-xs)}.sapphire-button--stretch-left-align .sapphire-button__content{text-align:start}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-240);padding:0 var(--sapphire-semantic-size-spacing-lg);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--lg .sapphire-button__content{max-width:calc(10 * var(--sapphire-semantic-size-height-control-lg))}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-160);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{padding:0 var(--sapphire-semantic-size-spacing-2xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-sm))}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TruncatedWithTooltipContentElementDirective, selector: "[spTruncatedWithTooltipContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
91
91
  __decorate([
92
92
  CoerceBoolean
93
93
  ], ToggleButtonComponent.prototype, "selected", void 0);
@@ -117,7 +117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
117
117
  '[class.sapphire-button--sm]': 'size === "sm"',
118
118
  '[class.sapphire-button--with-left-icon]': 'buttonIcon && iconAlign === "left"',
119
119
  '[class.sapphire-button--with-right-icon]': 'buttonIcon && iconAlign === "right"',
120
- }, hostDirectives: [UseComponentStylesOnHost], standalone: false, template: "<span *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n<span class=\"sapphire-button__content\" spTruncatedWithTooltipContent>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\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", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-200);width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:1;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{align-items:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;width:100%;padding:0 var(--sapphire-semantic-size-spacing-xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-md));overflow:hidden;text-overflow:ellipsis}.sapphire-button--stretch,.sapphire-button--stretch-left-align{max-width:100%;min-width:-moz-fit-content;min-width:fit-content;flex-grow:1}.sapphire-button--stretch-left-align .sapphire-button__content{text-align:start}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-240);padding:0 var(--sapphire-semantic-size-spacing-lg);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--lg .sapphire-button__content{max-width:calc(10 * var(--sapphire-semantic-size-height-control-lg))}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-160);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{padding:0 var(--sapphire-semantic-size-spacing-2xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-sm))}\n"] }]
120
+ }, hostDirectives: [UseComponentStylesOnHost], standalone: false, template: "<span *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n<span class=\"sapphire-button__content\" spTruncatedWithTooltipContent>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\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", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-semantic-size-spacing-md);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-200);width:-moz-fit-content;width:fit-content;max-width:100%;flex-shrink:1;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:var(--sapphire-semantic-transitions-fade);cursor:pointer}.sapphire-button__content{align-items:center;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;width:100%;padding:0 var(--sapphire-semantic-size-spacing-xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-md));overflow:hidden;text-overflow:ellipsis}.sapphire-button--stretch,.sapphire-button--stretch-left-align{max-width:100%;min-width:-moz-fit-content;min-width:fit-content;flex-grow:1}.sapphire-button--stretch:not(:has(.sapphire-button__icon)),.sapphire-button--stretch-left-align:not(:has(.sapphire-button__icon)){padding:0 var(--sapphire-semantic-size-spacing-xs)}.sapphire-button--stretch-left-align .sapphire-button__content{text-align:start}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-foreground-action-on-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-primary-active);color:var(--sapphire-semantic-color-foreground-action-on-primary-active)}.sapphire-button--secondary{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button--tertiary{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-tertiary-active)}.sapphire-button--text{color:var(--sapphire-semantic-color-foreground-action-link-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-hover)}.sapphire-button--text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--text:not(:disabled):not(.is-disabled):active,.sapphire-button--text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-link-active)}.sapphire-button--danger{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-active)}.sapphire-button--danger-secondary{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-hover)}.sapphire-button--danger-secondary.is-focus,.sapphire-button--danger-secondary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-default)}.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-secondary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-secondary-active)}.sapphire-button--danger-tertiary{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-danger-tertiary-hover);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-hover)}.sapphire-button--danger-tertiary.is-focus,.sapphire-button--danger-tertiary:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-danger-tertiary-default);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-default)}.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-danger-tertiary-active);color:var(--sapphire-semantic-color-foreground-action-on-danger-tertiary-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-foreground-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:transparent;padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{text-decoration:underline;text-decoration-thickness:var(--sapphire-semantic-size-border-sm);color:var(--sapphire-semantic-color-foreground-action-danger-active)}.sapphire-button--selected{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-select-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-select-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-select-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-select-secondary-active)}.sapphire-button--unselected{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-foreground-action-on-secondary-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-foreground-action-on-secondary-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-foreground-action-on-secondary-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-240);padding:0 var(--sapphire-semantic-size-spacing-lg);font-size:var(--sapphire-semantic-size-font-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--lg .sapphire-button__content{max-width:calc(10 * var(--sapphire-semantic-size-height-control-lg))}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-160);padding:0 var(--sapphire-semantic-size-spacing-sm);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm .sapphire-button__content{padding:0 var(--sapphire-semantic-size-spacing-2xs);max-width:calc(10 * var(--sapphire-semantic-size-height-control-sm))}\n"] }]
121
121
  }], ctorParameters: function () { return []; }, propDecorators: { size: [{
122
122
  type: Input
123
123
  }], selected: [{
package/esm2020/lib/checkbox/src/checkbox-group.component.mjs CHANGED
@@ -51,7 +51,7 @@ CheckboxGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
51
51
  provide: FieldControl,
52
52
  useExisting: forwardRef(() => CheckboxGroupComponent),
53
53
  },
54
- ], hostDirectives: [{ directive: i2.ThemeCheckDirective }], ngImport: i0, template: "<div\n class=\"sapphire-field-group\"\n role=\"group\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-lg);row-gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.Default });
54
+ ], hostDirectives: [{ directive: i2.ThemeCheckDirective }], ngImport: i0, template: "<div\n class=\"sapphire-field-group\"\n role=\"group\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-xl);row-gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.Default });
55
55
  __decorate([
56
56
  AutoId()
57
57
  ], CheckboxGroupComponent.prototype, "uniqueId", void 0);
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
64
64
  },
65
65
  ], host: {
66
66
  role: 'checkboxgroup',
67
- }, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n class=\"sapphire-field-group\"\n role=\"group\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-lg);row-gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-2xs)}\n"] }]
67
+ }, hostDirectives: [ThemeCheckDirective], standalone: false, template: "<div\n class=\"sapphire-field-group\"\n role=\"group\"\n [attr.aria-orientation]=\"orientation\"\n [attr.aria-labelledby]=\"_field?.label?.id\"\n [class.sapphire-field-group--vertical]=\"orientation === 'vertical'\"\n [class.sapphire-field-group--horizontal]=\"orientation === 'horizontal'\"\n [class.sapphire-field-group--md]=\"_field?.size === 'md'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-field-group{display:flex;flex-wrap:wrap;column-gap:var(--sapphire-semantic-size-spacing-xl);row-gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-field-group--horizontal{flex-direction:row}.sapphire-field-group--vertical{flex-direction:column}.sapphire-field-group--md{row-gap:var(--sapphire-semantic-size-spacing-xs)}\n"] }]
68
68
  }], ctorParameters: function () { return [{ type: i1.FieldComponent, decorators: [{
69
69
  type: Optional
70
70
  }] }]; }, propDecorators: { uniqueId: [], orientation: [{
package/esm2020/lib/common/focused.directive.mjs CHANGED
@@ -14,10 +14,10 @@ export class FocusedDirective {
14
14
  ? `${this.focusedClass} js-focus`
15
15
  : 'js-focus';
16
16
  }
17
- onFocusIn() {
17
+ onFocus() {
18
18
  this.hostFocused = true;
19
19
  }
20
- onFocusOut() {
20
+ onBlur() {
21
21
  this.hostFocused = false;
22
22
  }
23
23
  isFocused() {
@@ -37,7 +37,7 @@ export class FocusedDirective {
37
37
  }
38
38
  }
39
39
  FocusedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FocusedDirective, deps: [{ token: i1.InputModalityDetector }], target: i0.ɵɵFactoryTarget.Directive });
40
- FocusedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: FocusedDirective, isStandalone: true, selector: "[spFocused]", inputs: { focusedClass: ["spFocusedClass", "focusedClass"], focusedInput: ["spFocused", "focusedInput"] }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut()" }, properties: { "class": "this.className" } }, exportAs: ["spFocused"], ngImport: i0 });
40
+ FocusedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: FocusedDirective, isStandalone: true, selector: "[spFocused]", inputs: { focusedClass: ["spFocusedClass", "focusedClass"], focusedInput: ["spFocused", "focusedInput"] }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class": "this.className" } }, exportAs: ["spFocused"], ngImport: i0 });
41
41
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FocusedDirective, decorators: [{
42
42
  type: Directive,
43
43
  args: [{
@@ -54,11 +54,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
54
54
  }], className: [{
55
55
  type: HostBinding,
56
56
  args: ['class']
57
- }], onFocusIn: [{
57
+ }], onFocus: [{
58
58
  type: HostListener,
59
- args: ['focusin']
60
- }], onFocusOut: [{
59
+ args: ['focus']
60
+ }], onBlur: [{
61
61
  type: HostListener,
62
- args: ['focusout']
62
+ args: ['blur']
63
63
  }] } });
64
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9jdXNlZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbW1vbi9mb2N1c2VkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFNUU7Ozs7OztHQU1HO0FBTUgsTUFBTSxPQUFPLGdCQUFnQjtJQWdCM0IsSUFDWSxTQUFTO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDOUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksV0FBVztZQUNqQyxDQUFDLENBQUMsVUFBVSxDQUFDO0lBQ2pCLENBQUM7SUFHTyxTQUFTO1FBQ2YsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQztJQUVPLFVBQVU7UUFDaEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELFNBQVM7UUFDUCxPQUFPLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMvQyxDQUFDO0lBRUQsY0FBYztRQUNaLE9BQU8sQ0FDTCxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxrQkFBa0IsS0FBSyxVQUFVLENBQzdELENBQUM7SUFDSixDQUFDO0lBRUQsWUFBb0IscUJBQTRDO1FBQTVDLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUExQ2hFOztXQUVHO1FBRUgsaUJBQVksR0FBVyxVQUFVLENBQUM7UUFTMUIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7SUE2QjhCLENBQUM7OzZHQTNDekQsZ0JBQWdCO2lHQUFoQixnQkFBZ0I7MkZBQWhCLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFFBQVEsRUFBRSxXQUFXO2lCQUN0Qjs0R0FNQyxZQUFZO3NCQURYLEtBQUs7dUJBQUMsZ0JBQWdCO2dCQVF2QixZQUFZO3NCQURYLEtBQUs7dUJBQUMsV0FBVztnQkFNTixTQUFTO3NCQURwQixXQUFXO3VCQUFDLE9BQU87Z0JBUVosU0FBUztzQkFEaEIsWUFBWTt1QkFBQyxTQUFTO2dCQUtmLFVBQVU7c0JBRGpCLFlBQVk7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElucHV0TW9kYWxpdHlEZXRlY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBKUy1iYXNlZCA6Zm9jdXMtdmlzaWJsZSBzdGF0ZS4gQmFzZWQgb24gdGhlIGNvbnZlbnRpb24gaW4gU2FwcGhpcmUgc3R5bGVzLCBpdDpcbiAqIC0gYWRkcyBqcy1mb2N1cyBjbGFzcyB0byB0aGUgaG9zdCBlbGVtZW50XG4gKiAtIGFkZHMgaXMtZm9jdXMgY2xhc3Mgd2hlbiBgc3BGb2N1c2VkYCBpcyB0cnVlLCBhbmQgZm9jdXMgc2hvdWxkIGJlIHZpc2libGUuXG4gKiBpcy1mb2N1cyBjbGFzcyBjYW4gYmUgY3VzdG9taXplZCB2aWEgYHNwRm9jdXNlZENsYXNzYCBpbnB1dFxuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tzcEZvY3VzZWRdJyxcbiAgZXhwb3J0QXM6ICdzcEZvY3VzZWQnLFxufSlcbmV4cG9ydCBjbGFzcyBGb2N1c2VkRGlyZWN0aXZlIHtcbiAgLyoqXG4gICAqIENTUyBjbGFzcyB0byBiZSBhcHBsaWVkIHdoZW4gdGhlIGVsZW1lbnQgaXMgZm9jdXNlZCwgYW5kIGZvY3VzIHNob3VsZCBiZSB2aXNpYmxlLlxuICAgKi9cbiAgQElucHV0KCdzcEZvY3VzZWRDbGFzcycpXG4gIGZvY3VzZWRDbGFzczogc3RyaW5nID0gJ2lzLWZvY3VzJztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgZWxlbWVudCBpcyAodmlydHVhbGx5KSBmb2N1c2VkLiBJZiBub3QgcHJvdmlkZWQsIHRoZSBhY3R1YWwgZm9jdXNcbiAgICogc3RhdGUgb2YgdGhlIGhvc3QgZWxlbWVudCB3aWxsIGJlIHVzZWQgdG8gZGV0ZXJtaW5lIHRoZSBmb2N1cyBzdGF0ZS5cbiAgICovXG4gIEBJbnB1dCgnc3BGb2N1c2VkJylcbiAgZm9jdXNlZElucHV0PzogYm9vbGVhbjtcblxuICBwcml2YXRlIGhvc3RGb2N1c2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IGNsYXNzTmFtZSgpIHtcbiAgICByZXR1cm4gdGhpcy5pc0ZvY3VzZWQoKSAmJiB0aGlzLmlzRm9jdXNWaXNpYmxlKClcbiAgICAgID8gYCR7dGhpcy5mb2N1c2VkQ2xhc3N9IGpzLWZvY3VzYFxuICAgICAgOiAnanMtZm9jdXMnO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZm9jdXNpbicpXG4gIHByaXZhdGUgb25Gb2N1c0luKCkge1xuICAgIHRoaXMuaG9zdEZvY3VzZWQgPSB0cnVlO1xuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ2ZvY3Vzb3V0JylcbiAgcHJpdmF0ZSBvbkZvY3VzT3V0KCkge1xuICAgIHRoaXMuaG9zdEZvY3VzZWQgPSBmYWxzZTtcbiAgfVxuXG4gIGlzRm9jdXNlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb2N1c2VkSW5wdXQgPz8gdGhpcy5ob3N0Rm9jdXNlZDtcbiAgfVxuXG4gIGlzRm9jdXNWaXNpYmxlKCkge1xuICAgIHJldHVybiAoXG4gICAgICB0aGlzLmlzRm9jdXNlZCgpICYmXG4gICAgICB0aGlzLmlucHV0TW9kYWxpdHlEZXRlY3Rvci5tb3N0UmVjZW50TW9kYWxpdHkgPT09ICdrZXlib2FyZCdcbiAgICApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBpbnB1dE1vZGFsaXR5RGV0ZWN0b3I6IElucHV0TW9kYWxpdHlEZXRlY3Rvcikge31cbn1cbiJdfQ==
64
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9jdXNlZC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbW1vbi9mb2N1c2VkLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFNUU7Ozs7OztHQU1HO0FBTUgsTUFBTSxPQUFPLGdCQUFnQjtJQWdCM0IsSUFDWSxTQUFTO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDOUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksV0FBVztZQUNqQyxDQUFDLENBQUMsVUFBVSxDQUFDO0lBQ2pCLENBQUM7SUFHTyxPQUFPO1FBQ2IsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQztJQUVPLE1BQU07UUFDWixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBRUQsU0FBUztRQUNQLE9BQU8sSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQy9DLENBQUM7SUFFRCxjQUFjO1FBQ1osT0FBTyxDQUNMLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGtCQUFrQixLQUFLLFVBQVUsQ0FDN0QsQ0FBQztJQUNKLENBQUM7SUFFRCxZQUFvQixxQkFBNEM7UUFBNUMsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQTFDaEU7O1dBRUc7UUFFSCxpQkFBWSxHQUFXLFVBQVUsQ0FBQztRQVMxQixnQkFBVyxHQUFZLEtBQUssQ0FBQztJQTZCOEIsQ0FBQzs7NkdBM0N6RCxnQkFBZ0I7aUdBQWhCLGdCQUFnQjsyRkFBaEIsZ0JBQWdCO2tCQUw1QixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFLFdBQVc7aUJBQ3RCOzRHQU1DLFlBQVk7c0JBRFgsS0FBSzt1QkFBQyxnQkFBZ0I7Z0JBUXZCLFlBQVk7c0JBRFgsS0FBSzt1QkFBQyxXQUFXO2dCQU1OLFNBQVM7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTztnQkFRWixPQUFPO3NCQURkLFlBQVk7dUJBQUMsT0FBTztnQkFLYixNQUFNO3NCQURiLFlBQVk7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElucHV0TW9kYWxpdHlEZXRlY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBKUy1iYXNlZCA6Zm9jdXMtdmlzaWJsZSBzdGF0ZS4gQmFzZWQgb24gdGhlIGNvbnZlbnRpb24gaW4gU2FwcGhpcmUgc3R5bGVzLCBpdDpcbiAqIC0gYWRkcyBqcy1mb2N1cyBjbGFzcyB0byB0aGUgaG9zdCBlbGVtZW50XG4gKiAtIGFkZHMgaXMtZm9jdXMgY2xhc3Mgd2hlbiBgc3BGb2N1c2VkYCBpcyB0cnVlLCBhbmQgZm9jdXMgc2hvdWxkIGJlIHZpc2libGUuXG4gKiBpcy1mb2N1cyBjbGFzcyBjYW4gYmUgY3VzdG9taXplZCB2aWEgYHNwRm9jdXNlZENsYXNzYCBpbnB1dFxuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tzcEZvY3VzZWRdJyxcbiAgZXhwb3J0QXM6ICdzcEZvY3VzZWQnLFxufSlcbmV4cG9ydCBjbGFzcyBGb2N1c2VkRGlyZWN0aXZlIHtcbiAgLyoqXG4gICAqIENTUyBjbGFzcyB0byBiZSBhcHBsaWVkIHdoZW4gdGhlIGVsZW1lbnQgaXMgZm9jdXNlZCwgYW5kIGZvY3VzIHNob3VsZCBiZSB2aXNpYmxlLlxuICAgKi9cbiAgQElucHV0KCdzcEZvY3VzZWRDbGFzcycpXG4gIGZvY3VzZWRDbGFzczogc3RyaW5nID0gJ2lzLWZvY3VzJztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgZWxlbWVudCBpcyAodmlydHVhbGx5KSBmb2N1c2VkLiBJZiBub3QgcHJvdmlkZWQsIHRoZSBhY3R1YWwgZm9jdXNcbiAgICogc3RhdGUgb2YgdGhlIGhvc3QgZWxlbWVudCB3aWxsIGJlIHVzZWQgdG8gZGV0ZXJtaW5lIHRoZSBmb2N1cyBzdGF0ZS5cbiAgICovXG4gIEBJbnB1dCgnc3BGb2N1c2VkJylcbiAgZm9jdXNlZElucHV0PzogYm9vbGVhbjtcblxuICBwcml2YXRlIGhvc3RGb2N1c2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IGNsYXNzTmFtZSgpIHtcbiAgICByZXR1cm4gdGhpcy5pc0ZvY3VzZWQoKSAmJiB0aGlzLmlzRm9jdXNWaXNpYmxlKClcbiAgICAgID8gYCR7dGhpcy5mb2N1c2VkQ2xhc3N9IGpzLWZvY3VzYFxuICAgICAgOiAnanMtZm9jdXMnO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZm9jdXMnKVxuICBwcml2YXRlIG9uRm9jdXMoKSB7XG4gICAgdGhpcy5ob3N0Rm9jdXNlZCA9IHRydWU7XG4gIH1cbiAgQEhvc3RMaXN0ZW5lcignYmx1cicpXG4gIHByaXZhdGUgb25CbHVyKCkge1xuICAgIHRoaXMuaG9zdEZvY3VzZWQgPSBmYWxzZTtcbiAgfVxuXG4gIGlzRm9jdXNlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb2N1c2VkSW5wdXQgPz8gdGhpcy5ob3N0Rm9jdXNlZDtcbiAgfVxuXG4gIGlzRm9jdXNWaXNpYmxlKCkge1xuICAgIHJldHVybiAoXG4gICAgICB0aGlzLmlzRm9jdXNlZCgpICYmXG4gICAgICB0aGlzLmlucHV0TW9kYWxpdHlEZXRlY3Rvci5tb3N0UmVjZW50TW9kYWxpdHkgPT09ICdrZXlib2FyZCdcbiAgICApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBpbnB1dE1vZGFsaXR5RGV0ZWN0b3I6IElucHV0TW9kYWxpdHlEZXRlY3Rvcikge31cbn1cbiJdfQ==
package/esm2020/lib/menu/src/menu-trigger.directive.mjs CHANGED
@@ -1,8 +1,5 @@
1
1
  import { CdkMenuTrigger } from '@angular/cdk/menu';
2
- import {
3
- // eslint-disable-next-line sapphire-angular/cdk-overlay
4
- Overlay, } from '@angular/cdk/overlay';
5
- import { Directive, HostListener, Input } from '@angular/core';
2
+ import { Directive, HostListener, inject, Input } from '@angular/core';
6
3
  import { SapphireOverlay } from '../../theme/src/sapphire-overlay.service';
7
4
  import { flip, toConnectedPosition, } from '../../common/placement';
8
5
  import * as i0 from "@angular/core";
@@ -10,6 +7,7 @@ import * as i1 from "@angular/cdk/menu";
10
7
  export class MenuTriggerDirective {
11
8
  constructor(menuTrigger) {
12
9
  this.menuTrigger = menuTrigger;
10
+ this.sapphireOverlay = inject(SapphireOverlay);
13
11
  /**
14
12
  * Horizontal alignment of the menu and the trigger.
15
13
  */
@@ -68,16 +66,15 @@ export class MenuTriggerDirective {
68
66
  patchMenuTrigger(menuTrigger, getPlacement) {
69
67
  // @ts-expect-error accessing private method
70
68
  const originalGetOverlayConfig = menuTrigger._getOverlayConfig;
69
+ const overlay = this.sapphireOverlay;
71
70
  // @ts-expect-error accessing private method
72
71
  menuTrigger._getOverlayConfig = function () {
73
- // @ts-expect-error accessing private method
74
- const overlay = this._overlay;
75
72
  return {
76
73
  // eslint-disable-next-line prefer-rest-params
77
74
  ...originalGetOverlayConfig.call(this, arguments),
78
75
  hasBackdrop: true,
79
76
  backdropClass: 'sapphire-menu-backdrop',
80
- scrollStrategy: overlay?.scrollStrategies.block(),
77
+ scrollStrategy: overlay?.scrollStrategies.block(), // TODO: remove and provide MENU_SCROLL_STRATEGY instead when minimum angular cdk peer dependency version is >=17.3.8
81
78
  };
82
79
  };
83
80
  // @ts-expect-error accessing private method
@@ -116,6 +113,11 @@ export class MenuTriggerDirective {
116
113
  // @ts-expect-error accessing private method
117
114
  menuTrigger._getOverlayPositionStrategy());
118
115
  originalOpen.call(menuTrigger);
116
+ // @ts-expect-error accessing private method
117
+ const overlayRef = menuTrigger.overlayRef;
118
+ if (overlayRef) {
119
+ this.sapphireOverlay.applyTheme(overlayRef);
120
+ }
119
121
  };
120
122
  }
121
123
  getPlacementValue() {
@@ -123,7 +125,9 @@ export class MenuTriggerDirective {
123
125
  }
124
126
  }
125
127
  MenuTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuTriggerDirective, deps: [{ token: i1.CdkMenuTrigger }], target: i0.ɵɵFactoryTarget.Directive });
126
- MenuTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: MenuTriggerDirective, selector: "[spMenuTriggerFor]", inputs: { align: ["spMenuTriggerAlign", "align"], direction: ["spMenuTriggerDirection", "direction"] }, host: { listeners: { "keydown.space": "handleSpace()", "keydown.escape": "handleEscape()" }, properties: { "class.is-active": "isOpen()" } }, providers: [{ provide: Overlay, useClass: SapphireOverlay }], exportAs: ["spMenuTrigger"], hostDirectives: [{ directive: i1.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "spMenuTriggerFor"], outputs: ["cdkMenuOpened", "spMenuOpened", "cdkMenuClosed", "spMenuClosed"] }], ngImport: i0 });
128
+ MenuTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: MenuTriggerDirective, selector: "[spMenuTriggerFor]", inputs: { align: ["spMenuTriggerAlign", "align"], direction: ["spMenuTriggerDirection", "direction"] }, host: { listeners: { "keydown.space": "handleSpace()", "keydown.escape": "handleEscape()" }, properties: { "class.is-active": "isOpen()" } }, providers: [
129
+ SapphireOverlay, // providing it here to use the current theme.
130
+ ], exportAs: ["spMenuTrigger"], hostDirectives: [{ directive: i1.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "spMenuTriggerFor"], outputs: ["cdkMenuOpened", "spMenuOpened", "cdkMenuClosed", "spMenuClosed"] }], ngImport: i0 });
127
131
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuTriggerDirective, decorators: [{
128
132
  type: Directive,
129
133
  args: [{
@@ -135,8 +139,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
135
139
  outputs: ['cdkMenuOpened: spMenuOpened', 'cdkMenuClosed: spMenuClosed'],
136
140
  },
137
141
  ],
138
- // CdkMenuTrigger uses Overlay directly
139
- providers: [{ provide: Overlay, useClass: SapphireOverlay }],
142
+ providers: [
143
+ SapphireOverlay, // providing it here to use the current theme.
144
+ ],
140
145
  exportAs: 'spMenuTrigger',
141
146
  host: {
142
147
  '[class.is-active]': 'isOpen()',
@@ -156,4 +161,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
156
161
  type: HostListener,
157
162
  args: ['keydown.escape']
158
163
  }] } });
159
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10cmlnZ2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS9zcmMvbWVudS10cmlnZ2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTztBQUVMLHdEQUF3RDtBQUN4RCxPQUFPLEdBRVIsTUFBTSxzQkFBc0IsQ0FBQztBQUM5QixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzNFLE9BQU8sRUFDTCxJQUFJLEVBR0osbUJBQW1CLEdBRXBCLE1BQU0sd0JBQXdCLENBQUM7OztBQW1CaEMsTUFBTSxPQUFPLG9CQUFvQjtJQVcvQixZQUFvQixXQUEyQjtRQUEzQixnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7UUFWL0M7O1dBRUc7UUFDMEIsVUFBSyxHQUF3QixPQUFPLENBQUM7UUFFbEU7O1dBRUc7UUFDOEIsY0FBUyxHQUFzQixRQUFRLENBQUM7SUFFdkIsQ0FBQztJQUVuRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEdBQUc7WUFDOUI7Z0JBQ0UsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLE9BQU8sRUFBRSxRQUFRO2dCQUNqQixRQUFRLEVBQUUsT0FBTztnQkFDakIsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsT0FBTyxFQUFFLENBQUM7YUFDWDtZQUNEO2dCQUNFLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixPQUFPLEVBQUUsS0FBSztnQkFDZCxRQUFRLEVBQUUsT0FBTztnQkFDakIsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLENBQUM7YUFDWjtTQUNGLENBQUM7UUFDRixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDN0UsQ0FBQztJQUVELEtBQUs7UUFDSCxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQUk7UUFDRixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELE9BQU87UUFDTCxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUVELGtIQUFrSDtJQUUxRyxXQUFXO1FBQ2pCLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUdPLFlBQVk7UUFDbEIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2YsQ0FBQztJQUVEOzs7O09BSUc7SUFDSyxnQkFBZ0IsQ0FDdEIsV0FBMkIsRUFDM0IsWUFBNkI7UUFFN0IsNENBQTRDO1FBQzVDLE1BQU0sd0JBQXdCLEdBQUcsV0FBVyxDQUFDLGlCQUFpQixDQUFDO1FBQy9ELDRDQUE0QztRQUM1QyxXQUFXLENBQUMsaUJBQWlCLEdBQUc7WUFDOUIsNENBQTRDO1lBQzVDLE1BQU0sT0FBTyxHQUFZLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDdkMsT0FBTztnQkFDTCw4Q0FBOEM7Z0JBQzlDLEdBQUcsd0JBQXdCLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxTQUFTLENBQUM7Z0JBQ2pELFdBQVcsRUFBRSxJQUFJO2dCQUNqQixhQUFhLEVBQUUsd0JBQXdCO2dCQUN2QyxjQUFjLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixDQUFDLEtBQUssRUFBRTthQUNsRCxDQUFDO1FBQ0osQ0FBQyxDQUFDO1FBRUYsNENBQTRDO1FBQzVDLFdBQVcsQ0FBQyxvQkFBb0IsR0FBRztZQUNqQyxNQUFNLFNBQVMsR0FBYyxZQUFZLEVBQUUsSUFBSSxjQUFjLENBQUM7WUFFOUQsT0FBTztnQkFDTCxtQkFBbUIsQ0FBQyxTQUFTLENBQUM7Z0JBQzlCLG1CQUFtQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUNyQyxDQUFDO1FBQ0osQ0FBQyxDQUFDO1FBRUYsTUFBTSxtQ0FBbUM7UUFDdkMsNENBQTRDO1FBQzVDLFdBQVcsQ0FBQywyQkFBMkIsQ0FBQztRQUMxQyw0Q0FBNEM7UUFDNUMsV0FBVyxDQUFDLDJCQUEyQjtZQUNyQztnQkFDRSxNQUFNLE1BQU0sR0FBRyxtQ0FBbUMsQ0FBQyxJQUFJLENBQ3JELElBQUk7Z0JBQ0osOENBQThDO2dCQUM5QyxTQUFTLENBQzJCLENBQUM7Z0JBRXZDOzs7Ozs7OzttQkFRRztnQkFDSCxNQUFNLFNBQVMsR0FBYyxZQUFZLEVBQUUsQ0FBQztnQkFDNUMsT0FBTyxNQUFNLENBQUMsa0JBQWtCLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN0RSxDQUFDLENBQUM7UUFFSixNQUFNLFlBQVksR0FBRyxXQUFXLENBQUMsSUFBSSxDQUFDO1FBQ3RDLFdBQVcsQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFO1lBQ3RCLDRDQUE0QztZQUM1QyxXQUFXLENBQUMsVUFBVSxFQUFFLHNCQUFzQjtZQUM1Qyw0Q0FBNEM7WUFDNUMsV0FBVyxDQUFDLDJCQUEyQixFQUFFLENBQzFDLENBQUM7WUFDRixZQUFZLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2pDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFTyxpQkFBaUI7UUFDdkIsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNDLENBQUM7O2lIQXhJVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtU0FQcEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxDQUFDOzJGQU9qRCxvQkFBb0I7a0JBakJoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLGNBQWMsRUFBRTt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsY0FBYzs0QkFDekIsTUFBTSxFQUFFLENBQUMscUNBQXFDLENBQUM7NEJBQy9DLE9BQU8sRUFBRSxDQUFDLDZCQUE2QixFQUFFLDZCQUE2QixDQUFDO3lCQUN4RTtxQkFDRjtvQkFDRCx1Q0FBdUM7b0JBQ3ZDLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFLENBQUM7b0JBQzVELFFBQVEsRUFBRSxlQUFlO29CQUN6QixJQUFJLEVBQUU7d0JBQ0osbUJBQW1CLEVBQUUsVUFBVTtxQkFDaEM7b0JBQ0QsVUFBVSxFQUFFLEtBQUs7aUJBQ2xCO3FHQUs4QixLQUFLO3NCQUFqQyxLQUFLO3VCQUFDLG9CQUFvQjtnQkFLTSxTQUFTO3NCQUF6QyxLQUFLO3VCQUFDLHdCQUF3QjtnQkE4Q3ZCLFdBQVc7c0JBRGxCLFlBQVk7dUJBQUMsZUFBZTtnQkFNckIsWUFBWTtzQkFEbkIsWUFBWTt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtNZW51VHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9tZW51JztcbmltcG9ydCB7XG4gIEZsZXhpYmxlQ29ubmVjdGVkUG9zaXRpb25TdHJhdGVneSxcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHNhcHBoaXJlLWFuZ3VsYXIvY2RrLW92ZXJsYXlcbiAgT3ZlcmxheSxcbiAgT3ZlcmxheUNvbmZpZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNhcHBoaXJlT3ZlcmxheSB9IGZyb20gJy4uLy4uL3RoZW1lL3NyYy9zYXBwaGlyZS1vdmVybGF5LnNlcnZpY2UnO1xuaW1wb3J0IHtcbiAgZmxpcCxcbiAgSG9yaXpvbnRhbFBsYWNlbWVudCxcbiAgUGxhY2VtZW50LFxuICB0b0Nvbm5lY3RlZFBvc2l0aW9uLFxuICBWZXJ0aWNhbFBsYWNlbWVudCxcbn0gZnJvbSAnLi4vLi4vY29tbW9uL3BsYWNlbWVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcE1lbnVUcmlnZ2VyRm9yXScsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBDZGtNZW51VHJpZ2dlcixcbiAgICAgIGlucHV0czogWydjZGtNZW51VHJpZ2dlckZvcjogc3BNZW51VHJpZ2dlckZvciddLFxuICAgICAgb3V0cHV0czogWydjZGtNZW51T3BlbmVkOiBzcE1lbnVPcGVuZWQnLCAnY2RrTWVudUNsb3NlZDogc3BNZW51Q2xvc2VkJ10sXG4gICAgfSxcbiAgXSxcbiAgLy8gQ2RrTWVudVRyaWdnZXIgdXNlcyBPdmVybGF5IGRpcmVjdGx5XG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogT3ZlcmxheSwgdXNlQ2xhc3M6IFNhcHBoaXJlT3ZlcmxheSB9XSxcbiAgZXhwb3J0QXM6ICdzcE1lbnVUcmlnZ2VyJyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuaXMtYWN0aXZlXSc6ICdpc09wZW4oKScsXG4gIH0sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBNZW51VHJpZ2dlckRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBIb3Jpem9udGFsIGFsaWdubWVudCBvZiB0aGUgbWVudSBhbmQgdGhlIHRyaWdnZXIuXG4gICAqL1xuICBASW5wdXQoJ3NwTWVudVRyaWdnZXJBbGlnbicpIGFsaWduOiBIb3Jpem9udGFsUGxhY2VtZW50ID0gJ3N0YXJ0JztcblxuICAvKipcbiAgICogVmVydGljYWwgZGlyZWN0aW9uIGluIHdoaWNoIHRoZSBtZW51IG9wZW5zLCByZWxhdGl2ZSB0byB0aGUgdHJpZ2dlci5cbiAgICovXG4gIEBJbnB1dCgnc3BNZW51VHJpZ2dlckRpcmVjdGlvbicpIGRpcmVjdGlvbjogVmVydGljYWxQbGFjZW1lbnQgPSAnYm90dG9tJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1lbnVUcmlnZ2VyOiBDZGtNZW51VHJpZ2dlcikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm1lbnVUcmlnZ2VyLm1lbnVQb3NpdGlvbiA9IFtcbiAgICAgIHtcbiAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXG4gICAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxuICAgICAgICBvdmVybGF5WTogJ3RvcCcsXG4gICAgICAgIG9mZnNldFk6IDYsXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBvcmlnaW5YOiAnc3RhcnQnLFxuICAgICAgICBvcmlnaW5ZOiAndG9wJyxcbiAgICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXG4gICAgICAgIG92ZXJsYXlZOiAnYm90dG9tJyxcbiAgICAgICAgb2Zmc2V0WTogLTYsXG4gICAgICB9LFxuICAgIF07XG4gICAgdGhpcy5wYXRjaE1lbnVUcmlnZ2VyKHRoaXMubWVudVRyaWdnZXIsIHRoaXMuZ2V0UGxhY2VtZW50VmFsdWUuYmluZCh0aGlzKSk7XG4gIH1cblxuICBjbG9zZSgpIHtcbiAgICByZXR1cm4gdGhpcy5tZW51VHJpZ2dlci5jbG9zZSgpO1xuICB9XG5cbiAgb3BlbigpIHtcbiAgICByZXR1cm4gdGhpcy5tZW51VHJpZ2dlci5vcGVuKCk7XG4gIH1cblxuICB0b2dnbGUoKSB7XG4gICAgcmV0dXJuIHRoaXMubWVudVRyaWdnZXIudG9nZ2xlKCk7XG4gIH1cblxuICBnZXRNZW51KCkge1xuICAgIHJldHVybiB0aGlzLm1lbnVUcmlnZ2VyLmdldE1lbnUoKTtcbiAgfVxuXG4gIGlzT3BlbigpIHtcbiAgICByZXR1cm4gdGhpcy5tZW51VHJpZ2dlci5pc09wZW4oKTtcbiAgfVxuXG4gIC8vIFByZXZlbnRpbmcgZGVmYXVsdCBiZWhhdmlvciBvZiBwYWdlIGJlaW5nIHNjcm9sbGVkIHdoZW4geW91IHByZXNzIHNwYWNlIHdoZW4geW91IHVzZSBpdCB0byBhY3RpdmF0ZSB0aGUgdHJpZ2dlclxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLnNwYWNlJylcbiAgcHJpdmF0ZSBoYW5kbGVTcGFjZSgpIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLmVzY2FwZScpXG4gIHByaXZhdGUgaGFuZGxlRXNjYXBlKCkge1xuICAgIHRoaXMuY2xvc2UoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBgQ2RrTWVudVRyaWdnZXJgIGNvbnRyb2xzIG92ZXJsYXkgY3JlYXRpb24sIGFuZCBkb2Vzbid0IGFsbG93IGN1c3RvbWl6aW5nIG92ZXJsYXkgY29uZmlnLlxuICAgKiBXZSBuZWVkIHRvIHBhdGNoIGl0IGxpa2UgdGhpcyB0byBtYWtlIHRoZSBtZW51IG1vZGFsLCBsaWtlIG90aGVyIHBvcG92ZXJzLiBJdCdzIHVuc2FmZSwgYXMgaXRcbiAgICogcmVsaWVzIG9uIHByaXZhdGUgQVBJLCBzbyB3ZSBoYXZlIHRvIGNvdmVyIHRoZSBleHBlY3RlZCByZXN1bHQgYnkgdGVzdHMuXG4gICAqL1xuICBwcml2YXRlIHBhdGNoTWVudVRyaWdnZXIoXG4gICAgbWVudVRyaWdnZXI6IENka01lbnVUcmlnZ2VyLFxuICAgIGdldFBsYWNlbWVudDogKCkgPT4gUGxhY2VtZW50XG4gICkge1xuICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgYWNjZXNzaW5nIHByaXZhdGUgbWV0aG9kXG4gICAgY29uc3Qgb3JpZ2luYWxHZXRPdmVybGF5Q29uZmlnID0gbWVudVRyaWdnZXIuX2dldE92ZXJsYXlDb25maWc7XG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvciBhY2Nlc3NpbmcgcHJpdmF0ZSBtZXRob2RcbiAgICBtZW51VHJpZ2dlci5fZ2V0T3ZlcmxheUNvbmZpZyA9IGZ1bmN0aW9uICgpOiBPdmVybGF5Q29uZmlnIHtcbiAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgYWNjZXNzaW5nIHByaXZhdGUgbWV0aG9kXG4gICAgICBjb25zdCBvdmVybGF5OiBPdmVybGF5ID0gdGhpcy5fb3ZlcmxheTtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBwcmVmZXItcmVzdC1wYXJhbXNcbiAgICAgICAgLi4ub3JpZ2luYWxHZXRPdmVybGF5Q29uZmlnLmNhbGwodGhpcywgYXJndW1lbnRzKSxcbiAgICAgICAgaGFzQmFja2Ryb3A6IHRydWUsXG4gICAgICAgIGJhY2tkcm9wQ2xhc3M6ICdzYXBwaGlyZS1tZW51LWJhY2tkcm9wJyxcbiAgICAgICAgc2Nyb2xsU3RyYXRlZ3k6IG92ZXJsYXk/LnNjcm9sbFN0cmF0ZWdpZXMuYmxvY2soKSxcbiAgICAgIH07XG4gICAgfTtcblxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgYWNjZXNzaW5nIHByaXZhdGUgbWV0aG9kXG4gICAgbWVudVRyaWdnZXIuX2dldE92ZXJsYXlQb3NpdGlvbnMgPSBmdW5jdGlvbiAoKSB7XG4gICAgICBjb25zdCBwbGFjZW1lbnQ6IFBsYWNlbWVudCA9IGdldFBsYWNlbWVudCgpIHx8ICdib3R0b20gc3RhcnQnO1xuXG4gICAgICByZXR1cm4gW1xuICAgICAgICB0b0Nvbm5lY3RlZFBvc2l0aW9uKHBsYWNlbWVudCksXG4gICAgICAgIHRvQ29ubmVjdGVkUG9zaXRpb24oZmxpcChwbGFjZW1lbnQpKSxcbiAgICAgIF07XG4gICAgfTtcblxuICAgIGNvbnN0IG9yaWdpbmFsX2dldE92ZXJsYXlQb3NpdGlvblN0cmF0ZWd5ID1cbiAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgYWNjZXNzaW5nIHByaXZhdGUgbWV0aG9kXG4gICAgICBtZW51VHJpZ2dlci5fZ2V0T3ZlcmxheVBvc2l0aW9uU3RyYXRlZ3k7XG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvciBhY2Nlc3NpbmcgcHJpdmF0ZSBtZXRob2RcbiAgICBtZW51VHJpZ2dlci5fZ2V0T3ZlcmxheVBvc2l0aW9uU3RyYXRlZ3kgPVxuICAgICAgZnVuY3Rpb24gKCk6IEZsZXhpYmxlQ29ubmVjdGVkUG9zaXRpb25TdHJhdGVneSB7XG4gICAgICAgIGNvbnN0IHJlc3VsdCA9IG9yaWdpbmFsX2dldE92ZXJsYXlQb3NpdGlvblN0cmF0ZWd5LmNhbGwoXG4gICAgICAgICAgdGhpcyxcbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcHJlZmVyLXJlc3QtcGFyYW1zXG4gICAgICAgICAgYXJndW1lbnRzXG4gICAgICAgICkgYXMgRmxleGlibGVDb25uZWN0ZWRQb3NpdGlvblN0cmF0ZWd5O1xuXG4gICAgICAgIC8qKlxuICAgICAgICAgKiBUd28gcmVhc29ucyBmb3Igdmlld3BvcnQgbWFyZ2luOlxuICAgICAgICAgKiAtIExvb2tzIHVnbHkgd2l0aCB6ZXJvIG1hcmdpblxuICAgICAgICAgKiAtIEZvciBzb21lIHJlYXNvbiwgd2l0aCB6ZXJvIG1hcmdpbiwgbWVudSBpdGVtIHRleHQgbWF5IHVubmVjZXNzYXJpbHlcbiAgICAgICAgICogICB3cmFwLCBpZiBtZW51IHRyaWdnZXIgaXMgcmVuZGVyZWQgY2xvc2UgdG8gdGhlIHJpZ2h0IGVkZ2Ugb2YgdGhlXG4gICAgICAgICAqICAgdmlld3BvcnQuXG4gICAgICAgICAqIC0gSWYgbWVudSBwb3BvdmVyIGlzICdlbmQnIGFsaWduZWQsIGl0J3MgZm9yIHNvbWUgcmVhc29uIHB1c2hlZCB0byB0aGUgcmlnaHRcbiAgICAgICAgICogICBhcyBpZiBpdCB3ZXJlIGNsb3NlIHRvIHRoZSBsZWZ0IGVkZ2UuIFRodXMgYXZvaWRpbmcgbWFyZ2luIGluIHRob3NlIGNhc2VzLlxuICAgICAgICAgKi9cbiAgICAgICAgY29uc3QgcGxhY2VtZW50OiBQbGFjZW1lbnQgPSBnZXRQbGFjZW1lbnQoKTtcbiAgICAgICAgcmV0dXJuIHJlc3VsdC53aXRoVmlld3BvcnRNYXJnaW4ocGxhY2VtZW50LmluY2x1ZGVzKCdlbmQnKSA/IDAgOiA2KTtcbiAgICAgIH07XG5cbiAgICBjb25zdCBvcmlnaW5hbE9wZW4gPSBtZW51VHJpZ2dlci5vcGVuO1xuICAgIG1lbnVUcmlnZ2VyLm9wZW4gPSAoKSA9PiB7XG4gICAgICAvLyBAdHMtZXhwZWN0LWVycm9yIGFjY2Vzc2luZyBwcml2YXRlIG1ldGhvZFxuICAgICAgbWVudVRyaWdnZXIub3ZlcmxheVJlZj8udXBkYXRlUG9zaXRpb25TdHJhdGVneShcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvciBhY2Nlc3NpbmcgcHJpdmF0ZSBtZXRob2RcbiAgICAgICAgbWVudVRyaWdnZXIuX2dldE92ZXJsYXlQb3NpdGlvblN0cmF0ZWd5KClcbiAgICAgICk7XG4gICAgICBvcmlnaW5hbE9wZW4uY2FsbChtZW51VHJpZ2dlcik7XG4gICAgfTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0UGxhY2VtZW50VmFsdWUoKTogUGxhY2VtZW50IHtcbiAgICByZXR1cm4gYCR7dGhpcy5kaXJlY3Rpb259ICR7dGhpcy5hbGlnbn1gO1xuICB9XG59XG4iXX0=
164
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10cmlnZ2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbWVudS9zcmMvbWVudS10cmlnZ2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFPbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUNMLElBQUksRUFHSixtQkFBbUIsR0FFcEIsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBb0JoQyxNQUFNLE9BQU8sb0JBQW9CO0lBWS9CLFlBQW9CLFdBQTJCO1FBQTNCLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQVh2QyxvQkFBZSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNsRDs7V0FFRztRQUMwQixVQUFLLEdBQXdCLE9BQU8sQ0FBQztRQUVsRTs7V0FFRztRQUM4QixjQUFTLEdBQXNCLFFBQVEsQ0FBQztJQUV2QixDQUFDO0lBRW5ELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksR0FBRztZQUM5QjtnQkFDRSxPQUFPLEVBQUUsT0FBTztnQkFDaEIsT0FBTyxFQUFFLFFBQVE7Z0JBQ2pCLFFBQVEsRUFBRSxPQUFPO2dCQUNqQixRQUFRLEVBQUUsS0FBSztnQkFDZixPQUFPLEVBQUUsQ0FBQzthQUNYO1lBQ0Q7Z0JBQ0UsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLE9BQU8sRUFBRSxLQUFLO2dCQUNkLFFBQVEsRUFBRSxPQUFPO2dCQUNqQixRQUFRLEVBQUUsUUFBUTtnQkFDbEIsT0FBTyxFQUFFLENBQUMsQ0FBQzthQUNaO1NBQ0YsQ0FBQztRQUNGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsS0FBSztRQUNILE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBSTtRQUNGLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsTUFBTTtRQUNKLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsT0FBTztRQUNMLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQsTUFBTTtRQUNKLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsa0hBQWtIO0lBRTFHLFdBQVc7UUFDakIsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBR08sWUFBWTtRQUNsQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNLLGdCQUFnQixDQUN0QixXQUEyQixFQUMzQixZQUE2QjtRQUU3Qiw0Q0FBNEM7UUFDNUMsTUFBTSx3QkFBd0IsR0FBRyxXQUFXLENBQUMsaUJBQWlCLENBQUM7UUFDL0QsTUFBTSxPQUFPLEdBQVksSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM5Qyw0Q0FBNEM7UUFDNUMsV0FBVyxDQUFDLGlCQUFpQixHQUFHO1lBQzlCLE9BQU87Z0JBQ0wsOENBQThDO2dCQUM5QyxHQUFHLHdCQUF3QixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsU0FBUyxDQUFDO2dCQUNqRCxXQUFXLEVBQUUsSUFBSTtnQkFDakIsYUFBYSxFQUFFLHdCQUF3QjtnQkFDdkMsY0FBYyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsRUFBRSxxSEFBcUg7YUFDekssQ0FBQztRQUNKLENBQUMsQ0FBQztRQUVGLDRDQUE0QztRQUM1QyxXQUFXLENBQUMsb0JBQW9CLEdBQUc7WUFDakMsTUFBTSxTQUFTLEdBQWMsWUFBWSxFQUFFLElBQUksY0FBYyxDQUFDO1lBRTlELE9BQU87Z0JBQ0wsbUJBQW1CLENBQUMsU0FBUyxDQUFDO2dCQUM5QixtQkFBbUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7YUFDckMsQ0FBQztRQUNKLENBQUMsQ0FBQztRQUVGLE1BQU0sbUNBQW1DO1FBQ3ZDLDRDQUE0QztRQUM1QyxXQUFXLENBQUMsMkJBQTJCLENBQUM7UUFDMUMsNENBQTRDO1FBQzVDLFdBQVcsQ0FBQywyQkFBMkI7WUFDckM7Z0JBQ0UsTUFBTSxNQUFNLEdBQUcsbUNBQW1DLENBQUMsSUFBSSxDQUNyRCxJQUFJO2dCQUNKLDhDQUE4QztnQkFDOUMsU0FBUyxDQUMyQixDQUFDO2dCQUV2Qzs7Ozs7Ozs7bUJBUUc7Z0JBQ0gsTUFBTSxTQUFTLEdBQWMsWUFBWSxFQUFFLENBQUM7Z0JBQzVDLE9BQU8sTUFBTSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDdEUsQ0FBQyxDQUFDO1FBRUosTUFBTSxZQUFZLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQztRQUN0QyxXQUFXLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRTtZQUN0Qiw0Q0FBNEM7WUFDNUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxzQkFBc0I7WUFDNUMsNENBQTRDO1lBQzVDLFdBQVcsQ0FBQywyQkFBMkIsRUFBRSxDQUMxQyxDQUFDO1lBQ0YsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUMvQiw0Q0FBNEM7WUFDNUMsTUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLFVBQVUsQ0FBQztZQUMxQyxJQUFJLFVBQVUsRUFBRTtnQkFDZCxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUM3QztRQUNILENBQUMsQ0FBQztJQUNKLENBQUM7SUFFTyxpQkFBaUI7UUFDdkIsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNDLENBQUM7O2lIQTdJVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtU0FUcEI7UUFDVCxlQUFlLEVBQUUsOENBQThDO0tBQ2hFOzJGQU9VLG9CQUFvQjtrQkFsQmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsY0FBYyxFQUFFO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxjQUFjOzRCQUN6QixNQUFNLEVBQUUsQ0FBQyxxQ0FBcUMsQ0FBQzs0QkFDL0MsT0FBTyxFQUFFLENBQUMsNkJBQTZCLEVBQUUsNkJBQTZCLENBQUM7eUJBQ3hFO3FCQUNGO29CQUNELFNBQVMsRUFBRTt3QkFDVCxlQUFlLEVBQUUsOENBQThDO3FCQUNoRTtvQkFDRCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsSUFBSSxFQUFFO3dCQUNKLG1CQUFtQixFQUFFLFVBQVU7cUJBQ2hDO29CQUNELFVBQVUsRUFBRSxLQUFLO2lCQUNsQjtxR0FNOEIsS0FBSztzQkFBakMsS0FBSzt1QkFBQyxvQkFBb0I7Z0JBS00sU0FBUztzQkFBekMsS0FBSzt1QkFBQyx3QkFBd0I7Z0JBOEN2QixXQUFXO3NCQURsQixZQUFZO3VCQUFDLGVBQWU7Z0JBTXJCLFlBQVk7c0JBRG5CLFlBQVk7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrTWVudVRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbWVudSc7XG5pbXBvcnQge1xuICBGbGV4aWJsZUNvbm5lY3RlZFBvc2l0aW9uU3RyYXRlZ3ksXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBzYXBwaGlyZS1hbmd1bGFyL2Nkay1vdmVybGF5XG4gIE92ZXJsYXksXG4gIE92ZXJsYXlDb25maWcsXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBpbmplY3QsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNhcHBoaXJlT3ZlcmxheSB9IGZyb20gJy4uLy4uL3RoZW1lL3NyYy9zYXBwaGlyZS1vdmVybGF5LnNlcnZpY2UnO1xuaW1wb3J0IHtcbiAgZmxpcCxcbiAgSG9yaXpvbnRhbFBsYWNlbWVudCxcbiAgUGxhY2VtZW50LFxuICB0b0Nvbm5lY3RlZFBvc2l0aW9uLFxuICBWZXJ0aWNhbFBsYWNlbWVudCxcbn0gZnJvbSAnLi4vLi4vY29tbW9uL3BsYWNlbWVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcE1lbnVUcmlnZ2VyRm9yXScsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBDZGtNZW51VHJpZ2dlcixcbiAgICAgIGlucHV0czogWydjZGtNZW51VHJpZ2dlckZvcjogc3BNZW51VHJpZ2dlckZvciddLFxuICAgICAgb3V0cHV0czogWydjZGtNZW51T3BlbmVkOiBzcE1lbnVPcGVuZWQnLCAnY2RrTWVudUNsb3NlZDogc3BNZW51Q2xvc2VkJ10sXG4gICAgfSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgU2FwcGhpcmVPdmVybGF5LCAvLyBwcm92aWRpbmcgaXQgaGVyZSB0byB1c2UgdGhlIGN1cnJlbnQgdGhlbWUuXG4gIF0sXG4gIGV4cG9ydEFzOiAnc3BNZW51VHJpZ2dlcicsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLmlzLWFjdGl2ZV0nOiAnaXNPcGVuKCknLFxuICB9LFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgTWVudVRyaWdnZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHNhcHBoaXJlT3ZlcmxheSA9IGluamVjdChTYXBwaGlyZU92ZXJsYXkpO1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBhbGlnbm1lbnQgb2YgdGhlIG1lbnUgYW5kIHRoZSB0cmlnZ2VyLlxuICAgKi9cbiAgQElucHV0KCdzcE1lbnVUcmlnZ2VyQWxpZ24nKSBhbGlnbjogSG9yaXpvbnRhbFBsYWNlbWVudCA9ICdzdGFydCc7XG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIGRpcmVjdGlvbiBpbiB3aGljaCB0aGUgbWVudSBvcGVucywgcmVsYXRpdmUgdG8gdGhlIHRyaWdnZXIuXG4gICAqL1xuICBASW5wdXQoJ3NwTWVudVRyaWdnZXJEaXJlY3Rpb24nKSBkaXJlY3Rpb246IFZlcnRpY2FsUGxhY2VtZW50ID0gJ2JvdHRvbSc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBtZW51VHJpZ2dlcjogQ2RrTWVudVRyaWdnZXIpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5tZW51VHJpZ2dlci5tZW51UG9zaXRpb24gPSBbXG4gICAgICB7XG4gICAgICAgIG9yaWdpblg6ICdzdGFydCcsXG4gICAgICAgIG9yaWdpblk6ICdib3R0b20nLFxuICAgICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgICAgb3ZlcmxheVk6ICd0b3AnLFxuICAgICAgICBvZmZzZXRZOiA2LFxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgICAgb3JpZ2luWTogJ3RvcCcsXG4gICAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxuICAgICAgICBvdmVybGF5WTogJ2JvdHRvbScsXG4gICAgICAgIG9mZnNldFk6IC02LFxuICAgICAgfSxcbiAgICBdO1xuICAgIHRoaXMucGF0Y2hNZW51VHJpZ2dlcih0aGlzLm1lbnVUcmlnZ2VyLCB0aGlzLmdldFBsYWNlbWVudFZhbHVlLmJpbmQodGhpcykpO1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgcmV0dXJuIHRoaXMubWVudVRyaWdnZXIuY2xvc2UoKTtcbiAgfVxuXG4gIG9wZW4oKSB7XG4gICAgcmV0dXJuIHRoaXMubWVudVRyaWdnZXIub3BlbigpO1xuICB9XG5cbiAgdG9nZ2xlKCkge1xuICAgIHJldHVybiB0aGlzLm1lbnVUcmlnZ2VyLnRvZ2dsZSgpO1xuICB9XG5cbiAgZ2V0TWVudSgpIHtcbiAgICByZXR1cm4gdGhpcy5tZW51VHJpZ2dlci5nZXRNZW51KCk7XG4gIH1cblxuICBpc09wZW4oKSB7XG4gICAgcmV0dXJuIHRoaXMubWVudVRyaWdnZXIuaXNPcGVuKCk7XG4gIH1cblxuICAvLyBQcmV2ZW50aW5nIGRlZmF1bHQgYmVoYXZpb3Igb2YgcGFnZSBiZWluZyBzY3JvbGxlZCB3aGVuIHlvdSBwcmVzcyBzcGFjZSB3aGVuIHlvdSB1c2UgaXQgdG8gYWN0aXZhdGUgdGhlIHRyaWdnZXJcbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5zcGFjZScpXG4gIHByaXZhdGUgaGFuZGxlU3BhY2UoKSB7XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lc2NhcGUnKVxuICBwcml2YXRlIGhhbmRsZUVzY2FwZSgpIHtcbiAgICB0aGlzLmNsb3NlKCk7XG4gIH1cblxuICAvKipcbiAgICogYENka01lbnVUcmlnZ2VyYCBjb250cm9scyBvdmVybGF5IGNyZWF0aW9uLCBhbmQgZG9lc24ndCBhbGxvdyBjdXN0b21pemluZyBvdmVybGF5IGNvbmZpZy5cbiAgICogV2UgbmVlZCB0byBwYXRjaCBpdCBsaWtlIHRoaXMgdG8gbWFrZSB0aGUgbWVudSBtb2RhbCwgbGlrZSBvdGhlciBwb3BvdmVycy4gSXQncyB1bnNhZmUsIGFzIGl0XG4gICAqIHJlbGllcyBvbiBwcml2YXRlIEFQSSwgc28gd2UgaGF2ZSB0byBjb3ZlciB0aGUgZXhwZWN0ZWQgcmVzdWx0IGJ5IHRlc3RzLlxuICAgKi9cbiAgcHJpdmF0ZSBwYXRjaE1lbnVUcmlnZ2VyKFxuICAgIG1lbnVUcmlnZ2VyOiBDZGtNZW51VHJpZ2dlcixcbiAgICBnZXRQbGFjZW1lbnQ6ICgpID0+IFBsYWNlbWVudFxuICApIHtcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yIGFjY2Vzc2luZyBwcml2YXRlIG1ldGhvZFxuICAgIGNvbnN0IG9yaWdpbmFsR2V0T3ZlcmxheUNvbmZpZyA9IG1lbnVUcmlnZ2VyLl9nZXRPdmVybGF5Q29uZmlnO1xuICAgIGNvbnN0IG92ZXJsYXk6IE92ZXJsYXkgPSB0aGlzLnNhcHBoaXJlT3ZlcmxheTtcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yIGFjY2Vzc2luZyBwcml2YXRlIG1ldGhvZFxuICAgIG1lbnVUcmlnZ2VyLl9nZXRPdmVybGF5Q29uZmlnID0gZnVuY3Rpb24gKCk6IE92ZXJsYXlDb25maWcge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHByZWZlci1yZXN0LXBhcmFtc1xuICAgICAgICAuLi5vcmlnaW5hbEdldE92ZXJsYXlDb25maWcuY2FsbCh0aGlzLCBhcmd1bWVudHMpLFxuICAgICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcbiAgICAgICAgYmFja2Ryb3BDbGFzczogJ3NhcHBoaXJlLW1lbnUtYmFja2Ryb3AnLFxuICAgICAgICBzY3JvbGxTdHJhdGVneTogb3ZlcmxheT8uc2Nyb2xsU3RyYXRlZ2llcy5ibG9jaygpLCAvLyBUT0RPOiByZW1vdmUgYW5kIHByb3ZpZGUgTUVOVV9TQ1JPTExfU1RSQVRFR1kgaW5zdGVhZCB3aGVuIG1pbmltdW0gYW5ndWxhciBjZGsgcGVlciBkZXBlbmRlbmN5IHZlcnNpb24gaXMgPj0xNy4zLjhcbiAgICAgIH07XG4gICAgfTtcblxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgYWNjZXNzaW5nIHByaXZhdGUgbWV0aG9kXG4gICAgbWVudVRyaWdnZXIuX2dldE92ZXJsYXlQb3NpdGlvbnMgPSBmdW5jdGlvbiAoKSB7XG4gICAgICBjb25zdCBwbGFjZW1lbnQ6IFBsYWNlbWVudCA9IGdldFBsYWNlbWVudCgpIHx8ICdib3R0b20gc3RhcnQnO1xuXG4gICAgICByZXR1cm4gW1xuICAgICAgICB0b0Nvbm5lY3RlZFBvc2l0aW9uKHBsYWNlbWVudCksXG4gICAgICAgIHRvQ29ubmVjdGVkUG9zaXRpb24oZmxpcChwbGFjZW1lbnQpKSxcbiAgICAgIF07XG4gICAgfTtcblxuICAgIGNvbnN0IG9yaWdpbmFsX2dldE92ZXJsYXlQb3NpdGlvblN0cmF0ZWd5ID1cbiAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgYWNjZXNzaW5nIHByaXZhdGUgbWV0aG9kXG4gICAgICBtZW51VHJpZ2dlci5fZ2V0T3ZlcmxheVBvc2l0aW9uU3RyYXRlZ3k7XG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvciBhY2Nlc3NpbmcgcHJpdmF0ZSBtZXRob2RcbiAgICBtZW51VHJpZ2dlci5fZ2V0T3ZlcmxheVBvc2l0aW9uU3RyYXRlZ3kgPVxuICAgICAgZnVuY3Rpb24gKCk6IEZsZXhpYmxlQ29ubmVjdGVkUG9zaXRpb25TdHJhdGVneSB7XG4gICAgICAgIGNvbnN0IHJlc3VsdCA9IG9yaWdpbmFsX2dldE92ZXJsYXlQb3NpdGlvblN0cmF0ZWd5LmNhbGwoXG4gICAgICAgICAgdGhpcyxcbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcHJlZmVyLXJlc3QtcGFyYW1zXG4gICAgICAgICAgYXJndW1lbnRzXG4gICAgICAgICkgYXMgRmxleGlibGVDb25uZWN0ZWRQb3NpdGlvblN0cmF0ZWd5O1xuXG4gICAgICAgIC8qKlxuICAgICAgICAgKiBUd28gcmVhc29ucyBmb3Igdmlld3BvcnQgbWFyZ2luOlxuICAgICAgICAgKiAtIExvb2tzIHVnbHkgd2l0aCB6ZXJvIG1hcmdpblxuICAgICAgICAgKiAtIEZvciBzb21lIHJlYXNvbiwgd2l0aCB6ZXJvIG1hcmdpbiwgbWVudSBpdGVtIHRleHQgbWF5IHVubmVjZXNzYXJpbHlcbiAgICAgICAgICogICB3cmFwLCBpZiBtZW51IHRyaWdnZXIgaXMgcmVuZGVyZWQgY2xvc2UgdG8gdGhlIHJpZ2h0IGVkZ2Ugb2YgdGhlXG4gICAgICAgICAqICAgdmlld3BvcnQuXG4gICAgICAgICAqIC0gSWYgbWVudSBwb3BvdmVyIGlzICdlbmQnIGFsaWduZWQsIGl0J3MgZm9yIHNvbWUgcmVhc29uIHB1c2hlZCB0byB0aGUgcmlnaHRcbiAgICAgICAgICogICBhcyBpZiBpdCB3ZXJlIGNsb3NlIHRvIHRoZSBsZWZ0IGVkZ2UuIFRodXMgYXZvaWRpbmcgbWFyZ2luIGluIHRob3NlIGNhc2VzLlxuICAgICAgICAgKi9cbiAgICAgICAgY29uc3QgcGxhY2VtZW50OiBQbGFjZW1lbnQgPSBnZXRQbGFjZW1lbnQoKTtcbiAgICAgICAgcmV0dXJuIHJlc3VsdC53aXRoVmlld3BvcnRNYXJnaW4ocGxhY2VtZW50LmluY2x1ZGVzKCdlbmQnKSA/IDAgOiA2KTtcbiAgICAgIH07XG5cbiAgICBjb25zdCBvcmlnaW5hbE9wZW4gPSBtZW51VHJpZ2dlci5vcGVuO1xuICAgIG1lbnVUcmlnZ2VyLm9wZW4gPSAoKSA9PiB7XG4gICAgICAvLyBAdHMtZXhwZWN0LWVycm9yIGFjY2Vzc2luZyBwcml2YXRlIG1ldGhvZFxuICAgICAgbWVudVRyaWdnZXIub3ZlcmxheVJlZj8udXBkYXRlUG9zaXRpb25TdHJhdGVneShcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvciBhY2Nlc3NpbmcgcHJpdmF0ZSBtZXRob2RcbiAgICAgICAgbWVudVRyaWdnZXIuX2dldE92ZXJsYXlQb3NpdGlvblN0cmF0ZWd5KClcbiAgICAgICk7XG4gICAgICBvcmlnaW5hbE9wZW4uY2FsbChtZW51VHJpZ2dlcik7XG4gICAgICAvLyBAdHMtZXhwZWN0LWVycm9yIGFjY2Vzc2luZyBwcml2YXRlIG1ldGhvZFxuICAgICAgY29uc3Qgb3ZlcmxheVJlZiA9IG1lbnVUcmlnZ2VyLm92ZXJsYXlSZWY7XG4gICAgICBpZiAob3ZlcmxheVJlZikge1xuICAgICAgICB0aGlzLnNhcHBoaXJlT3ZlcmxheS5hcHBseVRoZW1lKG92ZXJsYXlSZWYpO1xuICAgICAgfVxuICAgIH07XG4gIH1cblxuICBwcml2YXRlIGdldFBsYWNlbWVudFZhbHVlKCk6IFBsYWNlbWVudCB7XG4gICAgcmV0dXJuIGAke3RoaXMuZGlyZWN0aW9ufSAke3RoaXMuYWxpZ259YDtcbiAgfVxufVxuIl19