@danske/sapphire-angular 1.20.4 → 1.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/esm2020/lib/button/src/button-group.component.mjs +3 -3
  2. package/esm2020/lib/button/src/icon-button.component.mjs +2 -2
  3. package/esm2020/lib/contextual-help/src/contextual-help.component.mjs +1 -1
  4. package/esm2020/lib/field/src/field-error.directive.mjs +20 -4
  5. package/esm2020/lib/pagination/src/pagination.component.mjs +4 -5
  6. package/esm2020/lib/popover/src/popover.component.mjs +19 -4
  7. package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +1 -1
  8. package/esm2020/lib/select/src/select/select.component.mjs +3 -3
  9. package/esm2020/lib/text-field/src/text-field-input.directive.mjs +13 -7
  10. package/esm2020/lib/theme/src/themes.mjs +4 -4
  11. package/esm2020/public-api.mjs +3 -1
  12. package/fesm2015/danske-sapphire-angular.mjs +60 -24
  13. package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
  14. package/fesm2020/danske-sapphire-angular.mjs +58 -24
  15. package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
  16. package/lib/button/src/button-group.component.d.ts +1 -1
  17. package/lib/field/src/field-error.directive.d.ts +6 -1
  18. package/lib/popover/src/popover.component.d.ts +5 -1
  19. package/lib/text-field/src/text-field-input.directive.d.ts +4 -2
  20. package/package.json +3 -3
  21. package/public-api.d.ts +1 -0
package/esm2020/lib/button/src/button-group.component.mjs CHANGED
@@ -43,10 +43,10 @@ export class ButtonGroupComponent {
43
43
  }
44
44
  }
45
45
  ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
46
- ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", iconSpacing: "iconSpacing", 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--dense]=\"spacing === 'dense'\"\n [class.sapphire-button-group--large]=\"spacing === 'large'\"\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-button-group-size-spacing-m)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--large{gap:var(--sapphire-button-group-size-spacing-l)}.sapphire-button-group--dense{gap:var(--sapphire-button-group-size-spacing-s)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
46
+ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", iconSpacing: "iconSpacing", 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 === 'extra-dense'\"\n [class.sapphire-button-group--spacing-s]=\"spacing === 'dense'\"\n [class.sapphire-button-group--spacing-l]=\"spacing === 'large'\"\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-button-group-size-spacing-m)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-l{gap:var(--sapphire-button-group-size-spacing-l)}.sapphire-button-group--spacing-s{gap:var(--sapphire-button-group-size-spacing-s)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-button-group-size-spacing-xs)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
47
47
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
48
48
  type: Component,
49
- args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--dense]=\"spacing === 'dense'\"\n [class.sapphire-button-group--large]=\"spacing === 'large'\"\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-button-group-size-spacing-m)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--large{gap:var(--sapphire-button-group-size-spacing-l)}.sapphire-button-group--dense{gap:var(--sapphire-button-group-size-spacing-s)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
49
+ args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"\n stretch !== 'none'\n ? 'sapphire-button-group--stretch'\n : 'sapphire-button-group--align-' + align\n \"\n [class.sapphire-button-group--stretch-auto-vertical]=\"\n stretch === 'autoVertical'\n \"\n [class.sapphire-button-group--spacing-xs]=\"spacing === 'extra-dense'\"\n [class.sapphire-button-group--spacing-s]=\"spacing === 'dense'\"\n [class.sapphire-button-group--spacing-l]=\"spacing === 'large'\"\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-button-group-size-spacing-m)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-l{gap:var(--sapphire-button-group-size-spacing-l)}.sapphire-button-group--spacing-s{gap:var(--sapphire-button-group-size-spacing-s)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-button-group-size-spacing-xs)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
50
50
  }], propDecorators: {
51
51
  /**
52
52
  * Alignment of buttons within the group.
@@ -84,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
84
84
  orientation: [{
85
85
  type: Input
86
86
  }] } });
87
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSXBFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBUUU7OztXQUdHO1FBQ0gsVUFBSyxHQUFnQyxPQUFPLENBQUM7UUFHN0M7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBaUIxQzs7O1dBR0c7UUFDSCxZQUFPLEdBQWlDLFFBQVEsQ0FBQztRQUdqRDs7V0FFRztRQUNILGdCQUFXLEdBQStCLFlBQVksQ0FBQztLQUN4RDtJQTFCQyxJQU9JLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQXNCO1FBQ3BDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7O2lIQWxDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtTENmakMsdWdCQWdCQTsyRkREYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUdaLGlCQUFpQixDQUFDLElBQUk7O1FBSXJDOzs7V0FHRztRQUNILEtBQUs7c0JBTEosS0FBSzs7UUFRTjs7Ozs7Ozs7OztXQVVHO1FBQ0gsT0FBTztzQkFaTixLQUFLO2dCQXFCRixXQUFXO3NCQVBkLEtBQUs7O1FBZU47OztXQUdHO1FBQ0gsT0FBTztzQkFMTixLQUFLOztRQVFOOztXQUVHO1FBQ0gsV0FBVztzQkFKVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJyB8ICdkZWZhdWx0JyB8ICdhdXRvVmVydGljYWwnO1xuXG4vKipcbiAqIEJ1dHRvbkdyb3VwIGlzIGEgdXRpbGl0eSBjb21wb25lbnQgd2hpY2ggZW5zdXJlcyBjb25zaXN0ZW50IHNwYWNpbmcgYmV0d2VlblxuICogYnV0dG9ucyBBbGwgY2hpbGRyZW4gbXVzdCBiZSBvZiB0eXBlIEJ1dHRvbi4gSWNvbiBidXR0b25zIGNhbm5vdCBiZSBtaXhlZFxuICogd2l0aCBzdGFuZGFyZCBidXR0b25zLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1idXR0b24tZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsIC8vIFRPRE86IGNyZWF0ZSBhbm90aGVyIGhvc3REaXJlY3RpdmUgZm9yIHRoaXM/XG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEFsaWdubWVudCBvZiBidXR0b25zIHdpdGhpbiB0aGUgZ3JvdXAuXG4gICAqIEBkZWZhdWx0IFwicmlnaHRcIlxuICAgKi9cbiAgYWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyA9ICdyaWdodCc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIENvbnRyb2xzIHN0cmV0Y2hpbmcgb2YgdGhlIGNvbnRlbnRzLlxuICAgKlxuICAgKiBgbm9uZWAgLSB0aGUgY2hpbGRyZW4gd2lsbCBub3Qgc3RyZXRjaCBhbmQgd2lsbCByZXNwZWN0IHRoZSBhbGlnbm1lbnQgc2V0IHdpdGggdGhlIGFsaWduIHByb3AuXG4gICAqXG4gICAqIGBkZWZhdWx0YCAtIHRoZSBjaGlsZHJlbiB3aWxsIHN0cmV0Y2ggdG8gdGFrZSBmdWxsIHdpZHRoLiBJZiB0aGUgY2hpbGRyZW4gb3ZlcmZsb3csIHRoZXkgd2lsbCBiZSB3cmFwcGVkIHZlcnRpY2FsbHkuXG4gICAqXG4gICAqIGBhdXRvVmVydGljYWxgIC0gc2FtZSBiZWhhdmlvdXIgYXMgYGRlZmF1bHRgLCBidXQgaWYgdGhlcmUgaXMgbW9yZSB0aGFuIDMgY2hpbGRyZW4sIHRoZXkgd2lsbCBiZSB3cmFwcGVkIHZlcnRpY2FsbHkgZXZlbiBpZiB0aGV5IGRvbid0IG92ZXJmbG93LlxuICAgKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgc3RyZXRjaD86IEJ1dHRvbkdyb3VwU3RyZXRjaFR5cGUgPSAnbm9uZSc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFVzZSBgc3BhY2luZ2AgaW5zdGVhZC5cbiAgICpcbiAgICogU3BhY2luZyBiZXR3ZWVuIHRoZSBidXR0b25zLlxuICAgKiBAZGVmYXVsdCBub3JtYWxcbiAgICovXG4gIGdldCBpY29uU3BhY2luZygpOiB0aGlzWydzcGFjaW5nJ10ge1xuICAgIHJldHVybiB0aGlzLnNwYWNpbmc7XG4gIH1cbiAgc2V0IGljb25TcGFjaW5nKHZhbHVlOiB0aGlzWydzcGFjaW5nJ10pIHtcbiAgICB0aGlzLnNwYWNpbmcgPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBTcGFjaW5nIGJldHdlZW4gdGhlIGJ1dHRvbnNcbiAgICogQGRlZmF1bHQgbm9ybWFsXG4gICAqL1xuICBzcGFjaW5nOiAnbm9ybWFsJyB8ICdkZW5zZScgfCAnbGFyZ2UnID0gJ25vcm1hbCc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEBkZWZhdWx0IFwiaG9yaXpvbnRhbFwiXG4gICAqL1xuICBvcmllbnRhdGlvbj86ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCcgPSAnaG9yaXpvbnRhbCc7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2FwcGhpcmUtYnV0dG9uLWdyb3VwXCJcbiAgW25nQ2xhc3NdPVwiXG4gICAgc3RyZXRjaCAhPT0gJ25vbmUnXG4gICAgICA/ICdzYXBwaGlyZS1idXR0b24tZ3JvdXAtLXN0cmV0Y2gnXG4gICAgICA6ICdzYXBwaGlyZS1idXR0b24tZ3JvdXAtLWFsaWduLScgKyBhbGlnblxuICBcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zdHJldGNoLWF1dG8tdmVydGljYWxdPVwiXG4gICAgc3RyZXRjaCA9PT0gJ2F1dG9WZXJ0aWNhbCdcbiAgXCJcbiAgW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi1ncm91cC0tZGVuc2VdPVwic3BhY2luZyA9PT0gJ2RlbnNlJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLWxhcmdlXT1cInNwYWNpbmcgPT09ICdsYXJnZSdcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS12ZXJ0aWNhbF09XCJvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1wiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
87
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSXBFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBUUU7OztXQUdHO1FBQ0gsVUFBSyxHQUFnQyxPQUFPLENBQUM7UUFHN0M7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBaUIxQzs7O1dBR0c7UUFDSCxZQUFPLEdBQWlELFFBQVEsQ0FBQztRQUdqRTs7V0FFRztRQUNILGdCQUFXLEdBQStCLFlBQVksQ0FBQztLQUN4RDtJQTFCQyxJQU9JLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQXNCO1FBQ3BDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7O2lIQWxDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtTENmakMsMGxCQWlCQTsyRkRGYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUdaLGlCQUFpQixDQUFDLElBQUk7O1FBSXJDOzs7V0FHRztRQUNILEtBQUs7c0JBTEosS0FBSzs7UUFRTjs7Ozs7Ozs7OztXQVVHO1FBQ0gsT0FBTztzQkFaTixLQUFLO2dCQXFCRixXQUFXO3NCQVBkLEtBQUs7O1FBZU47OztXQUdHO1FBQ0gsT0FBTztzQkFMTixLQUFLOztRQVFOOztXQUVHO1FBQ0gsV0FBVztzQkFKVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJyB8ICdkZWZhdWx0JyB8ICdhdXRvVmVydGljYWwnO1xuXG4vKipcbiAqIEJ1dHRvbkdyb3VwIGlzIGEgdXRpbGl0eSBjb21wb25lbnQgd2hpY2ggZW5zdXJlcyBjb25zaXN0ZW50IHNwYWNpbmcgYmV0d2VlblxuICogYnV0dG9ucyBBbGwgY2hpbGRyZW4gbXVzdCBiZSBvZiB0eXBlIEJ1dHRvbi4gSWNvbiBidXR0b25zIGNhbm5vdCBiZSBtaXhlZFxuICogd2l0aCBzdGFuZGFyZCBidXR0b25zLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1idXR0b24tZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsIC8vIFRPRE86IGNyZWF0ZSBhbm90aGVyIGhvc3REaXJlY3RpdmUgZm9yIHRoaXM/XG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEFsaWdubWVudCBvZiBidXR0b25zIHdpdGhpbiB0aGUgZ3JvdXAuXG4gICAqIEBkZWZhdWx0IFwicmlnaHRcIlxuICAgKi9cbiAgYWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyA9ICdyaWdodCc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIENvbnRyb2xzIHN0cmV0Y2hpbmcgb2YgdGhlIGNvbnRlbnRzLlxuICAgKlxuICAgKiBgbm9uZWAgLSB0aGUgY2hpbGRyZW4gd2lsbCBub3Qgc3RyZXRjaCBhbmQgd2lsbCByZXNwZWN0IHRoZSBhbGlnbm1lbnQgc2V0IHdpdGggdGhlIGFsaWduIHByb3AuXG4gICAqXG4gICAqIGBkZWZhdWx0YCAtIHRoZSBjaGlsZHJlbiB3aWxsIHN0cmV0Y2ggdG8gdGFrZSBmdWxsIHdpZHRoLiBJZiB0aGUgY2hpbGRyZW4gb3ZlcmZsb3csIHRoZXkgd2lsbCBiZSB3cmFwcGVkIHZlcnRpY2FsbHkuXG4gICAqXG4gICAqIGBhdXRvVmVydGljYWxgIC0gc2FtZSBiZWhhdmlvdXIgYXMgYGRlZmF1bHRgLCBidXQgaWYgdGhlcmUgaXMgbW9yZSB0aGFuIDMgY2hpbGRyZW4sIHRoZXkgd2lsbCBiZSB3cmFwcGVkIHZlcnRpY2FsbHkgZXZlbiBpZiB0aGV5IGRvbid0IG92ZXJmbG93LlxuICAgKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgc3RyZXRjaD86IEJ1dHRvbkdyb3VwU3RyZXRjaFR5cGUgPSAnbm9uZSc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFVzZSBgc3BhY2luZ2AgaW5zdGVhZC5cbiAgICpcbiAgICogU3BhY2luZyBiZXR3ZWVuIHRoZSBidXR0b25zLlxuICAgKiBAZGVmYXVsdCBub3JtYWxcbiAgICovXG4gIGdldCBpY29uU3BhY2luZygpOiB0aGlzWydzcGFjaW5nJ10ge1xuICAgIHJldHVybiB0aGlzLnNwYWNpbmc7XG4gIH1cbiAgc2V0IGljb25TcGFjaW5nKHZhbHVlOiB0aGlzWydzcGFjaW5nJ10pIHtcbiAgICB0aGlzLnNwYWNpbmcgPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBTcGFjaW5nIGJldHdlZW4gdGhlIGJ1dHRvbnNcbiAgICogQGRlZmF1bHQgbm9ybWFsXG4gICAqL1xuICBzcGFjaW5nOiAnbGFyZ2UnIHwgJ25vcm1hbCcgfCAnZGVuc2UnIHwgJ2V4dHJhLWRlbnNlJyA9ICdub3JtYWwnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcImhvcml6b250YWxcIlxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbi1ncm91cFwiXG4gIFtuZ0NsYXNzXT1cIlxuICAgIHN0cmV0Y2ggIT09ICdub25lJ1xuICAgICAgPyAnc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zdHJldGNoJ1xuICAgICAgOiAnc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1hbGlnbi0nICsgYWxpZ25cbiAgXCJcbiAgW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi1ncm91cC0tc3RyZXRjaC1hdXRvLXZlcnRpY2FsXT1cIlxuICAgIHN0cmV0Y2ggPT09ICdhdXRvVmVydGljYWwnXG4gIFwiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmcteHNdPVwic3BhY2luZyA9PT0gJ2V4dHJhLWRlbnNlJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmctc109XCJzcGFjaW5nID09PSAnZGVuc2UnXCJcbiAgW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi1ncm91cC0tc3BhY2luZy1sXT1cInNwYWNpbmcgPT09ICdsYXJnZSdcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS12ZXJ0aWNhbF09XCJvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1wiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
package/esm2020/lib/button/src/icon-button.component.mjs CHANGED
@@ -53,7 +53,7 @@ IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
53
53
  provide: ICON_SIZE_PROVIDER,
54
54
  useExisting: forwardRef(() => IconButtonComponent),
55
55
  },
56
- ], hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: "<span class=\"sapphire-icon-button__icon\">\n <ng-content></ng-content>\n</span>\n", styles: [".sapphire-icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--sapphire-icon-button-size-height-m);width:var(--sapphire-icon-button-size-width-m);flex-shrink:0;border-radius:var(--sapphire-icon-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-icon-button-time-transition);transition-timing-function:ease-in-out;cursor:pointer}a.sapphire-icon-button{text-decoration:none}.sapphire-icon-button:disabled,.sapphire-icon-button.is-disabled{opacity:var(--sapphire-icon-button-opacity-disabled);cursor:not-allowed}.sapphire-icon-button:focus{outline:none}.sapphire-icon-button.is-focus,.sapphire-icon-button:not(.js-focus):focus-visible{outline:var(--sapphire-icon-button-size-focus-ring-border) solid var(--sapphire-icon-button-color-focus-ring);outline-offset:var(--sapphire-icon-button-size-focus-ring-offset)}.sapphire-icon-button--primary-fill{background-color:var(--sapphire-icon-button-color-background-primary-default);color:var(--sapphire-icon-button-color-content-primary-default)}.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-primary-hover)}.sapphire-icon-button--primary-fill.is-focus,.sapphire-icon-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-primary-focus)}.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-primary-active)}.sapphire-icon-button--secondary-fill{background-color:var(--sapphire-icon-button-color-background-secondary-default);color:var(--sapphire-icon-button-color-content-secondary-default)}.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-hover);color:var(--sapphire-icon-button-color-content-secondary-hover)}.sapphire-icon-button--secondary-fill.is-focus,.sapphire-icon-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-focus)}.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-active);color:var(--sapphire-icon-button-color-content-secondary-active)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-default)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-hover)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-focus)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-default);color:var(--sapphire-icon-button-color-content-secondary-default)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-hover);color:var(--sapphire-icon-button-color-content-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-focus)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-active);color:var(--sapphire-icon-button-color-content-secondary-active)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-icon-button--tertiary-fill{background-color:var(--sapphire-icon-button-color-background-tertiary-default);color:var(--sapphire-icon-button-color-content-tertiary-default)}.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-hover);color:var(--sapphire-icon-button-color-content-tertiary-hover)}.sapphire-icon-button--tertiary-fill.is-focus,.sapphire-icon-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-focus)}.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-active);color:var(--sapphire-icon-button-color-content-tertiary-active)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-default)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-hover)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-focus)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-default);color:var(--sapphire-icon-button-color-content-tertiary-default)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-hover);color:var(--sapphire-icon-button-color-content-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-focus)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-active);color:var(--sapphire-icon-button-color-content-tertiary-active)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-icon-button--danger-fill{background-color:var(--sapphire-icon-button-color-background-danger-default);color:var(--sapphire-icon-button-color-content-danger-default)}.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-hover);color:var(--sapphire-icon-button-color-content-danger-hover)}.sapphire-icon-button--danger-fill.is-focus,.sapphire-icon-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-focus)}.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-active);color:var(--sapphire-icon-button-color-content-danger-active)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-default)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-hover)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-focus)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-icon-button-color-background-danger-ghost-default);color:var(--sapphire-icon-button-color-content-danger-default)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-ghost-hover);color:var(--sapphire-icon-button-color-content-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-ghost-focus)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-ghost-active);color:var(--sapphire-icon-button-color-content-danger-active)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-icon-button-size-icon-m);width:var(--sapphire-icon-button-size-icon-m)}.sapphire-icon-button--large .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-l);width:var(--sapphire-icon-button-size-icon-l)}.sapphire-icon-button--small .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-s);width:var(--sapphire-icon-button-size-icon-s)}.sapphire-icon-button--extra-small .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-xs);width:var(--sapphire-icon-button-size-icon-xs)}.sapphire-icon-button--large{height:var(--sapphire-icon-button-size-height-l);width:var(--sapphire-icon-button-size-width-l);border-radius:var(--sapphire-icon-button-size-radius-l)}.sapphire-icon-button--small{height:var(--sapphire-icon-button-size-height-s);width:var(--sapphire-icon-button-size-width-s);border-radius:var(--sapphire-icon-button-size-radius-s)}.sapphire-icon-button--extra-small{height:var(--sapphire-icon-button-size-height-xs);width:var(--sapphire-icon-button-size-width-xs);border-radius:var(--sapphire-icon-button-size-radius-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
56
+ ], hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: "<span class=\"sapphire-icon-button__icon\">\n <ng-content></ng-content>\n</span>\n", styles: [".sapphire-icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--sapphire-icon-button-size-height-m);width:var(--sapphire-icon-button-size-width-m);flex-shrink:0;border-radius:var(--sapphire-icon-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;font-family:var(--sapphire-icon-button-font-name);font-weight:var(--sapphire-icon-button-font-weight);font-size:var(--sapphire-icon-button-size-font-m);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-icon-button-time-transition);transition-timing-function:ease-in-out;cursor:pointer}a.sapphire-icon-button{text-decoration:none}.sapphire-icon-button:disabled,.sapphire-icon-button.is-disabled{opacity:var(--sapphire-icon-button-opacity-disabled);cursor:not-allowed}.sapphire-icon-button:focus{outline:none}.sapphire-icon-button.is-focus,.sapphire-icon-button:not(.js-focus):focus-visible{outline:var(--sapphire-icon-button-size-focus-ring-border) solid var(--sapphire-icon-button-color-focus-ring);outline-offset:var(--sapphire-icon-button-size-focus-ring-offset)}.sapphire-icon-button--primary-fill{background-color:var(--sapphire-icon-button-color-background-primary-default);color:var(--sapphire-icon-button-color-content-primary-default)}.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-primary-hover)}.sapphire-icon-button--primary-fill.is-focus,.sapphire-icon-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-primary-focus)}.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-primary-active)}.sapphire-icon-button--secondary-fill{background-color:var(--sapphire-icon-button-color-background-secondary-default);color:var(--sapphire-icon-button-color-content-secondary-default)}.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-hover);color:var(--sapphire-icon-button-color-content-secondary-hover)}.sapphire-icon-button--secondary-fill.is-focus,.sapphire-icon-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-focus)}.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-active);color:var(--sapphire-icon-button-color-content-secondary-active)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-default)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-hover)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-focus)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-default);color:var(--sapphire-icon-button-color-content-secondary-default)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-hover);color:var(--sapphire-icon-button-color-content-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-focus)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-active);color:var(--sapphire-icon-button-color-content-secondary-active)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-icon-button--tertiary-fill{background-color:var(--sapphire-icon-button-color-background-tertiary-default);color:var(--sapphire-icon-button-color-content-tertiary-default)}.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-hover);color:var(--sapphire-icon-button-color-content-tertiary-hover)}.sapphire-icon-button--tertiary-fill.is-focus,.sapphire-icon-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-focus)}.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-active);color:var(--sapphire-icon-button-color-content-tertiary-active)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-default)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-hover)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-focus)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-default);color:var(--sapphire-icon-button-color-content-tertiary-default)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-hover);color:var(--sapphire-icon-button-color-content-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-focus)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-active);color:var(--sapphire-icon-button-color-content-tertiary-active)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-icon-button--danger-fill{background-color:var(--sapphire-icon-button-color-background-danger-default);color:var(--sapphire-icon-button-color-content-danger-default)}.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-hover);color:var(--sapphire-icon-button-color-content-danger-hover)}.sapphire-icon-button--danger-fill.is-focus,.sapphire-icon-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-focus)}.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-active);color:var(--sapphire-icon-button-color-content-danger-active)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-default)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-hover)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-focus)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-icon-button-color-background-danger-ghost-default);color:var(--sapphire-icon-button-color-content-danger-default)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-ghost-hover);color:var(--sapphire-icon-button-color-content-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-ghost-focus)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-ghost-active);color:var(--sapphire-icon-button-color-content-danger-active)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-icon-button-size-icon-m);width:var(--sapphire-icon-button-size-icon-m)}.sapphire-icon-button--large .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-l);width:var(--sapphire-icon-button-size-icon-l)}.sapphire-icon-button--small .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-s);width:var(--sapphire-icon-button-size-icon-s)}.sapphire-icon-button--extra-small .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-xs);width:var(--sapphire-icon-button-size-icon-xs)}.sapphire-icon-button--large{height:var(--sapphire-icon-button-size-height-l);width:var(--sapphire-icon-button-size-width-l);border-radius:var(--sapphire-icon-button-size-radius-l);font-size:var(--sapphire-icon-button-size-font-l)}.sapphire-icon-button--small{height:var(--sapphire-icon-button-size-height-s);width:var(--sapphire-icon-button-size-width-s);border-radius:var(--sapphire-icon-button-size-radius-s);font-size:var(--sapphire-icon-button-size-font-s)}.sapphire-icon-button--extra-small{height:var(--sapphire-icon-button-size-height-xs);width:var(--sapphire-icon-button-size-width-xs);border-radius:var(--sapphire-icon-button-size-radius-xs);font-size:var(--sapphire-icon-button-size-font-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
57
57
  __decorate([
58
58
  CoerceBoolean
59
59
  ], IconButtonComponent.prototype, "disabled", void 0);
@@ -72,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
72
72
  '[class.sapphire-icon-button--small]': 'size === "small"',
73
73
  '[class.sapphire-icon-button--extra-small]': 'size === "extraSmall"',
74
74
  '[class.sapphire-icon-button--secondary-surface]': 'surface === "secondary"',
75
- }, hostDirectives: [UseComponentStylesOnHost], template: "<span class=\"sapphire-icon-button__icon\">\n <ng-content></ng-content>\n</span>\n", styles: [".sapphire-icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--sapphire-icon-button-size-height-m);width:var(--sapphire-icon-button-size-width-m);flex-shrink:0;border-radius:var(--sapphire-icon-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-icon-button-time-transition);transition-timing-function:ease-in-out;cursor:pointer}a.sapphire-icon-button{text-decoration:none}.sapphire-icon-button:disabled,.sapphire-icon-button.is-disabled{opacity:var(--sapphire-icon-button-opacity-disabled);cursor:not-allowed}.sapphire-icon-button:focus{outline:none}.sapphire-icon-button.is-focus,.sapphire-icon-button:not(.js-focus):focus-visible{outline:var(--sapphire-icon-button-size-focus-ring-border) solid var(--sapphire-icon-button-color-focus-ring);outline-offset:var(--sapphire-icon-button-size-focus-ring-offset)}.sapphire-icon-button--primary-fill{background-color:var(--sapphire-icon-button-color-background-primary-default);color:var(--sapphire-icon-button-color-content-primary-default)}.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-primary-hover)}.sapphire-icon-button--primary-fill.is-focus,.sapphire-icon-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-primary-focus)}.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-primary-active)}.sapphire-icon-button--secondary-fill{background-color:var(--sapphire-icon-button-color-background-secondary-default);color:var(--sapphire-icon-button-color-content-secondary-default)}.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-hover);color:var(--sapphire-icon-button-color-content-secondary-hover)}.sapphire-icon-button--secondary-fill.is-focus,.sapphire-icon-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-focus)}.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-active);color:var(--sapphire-icon-button-color-content-secondary-active)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-default)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-hover)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-focus)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-default);color:var(--sapphire-icon-button-color-content-secondary-default)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-hover);color:var(--sapphire-icon-button-color-content-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-focus)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-active);color:var(--sapphire-icon-button-color-content-secondary-active)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-icon-button--tertiary-fill{background-color:var(--sapphire-icon-button-color-background-tertiary-default);color:var(--sapphire-icon-button-color-content-tertiary-default)}.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-hover);color:var(--sapphire-icon-button-color-content-tertiary-hover)}.sapphire-icon-button--tertiary-fill.is-focus,.sapphire-icon-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-focus)}.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-active);color:var(--sapphire-icon-button-color-content-tertiary-active)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-default)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-hover)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-focus)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-default);color:var(--sapphire-icon-button-color-content-tertiary-default)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-hover);color:var(--sapphire-icon-button-color-content-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-focus)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-active);color:var(--sapphire-icon-button-color-content-tertiary-active)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-icon-button--danger-fill{background-color:var(--sapphire-icon-button-color-background-danger-default);color:var(--sapphire-icon-button-color-content-danger-default)}.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-hover);color:var(--sapphire-icon-button-color-content-danger-hover)}.sapphire-icon-button--danger-fill.is-focus,.sapphire-icon-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-focus)}.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-active);color:var(--sapphire-icon-button-color-content-danger-active)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-default)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-hover)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-focus)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-icon-button-color-background-danger-ghost-default);color:var(--sapphire-icon-button-color-content-danger-default)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-ghost-hover);color:var(--sapphire-icon-button-color-content-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-ghost-focus)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-ghost-active);color:var(--sapphire-icon-button-color-content-danger-active)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-icon-button-size-icon-m);width:var(--sapphire-icon-button-size-icon-m)}.sapphire-icon-button--large .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-l);width:var(--sapphire-icon-button-size-icon-l)}.sapphire-icon-button--small .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-s);width:var(--sapphire-icon-button-size-icon-s)}.sapphire-icon-button--extra-small .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-xs);width:var(--sapphire-icon-button-size-icon-xs)}.sapphire-icon-button--large{height:var(--sapphire-icon-button-size-height-l);width:var(--sapphire-icon-button-size-width-l);border-radius:var(--sapphire-icon-button-size-radius-l)}.sapphire-icon-button--small{height:var(--sapphire-icon-button-size-height-s);width:var(--sapphire-icon-button-size-width-s);border-radius:var(--sapphire-icon-button-size-radius-s)}.sapphire-icon-button--extra-small{height:var(--sapphire-icon-button-size-height-xs);width:var(--sapphire-icon-button-size-width-xs);border-radius:var(--sapphire-icon-button-size-radius-xs)}\n"] }]
75
+ }, hostDirectives: [UseComponentStylesOnHost], template: "<span class=\"sapphire-icon-button__icon\">\n <ng-content></ng-content>\n</span>\n", styles: [".sapphire-icon-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--sapphire-icon-button-size-height-m);width:var(--sapphire-icon-button-size-width-m);flex-shrink:0;border-radius:var(--sapphire-icon-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;font-family:var(--sapphire-icon-button-font-name);font-weight:var(--sapphire-icon-button-font-weight);font-size:var(--sapphire-icon-button-size-font-m);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-icon-button-time-transition);transition-timing-function:ease-in-out;cursor:pointer}a.sapphire-icon-button{text-decoration:none}.sapphire-icon-button:disabled,.sapphire-icon-button.is-disabled{opacity:var(--sapphire-icon-button-opacity-disabled);cursor:not-allowed}.sapphire-icon-button:focus{outline:none}.sapphire-icon-button.is-focus,.sapphire-icon-button:not(.js-focus):focus-visible{outline:var(--sapphire-icon-button-size-focus-ring-border) solid var(--sapphire-icon-button-color-focus-ring);outline-offset:var(--sapphire-icon-button-size-focus-ring-offset)}.sapphire-icon-button--primary-fill{background-color:var(--sapphire-icon-button-color-background-primary-default);color:var(--sapphire-icon-button-color-content-primary-default)}.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-primary-hover)}.sapphire-icon-button--primary-fill.is-focus,.sapphire-icon-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-primary-focus)}.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-primary-active)}.sapphire-icon-button--secondary-fill{background-color:var(--sapphire-icon-button-color-background-secondary-default);color:var(--sapphire-icon-button-color-content-secondary-default)}.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-hover);color:var(--sapphire-icon-button-color-content-secondary-hover)}.sapphire-icon-button--secondary-fill.is-focus,.sapphire-icon-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-focus)}.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-active);color:var(--sapphire-icon-button-color-content-secondary-active)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-default)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-hover)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-focus)}.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-surface-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-default);color:var(--sapphire-icon-button-color-content-secondary-default)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-hover);color:var(--sapphire-icon-button-color-content-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-focus)}.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-active);color:var(--sapphire-icon-button-color-content-secondary-active)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-icon-button--tertiary-fill{background-color:var(--sapphire-icon-button-color-background-tertiary-default);color:var(--sapphire-icon-button-color-content-tertiary-default)}.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-hover);color:var(--sapphire-icon-button-color-content-tertiary-hover)}.sapphire-icon-button--tertiary-fill.is-focus,.sapphire-icon-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-focus)}.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-active);color:var(--sapphire-icon-button-color-content-tertiary-active)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-default)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-hover)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-focus)}.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-surface-secondary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-default);color:var(--sapphire-icon-button-color-content-tertiary-default)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-hover);color:var(--sapphire-icon-button-color-content-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-focus)}.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-active);color:var(--sapphire-icon-button-color-content-tertiary-active)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-icon-button--danger-fill{background-color:var(--sapphire-icon-button-color-background-danger-default);color:var(--sapphire-icon-button-color-content-danger-default)}.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-hover);color:var(--sapphire-icon-button-color-content-danger-hover)}.sapphire-icon-button--danger-fill.is-focus,.sapphire-icon-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-focus)}.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-active);color:var(--sapphire-icon-button-color-content-danger-active)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-default)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-hover)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-focus)}.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-fill.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-surface-secondary-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-icon-button-color-background-danger-ghost-default);color:var(--sapphire-icon-button-color-content-danger-default)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-ghost-hover);color:var(--sapphire-icon-button-color-content-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-ghost-focus)}.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-ghost-active);color:var(--sapphire-icon-button-color-content-danger-active)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface.is-focus,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger-ghost.sapphire-icon-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-icon-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-icon-button-size-icon-m);width:var(--sapphire-icon-button-size-icon-m)}.sapphire-icon-button--large .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-l);width:var(--sapphire-icon-button-size-icon-l)}.sapphire-icon-button--small .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-s);width:var(--sapphire-icon-button-size-icon-s)}.sapphire-icon-button--extra-small .sapphire-icon-button__icon{height:var(--sapphire-icon-button-size-icon-xs);width:var(--sapphire-icon-button-size-icon-xs)}.sapphire-icon-button--large{height:var(--sapphire-icon-button-size-height-l);width:var(--sapphire-icon-button-size-width-l);border-radius:var(--sapphire-icon-button-size-radius-l);font-size:var(--sapphire-icon-button-size-font-l)}.sapphire-icon-button--small{height:var(--sapphire-icon-button-size-height-s);width:var(--sapphire-icon-button-size-width-s);border-radius:var(--sapphire-icon-button-size-radius-s);font-size:var(--sapphire-icon-button-size-font-s)}.sapphire-icon-button--extra-small{height:var(--sapphire-icon-button-size-height-xs);width:var(--sapphire-icon-button-size-width-xs);border-radius:var(--sapphire-icon-button-size-radius-xs);font-size:var(--sapphire-icon-button-size-font-xs)}\n"] }]
76
76
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
77
77
  type: Input
78
78
  }], appearance: [{
package/esm2020/lib/contextual-help/src/contextual-help.component.mjs CHANGED
@@ -80,7 +80,7 @@ export class ContextualHelpComponent {
80
80
  }
81
81
  }
82
82
  ContextualHelpComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ContextualHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
83
- ContextualHelpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ContextualHelpComponent, isStandalone: true, selector: "sp-contextual-help", inputs: { variant: "variant", placement: "placement", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "attr.aria-label": "null" } }, queries: [{ propertyName: "_footer", first: true, predicate: ContextualHelpFooterDirective, descendants: true }, { propertyName: "_header", first: true, predicate: ContextualHelpHeaderDirective, descendants: true }], viewQueries: [{ propertyName: "_trigger", first: true, predicate: PopoverTriggerDirective, descendants: true }], ngImport: i0, template: "<button\n sp-icon-button\n size=\"extraSmall\"\n variant=\"tertiary\"\n appearance=\"ghost\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverPlacement]=\"placement\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <sp-icon\n *ngIf=\"variant === 'help'; else defaultIcon\"\n name=\"questionMarkCircle\"\n size=\"16px\"\n ></sp-icon>\n <ng-template #defaultIcon>\n <sp-icon name=\"info\"></sp-icon>\n </ng-template>\n</button>\n\n<ng-template #popover>\n <sp-popover noPadding>\n <div class=\"sapphire-contextual-help\">\n <div *ngIf=\"_header\" class=\"sapphire-contextual-help__header\">\n <h6 sp-heading spPopoverTitle>\n <ng-content select=\"sp-contextual-help-header\"></ng-content>\n </h6>\n </div>\n <ng-content select=\"sp-contextual-help-content\"></ng-content>\n <div *ngIf=\"_footer\" class=\"sapphire-contextual-help__footer\">\n <ng-content select=\"sp-contextual-help-footer\"></ng-content>\n </div>\n </div>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-contextual-help{color:var(--sapphire-contextual-help-color-content);line-height:var(--sapphire-contextual-help-size-line-height);max-width:var(--sapphire-contextual-help-size-width-max);font-family:var(--sapphire-contextual-help-font-name);font-weight:var(--sapphire-contextual-help-font-weight);font-size:var(--sapphire-contextual-help-size-font);padding:var(--sapphire-contextual-help-size-spacing-vertical) var(--sapphire-contextual-help-size-spacing-horizontal);outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-contextual-help__header{padding-bottom:var(--sapphire-contextual-help-size-spacing-header)}.sapphire-contextual-help__footer{padding-top:var(--sapphire-contextual-help-size-spacing-footer)}.sapphire-contextual-help--no-max-width{max-width:initial}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SapphireTypographyModule }, { kind: "component", type: i1.HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "fontVariant"] }, { kind: "ngmodule", type: SapphireButtonModule }, { kind: "component", type: i2.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "ngmodule", type: SapphireIconModule }, { kind: "component", type: i3.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "ngmodule", type: SapphirePopoverModule }, { kind: "component", type: i4.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i6.PopoverTitleDirective, selector: "[spPopoverTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
83
+ ContextualHelpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ContextualHelpComponent, isStandalone: true, selector: "sp-contextual-help", inputs: { variant: "variant", placement: "placement", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "attr.aria-label": "null" } }, queries: [{ propertyName: "_footer", first: true, predicate: ContextualHelpFooterDirective, descendants: true }, { propertyName: "_header", first: true, predicate: ContextualHelpHeaderDirective, descendants: true }], viewQueries: [{ propertyName: "_trigger", first: true, predicate: PopoverTriggerDirective, descendants: true }], ngImport: i0, template: "<button\n sp-icon-button\n size=\"extraSmall\"\n variant=\"tertiary\"\n appearance=\"ghost\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverPlacement]=\"placement\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <sp-icon\n *ngIf=\"variant === 'help'; else defaultIcon\"\n name=\"questionMarkCircle\"\n size=\"16px\"\n ></sp-icon>\n <ng-template #defaultIcon>\n <sp-icon name=\"info\"></sp-icon>\n </ng-template>\n</button>\n\n<ng-template #popover>\n <sp-popover noPadding>\n <div class=\"sapphire-contextual-help\">\n <div *ngIf=\"_header\" class=\"sapphire-contextual-help__header\">\n <h6 sp-heading spPopoverTitle>\n <ng-content select=\"sp-contextual-help-header\"></ng-content>\n </h6>\n </div>\n <ng-content select=\"sp-contextual-help-content\"></ng-content>\n <div *ngIf=\"_footer\" class=\"sapphire-contextual-help__footer\">\n <ng-content select=\"sp-contextual-help-footer\"></ng-content>\n </div>\n </div>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-contextual-help{color:var(--sapphire-contextual-help-color-content);line-height:var(--sapphire-contextual-help-size-line-height);max-width:var(--sapphire-contextual-help-size-width-max);font-family:var(--sapphire-contextual-help-font-name);font-weight:var(--sapphire-contextual-help-font-weight);font-size:var(--sapphire-contextual-help-size-font);padding:var(--sapphire-contextual-help-size-spacing-vertical) var(--sapphire-contextual-help-size-spacing-horizontal);outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-contextual-help__header{padding-bottom:var(--sapphire-contextual-help-size-spacing-header)}.sapphire-contextual-help__footer{padding-top:var(--sapphire-contextual-help-size-spacing-footer)}.sapphire-contextual-help--no-max-width{max-width:initial}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SapphireTypographyModule }, { kind: "component", type: i1.HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "fontVariant"] }, { kind: "ngmodule", type: SapphireButtonModule }, { kind: "component", type: i2.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "ngmodule", type: SapphireIconModule }, { kind: "component", type: i3.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "ngmodule", type: SapphirePopoverModule }, { kind: "component", type: i4.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i6.PopoverTitleDirective, selector: "[spPopoverTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
84
84
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ContextualHelpComponent, decorators: [{
85
85
  type: Component,
86
86
  args: [{ selector: 'sp-contextual-help', standalone: true, imports: [
package/esm2020/lib/field/src/field-error.directive.mjs CHANGED
@@ -1,12 +1,24 @@
1
- import { Directive } from '@angular/core';
1
+ import { __decorate } from "tslib";
2
+ import { Directive, HostBinding, Input } from '@angular/core';
3
+ import { AutoId } from '../../common/auto-id.decorator';
2
4
  import * as i0 from "@angular/core";
3
5
  /**
4
6
  * Used inside sp-field to provide an error message for the field.
5
7
  */
6
8
  export class FieldErrorDirective {
9
+ constructor() {
10
+ /**
11
+ * A unique id for the host DOM element.
12
+ * If none is supplied, it will be auto-generated.
13
+ */
14
+ this.id = '';
15
+ }
7
16
  }
8
17
  FieldErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FieldErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
9
- FieldErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: FieldErrorDirective, isStandalone: true, selector: "sp-field-error", host: { classAttribute: "sapphire-field__note" }, ngImport: i0 });
18
+ FieldErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: FieldErrorDirective, isStandalone: true, selector: "sp-field-error", inputs: { id: "id" }, host: { properties: { "id": "this.id" }, classAttribute: "sapphire-field__note" }, ngImport: i0 });
19
+ __decorate([
20
+ AutoId()
21
+ ], FieldErrorDirective.prototype, "id", void 0);
10
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: FieldErrorDirective, decorators: [{
11
23
  type: Directive,
12
24
  args: [{
@@ -16,5 +28,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
16
28
  class: 'sapphire-field__note',
17
29
  },
18
30
  }]
19
- }] });
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtZXJyb3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9maWVsZC9zcmMvZmllbGQtZXJyb3IuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOztHQUVHO0FBUUgsTUFBTSxPQUFPLG1CQUFtQjs7Z0hBQW5CLG1CQUFtQjtvR0FBbkIsbUJBQW1COzJGQUFuQixtQkFBbUI7a0JBUC9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsc0JBQXNCO3FCQUM5QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFVzZWQgaW5zaWRlIHNwLWZpZWxkIHRvIHByb3ZpZGUgYW4gZXJyb3IgbWVzc2FnZSBmb3IgdGhlIGZpZWxkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdzcC1maWVsZC1lcnJvcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWZpZWxkX19ub3RlJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRmllbGRFcnJvckRpcmVjdGl2ZSB7fVxuIl19
31
+ }], propDecorators: { id: [{
32
+ type: HostBinding
33
+ }, {
34
+ type: Input
35
+ }] } });
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtZXJyb3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9maWVsZC9zcmMvZmllbGQtZXJyb3IuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQUV4RDs7R0FFRztBQVFILE1BQU0sT0FBTyxtQkFBbUI7SUFQaEM7UUFRRTs7O1dBR0c7UUFJSCxPQUFFLEdBQUcsRUFBRSxDQUFDO0tBQ1Q7O2dIQVRZLG1CQUFtQjtvR0FBbkIsbUJBQW1CO0FBUTlCO0lBREMsTUFBTSxFQUFFOytDQUNEOzJGQVJHLG1CQUFtQjtrQkFQL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxzQkFBc0I7cUJBQzlCO2lCQUNGOzhCQVNDLEVBQUU7c0JBSEQsV0FBVzs7c0JBQ1gsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBdXRvSWQgfSBmcm9tICcuLi8uLi9jb21tb24vYXV0by1pZC5kZWNvcmF0b3InO1xuXG4vKipcbiAqIFVzZWQgaW5zaWRlIHNwLWZpZWxkIHRvIHByb3ZpZGUgYW4gZXJyb3IgbWVzc2FnZSBmb3IgdGhlIGZpZWxkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdzcC1maWVsZC1lcnJvcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWZpZWxkX19ub3RlJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRmllbGRFcnJvckRpcmVjdGl2ZSB7XG4gIC8qKlxuICAgKiBBIHVuaXF1ZSBpZCBmb3IgdGhlIGhvc3QgRE9NIGVsZW1lbnQuXG4gICAqIElmIG5vbmUgaXMgc3VwcGxpZWQsIGl0IHdpbGwgYmUgYXV0by1nZW5lcmF0ZWQuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoKVxuICBASW5wdXQoKVxuICBAQXV0b0lkKClcbiAgaWQgPSAnJztcbn1cbiJdfQ==
package/esm2020/lib/pagination/src/pagination.component.mjs CHANGED
@@ -5,8 +5,7 @@ import * as i1 from "@angular/common";
5
5
  import * as i2 from "../../listbox/src/option.component";
6
6
  import * as i3 from "../../select/src/basic-select/basic-select.component";
7
7
  import * as i4 from "../../button/src/icon-button.component";
8
- import * as i5 from "../../button/src/button-group.component";
9
- import * as i6 from "../../icon/src/icon.component";
8
+ import * as i5 from "../../icon/src/icon.component";
10
9
  export class SapphirePaginationChange {
11
10
  constructor(
12
11
  /** The new page index */
@@ -65,10 +64,10 @@ export class PaginationComponent {
65
64
  }
66
65
  }
67
66
  PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
68
- PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PaginationComponent, selector: "sp-pagination", inputs: { pageSize: "pageSize", itemCount: "itemCount", page: "page", pageSizeOptions: "pageSizeOptions", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"sapphire-pagination\">\n <sp-basic-select\n *ngIf=\"pageSizeOptions\"\n placeholder=\"Select an option\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n aria-label=\"Number of items per page\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ pageSizeOption + ' items per page' }}</sp-option\n >\n </sp-basic-select>\n <span class=\"sapphire-pagination-controls\">\n <span class=\"sapphire-pagination-text\">\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination-text-alphabetic\"> of </span>\n {{ itemCount }}\n </span>\n <sp-button-group>\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"small\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n aria-label=\"Previous\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon></button\n ><button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"small\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n aria-label=\"Next\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </sp-button-group>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-pagination-size-spacing-container-vertical) var(--sapphire-pagination-size-spacing-container-horizontal);background-color:var(--sapphire-pagination-color-background);font-family:var(--sapphire-pagination-font-name);font-size:var(--sapphire-pagination-size-font);height:var(--sapphire-pagination-size-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination-controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1}.sapphire-pagination-text{font-weight:var(--sapphire-pagination-font-weight-numeric-text);color:var(--sapphire-pagination-color-text);padding-right:var(--sapphire-pagination-size-spacing-controls-horizontal)}.sapphire-pagination-text-alphabetic{font-weight:var(--sapphire-pagination-font-weight-alphabetic-text);padding-left:var(--sapphire-pagination-size-spacing-text-horizontal);padding-right:var(--sapphire-pagination-size-spacing-text-horizontal)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-button-size-spacing-horizontal-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.OptionComponent, selector: "sp-option", inputs: ["value", "disabled"] }, { kind: "component", type: i3.BasicSelectComponent, selector: "sp-basic-select", inputs: ["size", "variant"], exportAs: ["spBasicSelect"] }, { kind: "directive", type: i3.BasicSingleSelectDirective, selector: "sp-basic-select:not([multiple])" }, { kind: "component", type: i4.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "component", type: i5.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "iconSpacing", "spacing", "orientation"] }, { kind: "component", type: i6.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }] });
67
+ PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PaginationComponent, selector: "sp-pagination", inputs: { pageSize: "pageSize", itemCount: "itemCount", page: "page", pageSizeOptions: "pageSizeOptions", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"sapphire-pagination\">\n <sp-basic-select\n *ngIf=\"pageSizeOptions\"\n placeholder=\"Select an option\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n aria-label=\"Number of items per page\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ pageSizeOption + ' items per page' }}</sp-option\n >\n </sp-basic-select>\n <span class=\"sapphire-pagination__controls\">\n <span class=\"sapphire-pagination__text--emphasized\">\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> of </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"small\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n aria-label=\"Previous\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon></button\n ><button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"small\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n aria-label=\"Next\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-pagination-size-spacing-container-vertical) var(--sapphire-pagination-size-spacing-container-horizontal);background-color:var(--sapphire-pagination-color-background);font-family:var(--sapphire-pagination-font-name);font-size:var(--sapphire-pagination-size-font-page);height:var(--sapphire-pagination-size-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-pagination-color-text);gap:var(--sapphire-pagination-size-spacing-controls-horizontal)}.sapphire-pagination__text{font-weight:var(--sapphire-pagination-font-weight-alphabetic-text);padding-left:var(--sapphire-pagination-size-spacing-text-horizontal);padding-right:var(--sapphire-pagination-size-spacing-text-horizontal)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-pagination-font-weight-numeric-text)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-pagination-size-ellipsis);width:var(--sapphire-pagination-size-ellipsis);font-size:var(--sapphire-pagination-size-font-ellipsis);font-weight:var(--sapphire-pagination-font-weight-numeric-text)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-button-size-spacing-horizontal-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.OptionComponent, selector: "sp-option", inputs: ["value", "disabled"] }, { kind: "component", type: i3.BasicSelectComponent, selector: "sp-basic-select", inputs: ["size", "variant"], exportAs: ["spBasicSelect"] }, { kind: "directive", type: i3.BasicSingleSelectDirective, selector: "sp-basic-select:not([multiple])" }, { kind: "component", type: i4.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "component", type: i5.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }] });
69
68
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PaginationComponent, decorators: [{
70
69
  type: Component,
71
- args: [{ selector: 'sp-pagination', template: "<div class=\"sapphire-pagination\">\n <sp-basic-select\n *ngIf=\"pageSizeOptions\"\n placeholder=\"Select an option\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n aria-label=\"Number of items per page\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ pageSizeOption + ' items per page' }}</sp-option\n >\n </sp-basic-select>\n <span class=\"sapphire-pagination-controls\">\n <span class=\"sapphire-pagination-text\">\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination-text-alphabetic\"> of </span>\n {{ itemCount }}\n </span>\n <sp-button-group>\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"small\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n aria-label=\"Previous\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon></button\n ><button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"small\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n aria-label=\"Next\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </sp-button-group>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-pagination-size-spacing-container-vertical) var(--sapphire-pagination-size-spacing-container-horizontal);background-color:var(--sapphire-pagination-color-background);font-family:var(--sapphire-pagination-font-name);font-size:var(--sapphire-pagination-size-font);height:var(--sapphire-pagination-size-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination-controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1}.sapphire-pagination-text{font-weight:var(--sapphire-pagination-font-weight-numeric-text);color:var(--sapphire-pagination-color-text);padding-right:var(--sapphire-pagination-size-spacing-controls-horizontal)}.sapphire-pagination-text-alphabetic{font-weight:var(--sapphire-pagination-font-weight-alphabetic-text);padding-left:var(--sapphire-pagination-size-spacing-text-horizontal);padding-right:var(--sapphire-pagination-size-spacing-text-horizontal)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-button-size-spacing-horizontal-m))}\n"] }]
70
+ args: [{ selector: 'sp-pagination', template: "<div class=\"sapphire-pagination\">\n <sp-basic-select\n *ngIf=\"pageSizeOptions\"\n placeholder=\"Select an option\"\n (valueChange)=\"_onPageSizeChange($event)\"\n [value]=\"'' + pageSize\"\n [disabled]=\"!!disabled\"\n aria-label=\"Number of items per page\"\n >\n <sp-option\n *ngFor=\"let pageSizeOption of pageSizeOptions\"\n [value]=\"'' + pageSizeOption\"\n >{{ pageSizeOption + ' items per page' }}</sp-option\n >\n </sp-basic-select>\n <span class=\"sapphire-pagination__controls\">\n <span class=\"sapphire-pagination__text--emphasized\">\n {{ startItemIndex }} -\n {{ endItemIndex }}\n <span class=\"sapphire-pagination__text\"> of </span>\n {{ itemCount }}\n </span>\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"small\"\n (click)=\"_onPageChange('previous')\"\n [disabled]=\"_isPreviousPageButtonDisabled() || !!disabled\"\n aria-label=\"Previous\"\n >\n <sp-icon name=\"chevronLeft\"></sp-icon></button\n ><button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"small\"\n (click)=\"_onPageChange('next')\"\n [disabled]=\"_isNextPageButtonDisabled() || !!disabled\"\n aria-label=\"Next\"\n >\n <sp-icon name=\"chevronRight\"></sp-icon>\n </button>\n </span>\n</div>\n", styles: [".sapphire-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--sapphire-pagination-size-spacing-container-vertical) var(--sapphire-pagination-size-spacing-container-horizontal);background-color:var(--sapphire-pagination-color-background);font-family:var(--sapphire-pagination-font-name);font-size:var(--sapphire-pagination-size-font-page);height:var(--sapphire-pagination-size-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-pagination__controls{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;color:var(--sapphire-pagination-color-text);gap:var(--sapphire-pagination-size-spacing-controls-horizontal)}.sapphire-pagination__text{font-weight:var(--sapphire-pagination-font-weight-alphabetic-text);padding-left:var(--sapphire-pagination-size-spacing-text-horizontal);padding-right:var(--sapphire-pagination-size-spacing-text-horizontal)}.sapphire-pagination__text--emphasized{font-weight:var(--sapphire-pagination-font-weight-numeric-text)}.sapphire-pagination__ellipsis{display:flex;justify-content:center;align-items:center;height:var(--sapphire-pagination-size-ellipsis);width:var(--sapphire-pagination-size-ellipsis);font-size:var(--sapphire-pagination-size-font-ellipsis);font-weight:var(--sapphire-pagination-font-weight-numeric-text)}sp-basic-select{margin-left:calc(-1 * var(--sapphire-button-size-spacing-horizontal-m))}\n"] }]
72
71
  }], propDecorators: { pageSize: [{
73
72
  type: Input
74
73
  }], itemCount: [{
@@ -82,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
82
81
  }], valueChange: [{
83
82
  type: Output
84
83
  }] } });
85
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BhZ2luYXRpb24vc3JjL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wYWdpbmF0aW9uL3NyYy9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQUV2RSxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DO0lBQ0UseUJBQXlCO0lBQ1QsSUFBWTtJQUM1Qix3QkFBd0I7SUFDUixRQUFnQjtRQUZoQixTQUFJLEdBQUosSUFBSSxDQUFRO1FBRVosYUFBUSxHQUFSLFFBQVEsQ0FBUTtJQUMvQixDQUFDO0NBQ0w7QUFPRCxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBT0UsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUd0QixjQUFTLEdBQVcsQ0FBQyxDQUFDO1FBR3RCLFNBQUksR0FBVyxDQUFDLENBQUM7UUFZVCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBVWhCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQTRCLENBQUM7S0FpQy9FO0lBbERDLElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxRQUFRLENBQUMsS0FBbUI7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBR0QsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBSUQsaUJBQWlCLENBQUMsS0FBYTtRQUM3QixNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRXhDOzs7V0FHRztRQUNILE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLENBQUM7UUFDckQsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRTVELElBQUksQ0FBQyxJQUFJLEdBQUcsT0FBTyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsV0FBVyxDQUFDO1FBQzVCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQThCO1FBQzFDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxTQUFTLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEUsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsSUFBSSxFQUFFLE9BQU87WUFDYixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELHlCQUF5QjtRQUN2QixPQUFPLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDckUsQ0FBQztJQUVELDZCQUE2QjtRQUMzQixPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O2dIQTlEVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixnT0NqQmhDLHE5Q0ErQ0E7MkZEOUJhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxlQUFlOzhCQU16QixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUs7Z0JBSUYsUUFBUTtzQkFEWCxLQUFLO2dCQWlCYSxXQUFXO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm9vbGVhbklucHV0LCBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNsYXNzIFNhcHBoaXJlUGFnaW5hdGlvbkNoYW5nZSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIC8qKiBUaGUgbmV3IHBhZ2UgaW5kZXggKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgcGFnZTogbnVtYmVyLFxuICAgIC8qKiBUaGUgbmV3IHBhZ2Ugc2l6ZSAqL1xuICAgIHB1YmxpYyByZWFkb25seSBwYWdlU2l6ZTogbnVtYmVyXG4gICkge31cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtcGFnaW5hdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcGFnZVNpemU6IG51bWJlciA9IDEwO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1Db3VudDogbnVtYmVyID0gMDtcblxuICBASW5wdXQoKVxuICBwYWdlOiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2VTaXplT3B0aW9ucz86IG51bWJlcltdO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XG4gIH1cbiAgc2V0IGRpc2FibGVkKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICB0aGlzLl9kaXNhYmxlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cbiAgcHJpdmF0ZSBfZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBnZXQgc3RhcnRJdGVtSW5kZXgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5wYWdlICogdGhpcy5wYWdlU2l6ZSArIDE7XG4gIH1cblxuICBnZXQgZW5kSXRlbUluZGV4KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGgubWluKHRoaXMucGFnZSAqIHRoaXMucGFnZVNpemUgKyB0aGlzLnBhZ2VTaXplLCB0aGlzLml0ZW1Db3VudCk7XG4gIH1cblxuICBAT3V0cHV0KCkgcmVhZG9ubHkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFNhcHBoaXJlUGFnaW5hdGlvbkNoYW5nZT4oKTtcblxuICBfb25QYWdlU2l6ZUNoYW5nZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgY29uc3QgbmV3UGFnZVNpemUgPSBwYXJzZUludCh2YWx1ZSwgMTApO1xuXG4gICAgLyoqXG4gICAgICogQXZvaWQgZ29pbmcgdG8gaW52YWxpZCBwYWdlIHdoZW4gc3dpdGNoaW5nXG4gICAgICogdG8gYSBkaWZmZXJlbnQgcGFnZSBzaXplXG4gICAgICovXG4gICAgY29uc3QgZmlyc3RJdGVtSW5kZXggPSB0aGlzLnBhZ2VTaXplICogdGhpcy5wYWdlICsgMTtcbiAgICBjb25zdCBuZXdQYWdlID0gTWF0aC5jZWlsKGZpcnN0SXRlbUluZGV4IC8gbmV3UGFnZVNpemUpIC0gMTtcblxuICAgIHRoaXMucGFnZSA9IG5ld1BhZ2U7XG4gICAgdGhpcy5wYWdlU2l6ZSA9IG5ld1BhZ2VTaXplO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh7IHBhZ2U6IG5ld1BhZ2UsIHBhZ2VTaXplOiBuZXdQYWdlU2l6ZSB9KTtcbiAgfVxuXG4gIF9vblBhZ2VDaGFuZ2UoZGlyZWN0aW9uOiAncHJldmlvdXMnIHwgJ25leHQnKSB7XG4gICAgY29uc3QgbmV3UGFnZSA9IHRoaXMucGFnZSArIChkaXJlY3Rpb24gPT09ICdwcmV2aW91cycgPyAtMSA6IDEpO1xuICAgIHRoaXMucGFnZSA9IG5ld1BhZ2U7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHtcbiAgICAgIHBhZ2U6IG5ld1BhZ2UsXG4gICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSxcbiAgICB9KTtcbiAgfVxuXG4gIF9pc05leHRQYWdlQnV0dG9uRGlzYWJsZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbUNvdW50IDw9IHRoaXMucGFnZSAqIHRoaXMucGFnZVNpemUgKyB0aGlzLnBhZ2VTaXplO1xuICB9XG5cbiAgX2lzUHJldmlvdXNQYWdlQnV0dG9uRGlzYWJsZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMucGFnZSA9PT0gMDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNhcHBoaXJlLXBhZ2luYXRpb25cIj5cbiAgPHNwLWJhc2ljLXNlbGVjdFxuICAgICpuZ0lmPVwicGFnZVNpemVPcHRpb25zXCJcbiAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBhbiBvcHRpb25cIlxuICAgICh2YWx1ZUNoYW5nZSk9XCJfb25QYWdlU2l6ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICBbdmFsdWVdPVwiJycgKyBwYWdlU2l6ZVwiXG4gICAgW2Rpc2FibGVkXT1cIiEhZGlzYWJsZWRcIlxuICAgIGFyaWEtbGFiZWw9XCJOdW1iZXIgb2YgaXRlbXMgcGVyIHBhZ2VcIlxuICA+XG4gICAgPHNwLW9wdGlvblxuICAgICAgKm5nRm9yPVwibGV0IHBhZ2VTaXplT3B0aW9uIG9mIHBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICBbdmFsdWVdPVwiJycgKyBwYWdlU2l6ZU9wdGlvblwiXG4gICAgICA+e3sgcGFnZVNpemVPcHRpb24gKyAnIGl0ZW1zIHBlciBwYWdlJyB9fTwvc3Atb3B0aW9uXG4gICAgPlxuICA8L3NwLWJhc2ljLXNlbGVjdD5cbiAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1wYWdpbmF0aW9uLWNvbnRyb2xzXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1wYWdpbmF0aW9uLXRleHRcIj5cbiAgICAgIHt7IHN0YXJ0SXRlbUluZGV4IH19IC1cbiAgICAgIHt7IGVuZEl0ZW1JbmRleCB9fVxuICAgICAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1wYWdpbmF0aW9uLXRleHQtYWxwaGFiZXRpY1wiPiBvZiA8L3NwYW4+XG4gICAgICB7eyBpdGVtQ291bnQgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwLWJ1dHRvbi1ncm91cD5cbiAgICAgIDxidXR0b25cbiAgICAgICAgc3AtaWNvbi1idXR0b25cbiAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgYXBwZWFyYW5jZT1cImdob3N0XCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgKGNsaWNrKT1cIl9vblBhZ2VDaGFuZ2UoJ3ByZXZpb3VzJylcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiX2lzUHJldmlvdXNQYWdlQnV0dG9uRGlzYWJsZWQoKSB8fCAhIWRpc2FibGVkXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cIlByZXZpb3VzXCJcbiAgICAgID5cbiAgICAgICAgPHNwLWljb24gbmFtZT1cImNoZXZyb25MZWZ0XCI+PC9zcC1pY29uPjwvYnV0dG9uXG4gICAgICA+PGJ1dHRvblxuICAgICAgICBzcC1pY29uLWJ1dHRvblxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAoY2xpY2spPVwiX29uUGFnZUNoYW5nZSgnbmV4dCcpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIl9pc05leHRQYWdlQnV0dG9uRGlzYWJsZWQoKSB8fCAhIWRpc2FibGVkXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cIk5leHRcIlxuICAgICAgPlxuICAgICAgICA8c3AtaWNvbiBuYW1lPVwiY2hldnJvblJpZ2h0XCI+PC9zcC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9zcC1idXR0b24tZ3JvdXA+XG4gIDwvc3Bhbj5cbjwvZGl2PlxuIl19
84
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BhZ2luYXRpb24vc3JjL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wYWdpbmF0aW9uL3NyYy9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBRXZFLE1BQU0sT0FBTyx3QkFBd0I7SUFDbkM7SUFDRSx5QkFBeUI7SUFDVCxJQUFZO0lBQzVCLHdCQUF3QjtJQUNSLFFBQWdCO1FBRmhCLFNBQUksR0FBSixJQUFJLENBQVE7UUFFWixhQUFRLEdBQVIsUUFBUSxDQUFRO0lBQy9CLENBQUM7Q0FDTDtBQU9ELE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFPRSxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBR3RCLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFHdEIsU0FBSSxHQUFXLENBQUMsQ0FBQztRQVlULGNBQVMsR0FBWSxLQUFLLENBQUM7UUFVaEIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztLQWlDL0U7SUFsREMsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxLQUFtQjtRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFHRCxJQUFJLGNBQWM7UUFDaEIsT0FBTyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzdFLENBQUM7SUFJRCxpQkFBaUIsQ0FBQyxLQUFhO1FBQzdCLE1BQU0sV0FBVyxHQUFHLFFBQVEsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFeEM7OztXQUdHO1FBQ0gsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztRQUNyRCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7UUFFNUQsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7UUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxXQUFXLENBQUM7UUFDNUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxhQUFhLENBQUMsU0FBOEI7UUFDMUMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLFNBQVMsS0FBSyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoRSxJQUFJLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixJQUFJLEVBQUUsT0FBTztZQUNiLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUN4QixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQseUJBQXlCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNyRSxDQUFDO0lBRUQsNkJBQTZCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQzs7Z0hBOURVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGdPQ2pCaEMsZzRDQTZDQTsyRkQ1QmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGVBQWU7OEJBTXpCLFFBQVE7c0JBRFAsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJRixRQUFRO3NCQURYLEtBQUs7Z0JBaUJhLFdBQVc7c0JBQTdCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb29sZWFuSW5wdXQsIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY2xhc3MgU2FwcGhpcmVQYWdpbmF0aW9uQ2hhbmdlIHtcbiAgY29uc3RydWN0b3IoXG4gICAgLyoqIFRoZSBuZXcgcGFnZSBpbmRleCAqL1xuICAgIHB1YmxpYyByZWFkb25seSBwYWdlOiBudW1iZXIsXG4gICAgLyoqIFRoZSBuZXcgcGFnZSBzaXplICovXG4gICAgcHVibGljIHJlYWRvbmx5IHBhZ2VTaXplOiBudW1iZXJcbiAgKSB7fVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYWdpbmF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Db21wb25lbnQge1xuICBASW5wdXQoKVxuICBwYWdlU2l6ZTogbnVtYmVyID0gMTA7XG5cbiAgQElucHV0KClcbiAgaXRlbUNvdW50OiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2U6IG51bWJlciA9IDA7XG5cbiAgQElucHV0KClcbiAgcGFnZVNpemVPcHRpb25zPzogbnVtYmVyW107XG5cbiAgQElucHV0KClcbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcbiAgfVxuICBzZXQgZGlzYWJsZWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgfVxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGdldCBzdGFydEl0ZW1JbmRleCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLnBhZ2UgKiB0aGlzLnBhZ2VTaXplICsgMTtcbiAgfVxuXG4gIGdldCBlbmRJdGVtSW5kZXgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gTWF0aC5taW4odGhpcy5wYWdlICogdGhpcy5wYWdlU2l6ZSArIHRoaXMucGFnZVNpemUsIHRoaXMuaXRlbUNvdW50KTtcbiAgfVxuXG4gIEBPdXRwdXQoKSByZWFkb25seSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8U2FwcGhpcmVQYWdpbmF0aW9uQ2hhbmdlPigpO1xuXG4gIF9vblBhZ2VTaXplQ2hhbmdlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICBjb25zdCBuZXdQYWdlU2l6ZSA9IHBhcnNlSW50KHZhbHVlLCAxMCk7XG5cbiAgICAvKipcbiAgICAgKiBBdm9pZCBnb2luZyB0byBpbnZhbGlkIHBhZ2Ugd2hlbiBzd2l0Y2hpbmdcbiAgICAgKiB0byBhIGRpZmZlcmVudCBwYWdlIHNpemVcbiAgICAgKi9cbiAgICBjb25zdCBmaXJzdEl0ZW1JbmRleCA9IHRoaXMucGFnZVNpemUgKiB0aGlzLnBhZ2UgKyAxO1xuICAgIGNvbnN0IG5ld1BhZ2UgPSBNYXRoLmNlaWwoZmlyc3RJdGVtSW5kZXggLyBuZXdQYWdlU2l6ZSkgLSAxO1xuXG4gICAgdGhpcy5wYWdlID0gbmV3UGFnZTtcbiAgICB0aGlzLnBhZ2VTaXplID0gbmV3UGFnZVNpemU7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHsgcGFnZTogbmV3UGFnZSwgcGFnZVNpemU6IG5ld1BhZ2VTaXplIH0pO1xuICB9XG5cbiAgX29uUGFnZUNoYW5nZShkaXJlY3Rpb246ICdwcmV2aW91cycgfCAnbmV4dCcpIHtcbiAgICBjb25zdCBuZXdQYWdlID0gdGhpcy5wYWdlICsgKGRpcmVjdGlvbiA9PT0gJ3ByZXZpb3VzJyA/IC0xIDogMSk7XG4gICAgdGhpcy5wYWdlID0gbmV3UGFnZTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoe1xuICAgICAgcGFnZTogbmV3UGFnZSxcbiAgICAgIHBhZ2VTaXplOiB0aGlzLnBhZ2VTaXplLFxuICAgIH0pO1xuICB9XG5cbiAgX2lzTmV4dFBhZ2VCdXR0b25EaXNhYmxlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5pdGVtQ291bnQgPD0gdGhpcy5wYWdlICogdGhpcy5wYWdlU2l6ZSArIHRoaXMucGFnZVNpemU7XG4gIH1cblxuICBfaXNQcmV2aW91c1BhZ2VCdXR0b25EaXNhYmxlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5wYWdlID09PSAwO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2FwcGhpcmUtcGFnaW5hdGlvblwiPlxuICA8c3AtYmFzaWMtc2VsZWN0XG4gICAgKm5nSWY9XCJwYWdlU2l6ZU9wdGlvbnNcIlxuICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IGFuIG9wdGlvblwiXG4gICAgKHZhbHVlQ2hhbmdlKT1cIl9vblBhZ2VTaXplQ2hhbmdlKCRldmVudClcIlxuICAgIFt2YWx1ZV09XCInJyArIHBhZ2VTaXplXCJcbiAgICBbZGlzYWJsZWRdPVwiISFkaXNhYmxlZFwiXG4gICAgYXJpYS1sYWJlbD1cIk51bWJlciBvZiBpdGVtcyBwZXIgcGFnZVwiXG4gID5cbiAgICA8c3Atb3B0aW9uXG4gICAgICAqbmdGb3I9XCJsZXQgcGFnZVNpemVPcHRpb24gb2YgcGFnZVNpemVPcHRpb25zXCJcbiAgICAgIFt2YWx1ZV09XCInJyArIHBhZ2VTaXplT3B0aW9uXCJcbiAgICAgID57eyBwYWdlU2l6ZU9wdGlvbiArICcgaXRlbXMgcGVyIHBhZ2UnIH19PC9zcC1vcHRpb25cbiAgICA+XG4gIDwvc3AtYmFzaWMtc2VsZWN0PlxuICA8c3BhbiBjbGFzcz1cInNhcHBoaXJlLXBhZ2luYXRpb25fX2NvbnRyb2xzXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1wYWdpbmF0aW9uX190ZXh0LS1lbXBoYXNpemVkXCI+XG4gICAgICB7eyBzdGFydEl0ZW1JbmRleCB9fSAtXG4gICAgICB7eyBlbmRJdGVtSW5kZXggfX1cbiAgICAgIDxzcGFuIGNsYXNzPVwic2FwcGhpcmUtcGFnaW5hdGlvbl9fdGV4dFwiPiBvZiA8L3NwYW4+XG4gICAgICB7eyBpdGVtQ291bnQgfX1cbiAgICA8L3NwYW4+XG4gICAgPGJ1dHRvblxuICAgICAgc3AtaWNvbi1idXR0b25cbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIChjbGljayk9XCJfb25QYWdlQ2hhbmdlKCdwcmV2aW91cycpXCJcbiAgICAgIFtkaXNhYmxlZF09XCJfaXNQcmV2aW91c1BhZ2VCdXR0b25EaXNhYmxlZCgpIHx8ICEhZGlzYWJsZWRcIlxuICAgICAgYXJpYS1sYWJlbD1cIlByZXZpb3VzXCJcbiAgICA+XG4gICAgICA8c3AtaWNvbiBuYW1lPVwiY2hldnJvbkxlZnRcIj48L3NwLWljb24+PC9idXR0b25cbiAgICA+PGJ1dHRvblxuICAgICAgc3AtaWNvbi1idXR0b25cbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIChjbGljayk9XCJfb25QYWdlQ2hhbmdlKCduZXh0JylcIlxuICAgICAgW2Rpc2FibGVkXT1cIl9pc05leHRQYWdlQnV0dG9uRGlzYWJsZWQoKSB8fCAhIWRpc2FibGVkXCJcbiAgICAgIGFyaWEtbGFiZWw9XCJOZXh0XCJcbiAgICA+XG4gICAgICA8c3AtaWNvbiBuYW1lPVwiY2hldnJvblJpZ2h0XCI+PC9zcC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==
package/esm2020/lib/popover/src/popover.component.mjs CHANGED
@@ -23,6 +23,10 @@ export class PopoverComponent {
23
23
  * Whether the default behavior of moving focus to the popover content upon open should be disabled
24
24
  */
25
25
  this.noAutoFocus = false;
26
+ /**
27
+ * Wheter the popover traps the focus inside.
28
+ */
29
+ this.trapFocus = false;
26
30
  this.ID = `sp-popover-${Math.floor(Math.random() * 1000000000)}`;
27
31
  /**
28
32
  * Keeps track of if the content is focused
@@ -55,8 +59,14 @@ export class PopoverComponent {
55
59
  *
56
60
  * In addition to those scenarios, the focused element may get disabled in the popover,
57
61
  * which moves the focus to body.
62
+ *
63
+ * contentFocused might have changed before timeout rad but we only care
64
+ * in case trapFocus is true. If that's the case, we don't want
65
+ * to close the popover if anything moved the focus inside before the
66
+ * timeout ran.
58
67
  */
59
- document.activeElement !== document.body &&
68
+ (!this.trapFocus || !this.contentFocused) &&
69
+ document.activeElement !== document.body &&
60
70
  !this.trigger?.elementRef.nativeElement.contains(document.activeElement)) {
61
71
  this.trigger?.close();
62
72
  }
@@ -65,7 +75,7 @@ export class PopoverComponent {
65
75
  }
66
76
  }
67
77
  PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PopoverComponent, deps: [{ token: POPOVER_TRIGGER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
68
- PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PopoverComponent, selector: "sp-popover", inputs: { noPadding: "noPadding", noMaxWidth: "noMaxWidth", noAutoFocus: "noAutoFocus" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.Escape": "handleEscape($event)" }, properties: { "class.sapphire-popover": "true", "class.sapphire-popover--padded": "!noPadding", "class.sapphire-popover--max-width": "!noMaxWidth" } }, queries: [{ propertyName: "title", first: true, predicate: PopoverTitleDirective, descendants: true }], viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<!--\nNOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria. It does NOT prevent focus from going out of popover,\n which is good, as we want the popover to close on blur.\n -->\n<div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-popover-color-background);box-shadow:var(--sapphire-popover-shadow);animation:fade-in var(--sapphire-popover-time-transition) ease-in-out;border-radius:var(--sapphire-popover-size-radius);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-popover-size-spacing-padded)}.sapphire-popover--max-width{max-width:var(--sapphire-popover-size-max-width)}.dialog{outline:none}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i3.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }] });
78
+ PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PopoverComponent, selector: "sp-popover", inputs: { noPadding: "noPadding", noMaxWidth: "noMaxWidth", noAutoFocus: "noAutoFocus", trapFocus: "trapFocus" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.Escape": "handleEscape($event)" }, properties: { "class.sapphire-popover": "true", "class.sapphire-popover--padded": "!noPadding", "class.sapphire-popover--max-width": "!noMaxWidth" } }, queries: [{ propertyName: "title", first: true, predicate: PopoverTitleDirective, descendants: true }], viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n -->\n<div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-popover-color-background);box-shadow:var(--sapphire-popover-shadow);animation:fade-in var(--sapphire-popover-time-transition) ease-in-out;border-radius:var(--sapphire-popover-size-radius);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-popover-size-spacing-padded)}.sapphire-popover--max-width{max-width:var(--sapphire-popover-size-max-width)}.dialog{outline:none}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i3.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }] });
69
79
  __decorate([
70
80
  CoerceBoolean
71
81
  ], PopoverComponent.prototype, "noPadding", void 0);
@@ -75,6 +85,9 @@ __decorate([
75
85
  __decorate([
76
86
  CoerceBoolean
77
87
  ], PopoverComponent.prototype, "noAutoFocus", void 0);
88
+ __decorate([
89
+ CoerceBoolean
90
+ ], PopoverComponent.prototype, "trapFocus", void 0);
78
91
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PopoverComponent, decorators: [{
79
92
  type: Component,
80
93
  args: [{ selector: 'sp-popover', host: {
@@ -82,7 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
82
95
  '[class.sapphire-popover--padded]': '!noPadding',
83
96
  '[class.sapphire-popover--max-width]': '!noMaxWidth',
84
97
  role: 'presentation',
85
- }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<!--\nNOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria. It does NOT prevent focus from going out of popover,\n which is good, as we want the popover to close on blur.\n -->\n<div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-popover-color-background);box-shadow:var(--sapphire-popover-shadow);animation:fade-in var(--sapphire-popover-time-transition) ease-in-out;border-radius:var(--sapphire-popover-size-radius);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-popover-size-spacing-padded)}.sapphire-popover--max-width{max-width:var(--sapphire-popover-size-max-width)}.dialog{outline:none}\n"] }]
98
+ }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n -->\n<div\n #contentWrapper\n [id]=\"ID\"\n role=\"dialog\"\n tabindex=\"-1\"\n cdkMonitorSubtreeFocus\n cdkTrapFocus\n [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n class=\"dialog\"\n [attr.aria-labelledby]=\"title?.ID\"\n (cdkFocusChange)=\"_contentFocusChanged($event)\"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-popover-color-background);box-shadow:var(--sapphire-popover-shadow);animation:fade-in var(--sapphire-popover-time-transition) ease-in-out;border-radius:var(--sapphire-popover-size-radius);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-popover-size-spacing-padded)}.sapphire-popover--max-width{max-width:var(--sapphire-popover-size-max-width)}.dialog{outline:none}\n"] }]
86
99
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
87
100
  type: Optional
88
101
  }, {
@@ -100,8 +113,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
100
113
  args: ['contentWrapper', { read: ElementRef }]
101
114
  }], noAutoFocus: [{
102
115
  type: Input
116
+ }], trapFocus: [{
117
+ type: Input
103
118
  }], handleEscape: [{
104
119
  type: HostListener,
105
120
  args: ['keydown.Escape', ['$event']]
106
121
  }] } });
107
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BvcG92ZXIvc3JjL3BvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wb3BvdmVyL3NyYy9wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFJdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQWtCLE1BQU0sNkJBQTZCLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0FBRXBGOzs7OztHQUtHO0FBYUgsTUFBTSxPQUFPLGdCQUFnQjtJQTRCM0IsWUFDK0MsT0FBd0I7UUFBeEIsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUFmdkU7O1dBRUc7UUFHSCxnQkFBVyxHQUFpQixLQUFLLENBQUM7UUFFbEMsT0FBRSxHQUFXLGNBQWMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsVUFBVSxDQUFDLEVBQUUsQ0FBQztRQUVwRTs7V0FFRztRQUNLLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBSTVCLENBQUM7SUFFSixlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzdDLElBQUksQ0FBQyxjQUFjLEVBQUUsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUdPLFlBQVksQ0FBQyxLQUFvQjtRQUN2QyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELG9CQUFvQixDQUFDLE1BQW1CO1FBQ3RDLElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxJQUFJLElBQUksQ0FBQztRQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QiwyRkFBMkY7WUFDM0YsMkZBQTJGO1lBQzNGLGdCQUFnQjtZQUNoQixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkO2dCQUNFOzs7Ozs7O21CQU9HO2dCQUNILFFBQVEsQ0FBQyxhQUFhLEtBQUssUUFBUSxDQUFDLElBQUk7b0JBQ3hDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FDOUMsUUFBUSxDQUFDLGFBQWEsQ0FDdkIsRUFDRDtvQkFDQSxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO2lCQUN2QjtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDOzs2R0F2RVUsZ0JBQWdCLGtCQTZCTCxlQUFlO2lHQTdCMUIsZ0JBQWdCLGdiQVNiLHFCQUFxQiw2SUFFRSxVQUFVLGtJQ2xEakQsc2tCQW1CQTtBRHVCRTtJQURDLGFBQWE7bURBQ1U7QUFJeEI7SUFEQyxhQUFhO29EQUNXO0FBWXpCO0lBREMsYUFBYTtxREFDb0I7MkZBbkJ2QixnQkFBZ0I7a0JBWjVCLFNBQVM7K0JBQ0UsWUFBWSxRQUdoQjt3QkFDSiwwQkFBMEIsRUFBRSxNQUFNO3dCQUNsQyxrQ0FBa0MsRUFBRSxZQUFZO3dCQUNoRCxxQ0FBcUMsRUFBRSxhQUFhO3dCQUNwRCxJQUFJLEVBQUUsY0FBYztxQkFDckIsa0JBQ2UsQ0FBQyxtQkFBbUIsRUFBRSx3QkFBd0IsQ0FBQzs7MEJBK0I1RCxRQUFROzswQkFBSSxNQUFNOzJCQUFDLGVBQWU7NENBMUJyQyxTQUFTO3NCQUZSLEtBQUs7Z0JBTU4sVUFBVTtzQkFGVCxLQUFLO2dCQUkrQixLQUFLO3NCQUF6QyxZQUFZO3VCQUFDLHFCQUFxQjtnQkFHM0IsY0FBYztzQkFEckIsU0FBUzt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBUWpELFdBQVc7c0JBRlYsS0FBSztnQkFzQkUsWUFBWTtzQkFEbkIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFbGVtZW50UmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE9wdGlvbmFsLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaGFzTW9kaWZpZXJLZXkgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xuaW1wb3J0IHsgRm9jdXNPcmlnaW4gfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBUaGVtZUNoZWNrRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3JjL3RoZW1lLWNoZWNrLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBQT1BPVkVSX1RSSUdHRVIsIFBvcG92ZXJUcmlnZ2VyIH0gZnJvbSAnLi9wb3BvdmVyLXRyaWdnZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFBvcG92ZXJUaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vcG9wb3Zlci10aXRsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogQSBnZW5lcmljIHBvcG92ZXIgY29tcG9uZW50IHdoaWNoIGxldHMgeW91IHJlbmRlciBhcmJpdHJhcnlcbiAqIGNvbnRlbnQgaW4gYSBwb3BvdmVyIG92ZXJsYXkgd2hpY2ggaXMgbGlua2VkIHRvIGEgdHJpZ2dlciwgYW5kIGlzIGFjY2Vzc2libGVcbiAqIGFzXG4gKiBbZGlhbG9nXShodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BY2Nlc3NpYmlsaXR5L0FSSUEvUm9sZXMvZGlhbG9nX3JvbGUpLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wb3BvdmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BvcG92ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wb3BvdmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBvcG92ZXJdJzogJ3RydWUnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtcG9wb3Zlci0tcGFkZGVkXSc6ICchbm9QYWRkaW5nJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBvcG92ZXItLW1heC13aWR0aF0nOiAnIW5vTWF4V2lkdGgnLFxuICAgIHJvbGU6ICdwcmVzZW50YXRpb24nLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1RoZW1lQ2hlY2tEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG59KVxuZXhwb3J0IGNsYXNzIFBvcG92ZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgbm9QYWRkaW5nOiBCb29sZWFuSW5wdXQ7XG5cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgbm9NYXhXaWR0aDogQm9vbGVhbklucHV0O1xuXG4gIEBDb250ZW50Q2hpbGQoUG9wb3ZlclRpdGxlRGlyZWN0aXZlKSB0aXRsZT86IFBvcG92ZXJUaXRsZURpcmVjdGl2ZTtcblxuICBAVmlld0NoaWxkKCdjb250ZW50V3JhcHBlcicsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBwcml2YXRlIGNvbnRlbnRXcmFwcGVyPzogRWxlbWVudFJlZjtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgZGVmYXVsdCBiZWhhdmlvciBvZiBtb3ZpbmcgZm9jdXMgdG8gdGhlIHBvcG92ZXIgY29udGVudCB1cG9uIG9wZW4gc2hvdWxkIGJlIGRpc2FibGVkXG4gICAqL1xuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBub0F1dG9Gb2N1czogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgSUQ6IHN0cmluZyA9IGBzcC1wb3BvdmVyLSR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMTAwMDAwMDAwMCl9YDtcblxuICAvKipcbiAgICogS2VlcHMgdHJhY2sgb2YgaWYgdGhlIGNvbnRlbnQgaXMgZm9jdXNlZFxuICAgKi9cbiAgcHJpdmF0ZSBjb250ZW50Rm9jdXNlZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoUE9QT1ZFUl9UUklHR0VSKSBwcml2YXRlIHRyaWdnZXI/OiBQb3BvdmVyVHJpZ2dlclxuICApIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb250ZW50Rm9jdXNlZCAmJiAhdGhpcy5ub0F1dG9Gb2N1cykge1xuICAgICAgdGhpcy5jb250ZW50V3JhcHBlcj8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uRXNjYXBlJywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBoYW5kbGVFc2NhcGUoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICBpZiAoIWhhc01vZGlmaWVyS2V5KGV2ZW50KSkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMudHJpZ2dlcj8uY2xvc2UoKTtcbiAgICB9XG4gIH1cblxuICBfY29udGVudEZvY3VzQ2hhbmdlZChvcmlnaW46IEZvY3VzT3JpZ2luKSB7XG4gICAgdGhpcy5jb250ZW50Rm9jdXNlZCA9IG9yaWdpbiAhPSBudWxsO1xuICAgIGlmICghdGhpcy5jb250ZW50Rm9jdXNlZCkge1xuICAgICAgLy8gY2RrRm9jdXNDaGFuZ2UgZG9lc24ndCBnaXZlIGFjY2VzcyB0byB0aGUgbmF0aXZlIGV2ZW50LCBzbyB3ZSBjYW4ndCBmaWd1cmUgb3V0IHdoZXJlIHRoZVxuICAgICAgLy8gZm9jdXMgaXMgZ29pbmcuIFNvIHdlIGFzeW5jaHJvbm91c2x5IGNoZWNrIGlmIHRoZSBmb2N1cyBpcyBvdXRzaWRlIHRoZSB0cmlnZ2VyIGFuZCBjbG9zZVxuICAgICAgLy8gaW4gdGhhdCBjYXNlLlxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAvKipcbiAgICAgICAgICAgKiBJZiB0aGUgZm9jdXMgaXMgZ29pbmcgdG8gYm9keSwgZG9uJ3QgY2xvc2UgdGhlIHBvcG92ZXIuXG4gICAgICAgICAgICogc2ltaWxhciBjb25zaWRlcmF0aW9uIGluIHJlYWN0LWFyaWEncyB1c2VPdmVybGF5OlxuICAgICAgICAgICAqIGh0dHBzOi8vZ2l0aHViLmNvbS9hZG9iZS9yZWFjdC1zcGVjdHJ1bS9ibG9iLzJiZGE0Yzk3MWRkNTU3YmU3ZWNjNDQ2MTQ1NjlhODI4MWU2Y2I2ZGQvcGFja2FnZXMvJTQwcmVhY3QtYXJpYS9vdmVybGF5cy9zcmMvdXNlT3ZlcmxheS50cyNMMTI4LUwxMzBcbiAgICAgICAgICAgKlxuICAgICAgICAgICAqIEluIGFkZGl0aW9uIHRvIHRob3NlIHNjZW5hcmlvcywgdGhlIGZvY3VzZWQgZWxlbWVudCBtYXkgZ2V0IGRpc2FibGVkIGluIHRoZSBwb3BvdmVyLFxuICAgICAgICAgICAqIHdoaWNoIG1vdmVzIHRoZSBmb2N1cyB0byBib2R5LlxuICAgICAgICAgICAqL1xuICAgICAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgIT09IGRvY3VtZW50LmJvZHkgJiZcbiAgICAgICAgICAhdGhpcy50cmlnZ2VyPy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoXG4gICAgICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50XG4gICAgICAgICAgKVxuICAgICAgICApIHtcbiAgICAgICAgICB0aGlzLnRyaWdnZXI/LmNsb3NlKCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPCEtLVxuTk9URTogY2RrVHJhcEZvY3VzIGlzIHJlcXVpcmVkIGZvciBjZGtUcmFwRm9jdXNBdXRvQ2FwdHVyZSB0byB3b3JrLCB3aGljaCB3b3VsZCBiZSBzaW1pbGFyIHRvXG4gPEZvY3VzU2NvcGUgYXV0b0ZvY3VzIC8+IGluIHJlYWN0LWFyaWEuIEl0IGRvZXMgTk9UIHByZXZlbnQgZm9jdXMgZnJvbSBnb2luZyBvdXQgb2YgcG9wb3ZlcixcbiB3aGljaCBpcyBnb29kLCBhcyB3ZSB3YW50IHRoZSBwb3BvdmVyIHRvIGNsb3NlIG9uIGJsdXIuXG4gIC0tPlxuPGRpdlxuICAjY29udGVudFdyYXBwZXJcbiAgW2lkXT1cIklEXCJcbiAgcm9sZT1cImRpYWxvZ1wiXG4gIHRhYmluZGV4PVwiLTFcIlxuICBjZGtNb25pdG9yU3VidHJlZUZvY3VzXG4gIGNka1RyYXBGb2N1c1xuICBbY2RrVHJhcEZvY3VzQXV0b0NhcHR1cmVdPVwiIW5vQXV0b0ZvY3VzXCJcbiAgY2xhc3M9XCJkaWFsb2dcIlxuICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwidGl0bGU/LklEXCJcbiAgKGNka0ZvY3VzQ2hhbmdlKT1cIl9jb250ZW50Rm9jdXNDaGFuZ2VkKCRldmVudClcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
122
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BvcG92ZXIvc3JjL3BvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wb3BvdmVyL3NyYy9wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFJdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQWtCLE1BQU0sNkJBQTZCLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0FBRXBGOzs7OztHQUtHO0FBYUgsTUFBTSxPQUFPLGdCQUFnQjtJQW1DM0IsWUFDK0MsT0FBd0I7UUFBeEIsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUF0QnZFOztXQUVHO1FBR0gsZ0JBQVcsR0FBaUIsS0FBSyxDQUFDO1FBRWxDOztXQUVHO1FBR0gsY0FBUyxHQUFpQixLQUFLLENBQUM7UUFFaEMsT0FBRSxHQUFXLGNBQWMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsVUFBVSxDQUFDLEVBQUUsQ0FBQztRQUVwRTs7V0FFRztRQUNLLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBSTVCLENBQUM7SUFFSixlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzdDLElBQUksQ0FBQyxjQUFjLEVBQUUsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUdPLFlBQVksQ0FBQyxLQUFvQjtRQUN2QyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELG9CQUFvQixDQUFDLE1BQW1CO1FBQ3RDLElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxJQUFJLElBQUksQ0FBQztRQUVyQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QiwyRkFBMkY7WUFDM0YsMkZBQTJGO1lBQzNGLGdCQUFnQjtZQUNoQixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkO2dCQUNFOzs7Ozs7Ozs7Ozs7bUJBWUc7Z0JBQ0gsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO29CQUN6QyxRQUFRLENBQUMsYUFBYSxLQUFLLFFBQVEsQ0FBQyxJQUFJO29CQUN4QyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQzlDLFFBQVEsQ0FBQyxhQUFhLENBQ3ZCLEVBQ0Q7b0JBQ0EsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztpQkFDdkI7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQzs7NkdBckZVLGdCQUFnQixrQkFvQ0wsZUFBZTtpR0FwQzFCLGdCQUFnQix3Y0FTYixxQkFBcUIsNklBRUUsVUFBVSxrSUNsRGpELHlxQkF3QkE7QURrQkU7SUFEQyxhQUFhO21EQUNVO0FBSXhCO0lBREMsYUFBYTtvREFDVztBQVl6QjtJQURDLGFBQWE7cURBQ29CO0FBT2xDO0lBREMsYUFBYTttREFDa0I7MkZBMUJyQixnQkFBZ0I7a0JBWjVCLFNBQVM7K0JBQ0UsWUFBWSxRQUdoQjt3QkFDSiwwQkFBMEIsRUFBRSxNQUFNO3dCQUNsQyxrQ0FBa0MsRUFBRSxZQUFZO3dCQUNoRCxxQ0FBcUMsRUFBRSxhQUFhO3dCQUNwRCxJQUFJLEVBQUUsY0FBYztxQkFDckIsa0JBQ2UsQ0FBQyxtQkFBbUIsRUFBRSx3QkFBd0IsQ0FBQzs7MEJBc0M1RCxRQUFROzswQkFBSSxNQUFNOzJCQUFDLGVBQWU7NENBakNyQyxTQUFTO3NCQUZSLEtBQUs7Z0JBTU4sVUFBVTtzQkFGVCxLQUFLO2dCQUkrQixLQUFLO3NCQUF6QyxZQUFZO3VCQUFDLHFCQUFxQjtnQkFHM0IsY0FBYztzQkFEckIsU0FBUzt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBUWpELFdBQVc7c0JBRlYsS0FBSztnQkFTTixTQUFTO3NCQUZSLEtBQUs7Z0JBc0JFLFlBQVk7c0JBRG5CLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPcHRpb25hbCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGhhc01vZGlmaWVyS2V5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IEZvY3VzT3JpZ2luIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgVGhlbWVDaGVja0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3RoZW1lL3NyYy90aGVtZS1jaGVjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgUE9QT1ZFUl9UUklHR0VSLCBQb3BvdmVyVHJpZ2dlciB9IGZyb20gJy4vcG9wb3Zlci10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBQb3BvdmVyVGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL3BvcG92ZXItdGl0bGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG4vKipcbiAqIEEgZ2VuZXJpYyBwb3BvdmVyIGNvbXBvbmVudCB3aGljaCBsZXRzIHlvdSByZW5kZXIgYXJiaXRyYXJ5XG4gKiBjb250ZW50IGluIGEgcG9wb3ZlciBvdmVybGF5IHdoaWNoIGlzIGxpbmtlZCB0byBhIHRyaWdnZXIsIGFuZCBpcyBhY2Nlc3NpYmxlXG4gKiBhc1xuICogW2RpYWxvZ10oaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQWNjZXNzaWJpbGl0eS9BUklBL1JvbGVzL2RpYWxvZ19yb2xlKS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtcG9wb3ZlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wb3BvdmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcG9wb3Zlci5jb21wb25lbnQuc2NzcyddLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wb3BvdmVyXSc6ICd0cnVlJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBvcG92ZXItLXBhZGRlZF0nOiAnIW5vUGFkZGluZycsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wb3BvdmVyLS1tYXgtd2lkdGhdJzogJyFub01heFdpZHRoJyxcbiAgICByb2xlOiAncHJlc2VudGF0aW9uJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtUaGVtZUNoZWNrRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxufSlcbmV4cG9ydCBjbGFzcyBQb3BvdmVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIG5vUGFkZGluZzogQm9vbGVhbklucHV0O1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIG5vTWF4V2lkdGg6IEJvb2xlYW5JbnB1dDtcblxuICBAQ29udGVudENoaWxkKFBvcG92ZXJUaXRsZURpcmVjdGl2ZSkgdGl0bGU/OiBQb3BvdmVyVGl0bGVEaXJlY3RpdmU7XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudFdyYXBwZXInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSlcbiAgcHJpdmF0ZSBjb250ZW50V3JhcHBlcj86IEVsZW1lbnRSZWY7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGRlZmF1bHQgYmVoYXZpb3Igb2YgbW92aW5nIGZvY3VzIHRvIHRoZSBwb3BvdmVyIGNvbnRlbnQgdXBvbiBvcGVuIHNob3VsZCBiZSBkaXNhYmxlZFxuICAgKi9cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgbm9BdXRvRm9jdXM6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBXaGV0ZXIgdGhlIHBvcG92ZXIgdHJhcHMgdGhlIGZvY3VzIGluc2lkZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIHRyYXBGb2N1czogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgSUQ6IHN0cmluZyA9IGBzcC1wb3BvdmVyLSR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMTAwMDAwMDAwMCl9YDtcblxuICAvKipcbiAgICogS2VlcHMgdHJhY2sgb2YgaWYgdGhlIGNvbnRlbnQgaXMgZm9jdXNlZFxuICAgKi9cbiAgcHJpdmF0ZSBjb250ZW50Rm9jdXNlZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoUE9QT1ZFUl9UUklHR0VSKSBwcml2YXRlIHRyaWdnZXI/OiBQb3BvdmVyVHJpZ2dlclxuICApIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb250ZW50Rm9jdXNlZCAmJiAhdGhpcy5ub0F1dG9Gb2N1cykge1xuICAgICAgdGhpcy5jb250ZW50V3JhcHBlcj8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uRXNjYXBlJywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBoYW5kbGVFc2NhcGUoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICBpZiAoIWhhc01vZGlmaWVyS2V5KGV2ZW50KSkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMudHJpZ2dlcj8uY2xvc2UoKTtcbiAgICB9XG4gIH1cblxuICBfY29udGVudEZvY3VzQ2hhbmdlZChvcmlnaW46IEZvY3VzT3JpZ2luKSB7XG4gICAgdGhpcy5jb250ZW50Rm9jdXNlZCA9IG9yaWdpbiAhPSBudWxsO1xuXG4gICAgaWYgKCF0aGlzLmNvbnRlbnRGb2N1c2VkKSB7XG4gICAgICAvLyBjZGtGb2N1c0NoYW5nZSBkb2Vzbid0IGdpdmUgYWNjZXNzIHRvIHRoZSBuYXRpdmUgZXZlbnQsIHNvIHdlIGNhbid0IGZpZ3VyZSBvdXQgd2hlcmUgdGhlXG4gICAgICAvLyBmb2N1cyBpcyBnb2luZy4gU28gd2UgYXN5bmNocm9ub3VzbHkgY2hlY2sgaWYgdGhlIGZvY3VzIGlzIG91dHNpZGUgdGhlIHRyaWdnZXIgYW5kIGNsb3NlXG4gICAgICAvLyBpbiB0aGF0IGNhc2UuXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgIC8qKlxuICAgICAgICAgICAqIElmIHRoZSBmb2N1cyBpcyBnb2luZyB0byBib2R5LCBkb24ndCBjbG9zZSB0aGUgcG9wb3Zlci5cbiAgICAgICAgICAgKiBzaW1pbGFyIGNvbnNpZGVyYXRpb24gaW4gcmVhY3QtYXJpYSdzIHVzZU92ZXJsYXk6XG4gICAgICAgICAgICogaHR0cHM6Ly9naXRodWIuY29tL2Fkb2JlL3JlYWN0LXNwZWN0cnVtL2Jsb2IvMmJkYTRjOTcxZGQ1NTdiZTdlY2M0NDYxNDU2OWE4MjgxZTZjYjZkZC9wYWNrYWdlcy8lNDByZWFjdC1hcmlhL292ZXJsYXlzL3NyYy91c2VPdmVybGF5LnRzI0wxMjgtTDEzMFxuICAgICAgICAgICAqXG4gICAgICAgICAgICogSW4gYWRkaXRpb24gdG8gdGhvc2Ugc2NlbmFyaW9zLCB0aGUgZm9jdXNlZCBlbGVtZW50IG1heSBnZXQgZGlzYWJsZWQgaW4gdGhlIHBvcG92ZXIsXG4gICAgICAgICAgICogd2hpY2ggbW92ZXMgdGhlIGZvY3VzIHRvIGJvZHkuXG4gICAgICAgICAgICpcbiAgICAgICAgICAgKiBjb250ZW50Rm9jdXNlZCBtaWdodCBoYXZlIGNoYW5nZWQgYmVmb3JlIHRpbWVvdXQgcmFkIGJ1dCB3ZSBvbmx5IGNhcmVcbiAgICAgICAgICAgKiBpbiBjYXNlIHRyYXBGb2N1cyBpcyB0cnVlLiBJZiB0aGF0J3MgdGhlIGNhc2UsIHdlIGRvbid0IHdhbnRcbiAgICAgICAgICAgKiB0byBjbG9zZSB0aGUgcG9wb3ZlciBpZiBhbnl0aGluZyBtb3ZlZCB0aGUgZm9jdXMgaW5zaWRlIGJlZm9yZSB0aGVcbiAgICAgICAgICAgKiB0aW1lb3V0IHJhbi5cbiAgICAgICAgICAgKi9cbiAgICAgICAgICAoIXRoaXMudHJhcEZvY3VzIHx8ICF0aGlzLmNvbnRlbnRGb2N1c2VkKSAmJlxuICAgICAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgIT09IGRvY3VtZW50LmJvZHkgJiZcbiAgICAgICAgICAhdGhpcy50cmlnZ2VyPy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoXG4gICAgICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50XG4gICAgICAgICAgKVxuICAgICAgICApIHtcbiAgICAgICAgICB0aGlzLnRyaWdnZXI/LmNsb3NlKCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPCEtLVxuIE5PVEU6IGNka1RyYXBGb2N1cyBpcyByZXF1aXJlZCBmb3IgY2RrVHJhcEZvY3VzQXV0b0NhcHR1cmUgdG8gd29yaywgd2hpY2ggd291bGQgYmUgc2ltaWxhciB0b1xuIDxGb2N1c1Njb3BlIGF1dG9Gb2N1cyAvPiBpbiByZWFjdC1hcmlhLlxuXG4gSXQgcHJldmVudHMgZm9jdXMgZnJvbSBnb2luZyBvdXQgb2YgcG9wb3ZlciBieSBicmluZ2luZyBpdCBiYWNrIHRvIHRoZSBmaXJzdFxuIGZvY3VzYWJsZSBlbGVtZW50LlxuXG4gV2Ugc29tZXRpbWVzIGNvdW50ZXIgdGhpcyBpbiAoY2RrRm9jdXNDaGFuZ2UpIGFuZCBzb21ldGltZXMgZG9uJ3QsIGJhc2VkIG9uXG4gdGhlIFwidHJhcEZvY3VzXCIgaW5wdXQuXG4gIC0tPlxuPGRpdlxuICAjY29udGVudFdyYXBwZXJcbiAgW2lkXT1cIklEXCJcbiAgcm9sZT1cImRpYWxvZ1wiXG4gIHRhYmluZGV4PVwiLTFcIlxuICBjZGtNb25pdG9yU3VidHJlZUZvY3VzXG4gIGNka1RyYXBGb2N1c1xuICBbY2RrVHJhcEZvY3VzQXV0b0NhcHR1cmVdPVwiIW5vQXV0b0ZvY3VzXCJcbiAgY2xhc3M9XCJkaWFsb2dcIlxuICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwidGl0bGU/LklEXCJcbiAgKGNka0ZvY3VzQ2hhbmdlKT1cIl9jb250ZW50Rm9jdXNDaGFuZ2VkKCRldmVudClcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
package/esm2020/lib/select/src/basic-select/basic-select.component.mjs CHANGED
@@ -92,7 +92,7 @@ BasicSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
92
92
  useExisting: forwardRef(() => BasicSelectComponent),
93
93
  },
94
94
  ViewEncapsulationProvider,
95
- ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }], exportAs: ["spBasicSelect"], usesInheritance: true, ngImport: i0, template: "<div style=\"position: relative\">\n <sp-hidden-select></sp-hidden-select>\n <button\n sp-button\n [variant]=\"variant === 'primary' ? 'primary' : 'secondary'\"\n [appearance]=\"variant === 'uncontained' ? 'ghost' : 'fill'\"\n [size]=\"size\"\n iconAlign=\"right\"\n [spPopoverTriggerFor]=\"popover\"\n spPopoverPlacement=\"bottom start\"\n #triggerElementRef\n #triggerRef=\"spPopoverTrigger\"\n (keydown)=\"handleKeyDown($event)\"\n (spPopoverTriggerOpened)=\"_onOpen()\"\n (spPopoverTriggerClosed)=\"_onClose()\"\n cdkMonitorElementFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n aria-haspopup=\"listbox\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [disabled]=\"disabled\"\n >\n <span *ngIf=\"selectedOptions.length === 0\">\n {{ placeholder }}\n </span>\n <ng-container *ngIf=\"selectedOptions.length > 0\">\n <ng-container *ngIf=\"!selectionText\">{{\n getSelectionText()\n }}</ng-container>\n <ng-content select=\"sp-selection-text\"></ng-content>\n </ng-container>\n <sp-icon spButtonIcon name=\"chevronDown\"></sp-icon>\n </button>\n <ng-template #popover>\n <sp-popover noPadding>\n <sp-listbox\n [spListboxItems]=\"listboxChildren\"\n navigationWrapDisabled\n [multiple]=\"multiple\"\n [(selectedValues)]=\"listboxValue\"\n (selected)=\"_handleSelected()\"\n [size]=\"size\"\n >\n </sp-listbox>\n </sp-popover>\n </ng-template>\n</div>\n", styles: [".sapphire-select{position:relative;display:inline-block;color:var(--sapphire-select-color-content);width:var(--sapphire-select-size-width-control);font-family:var(--sapphire-select-font-name);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-select-size-height-field-l);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-select-size-spacing-control-horizontal-l);border:none;background-color:var(--sapphire-select-color-background-field);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-select-color-border-field-default);border-radius:var(--sapphire-select-size-radius-field)}.sapphire-select--medium .sapphire-select__button{height:var(--sapphire-select-size-height-field-m);padding:0 var(--sapphire-select-size-spacing-control-horizontal-m)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-select-size-font-content-l);width:100%;font-weight:var(--sapphire-select-size-font-weight-item);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--medium .sapphire-select__value{font-size:var(--sapphire-select-size-font-content-m)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-select-color-placeholder)}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-select-size-width-icon-l);height:var(--sapphire-select-size-height-icon-l)}.sapphire-select--medium .sapphire-select__icon-container{width:var(--sapphire-select-size-width-icon-m);height:var(--sapphire-select-size-height-icon-m)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-select-color-placeholder)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-select-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-select-size-focus-ring) var(--sapphire-select-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-select-size-focus-ring) var(--sapphire-select-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "size", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "component", type: i6.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus"] }, { kind: "directive", type: i7.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: i8.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "iconAlign", "type"] }, { kind: "directive", type: i9.ButtonIconDirective, selector: "[spButtonIcon]" }, { kind: "component", type: i10.HiddenSelectComponent, selector: "sp-hidden-select" }] });
95
+ ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }], exportAs: ["spBasicSelect"], usesInheritance: true, ngImport: i0, template: "<div style=\"position: relative\">\n <sp-hidden-select></sp-hidden-select>\n <button\n sp-button\n [variant]=\"variant === 'primary' ? 'primary' : 'secondary'\"\n [appearance]=\"variant === 'uncontained' ? 'ghost' : 'fill'\"\n [size]=\"size\"\n iconAlign=\"right\"\n [spPopoverTriggerFor]=\"popover\"\n spPopoverPlacement=\"bottom start\"\n #triggerElementRef\n #triggerRef=\"spPopoverTrigger\"\n (keydown)=\"handleKeyDown($event)\"\n (spPopoverTriggerOpened)=\"_onOpen()\"\n (spPopoverTriggerClosed)=\"_onClose()\"\n cdkMonitorElementFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n aria-haspopup=\"listbox\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [disabled]=\"disabled\"\n >\n <span *ngIf=\"selectedOptions.length === 0\">\n {{ placeholder }}\n </span>\n <ng-container *ngIf=\"selectedOptions.length > 0\">\n <ng-container *ngIf=\"!selectionText\">{{\n getSelectionText()\n }}</ng-container>\n <ng-content select=\"sp-selection-text\"></ng-content>\n </ng-container>\n <sp-icon spButtonIcon name=\"chevronDown\"></sp-icon>\n </button>\n <ng-template #popover>\n <sp-popover noPadding>\n <sp-listbox\n [spListboxItems]=\"listboxChildren\"\n navigationWrapDisabled\n [multiple]=\"multiple\"\n [(selectedValues)]=\"listboxValue\"\n (selected)=\"_handleSelected()\"\n [size]=\"size\"\n >\n </sp-listbox>\n </sp-popover>\n </ng-template>\n</div>\n", styles: [".sapphire-select{position:relative;display:inline-block;color:var(--sapphire-select-color-content);width:var(--sapphire-select-size-width-control);font-family:var(--sapphire-select-font-name);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-select-size-height-field-l);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-select-size-spacing-control-horizontal-l);border:none;background-color:var(--sapphire-select-color-background-field);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-select-color-border-field-default);border-radius:var(--sapphire-select-size-radius-field)}.sapphire-select--medium .sapphire-select__button{height:var(--sapphire-select-size-height-field-m);padding:0 var(--sapphire-select-size-spacing-control-horizontal-m)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-select-size-font-content-l);width:100%;font-weight:var(--sapphire-select-size-font-weight-item);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--medium .sapphire-select__value{font-size:var(--sapphire-select-size-font-content-m)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-select-color-placeholder)}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-select-size-width-icon-l);height:var(--sapphire-select-size-height-icon-l)}.sapphire-select--medium .sapphire-select__icon-container{width:var(--sapphire-select-size-width-icon-m);height:var(--sapphire-select-size-height-icon-m)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-select-color-placeholder)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-select-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-select-size-focus-ring) var(--sapphire-select-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-select-size-focus-ring) var(--sapphire-select-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "size", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "component", type: i6.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i7.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: i8.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "iconAlign", "type"] }, { kind: "directive", type: i9.ButtonIconDirective, selector: "[spButtonIcon]" }, { kind: "component", type: i10.HiddenSelectComponent, selector: "sp-hidden-select" }] });
96
96
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BasicSelectComponent, decorators: [{
97
97
  type: Component,
98
98
  args: [{ selector: 'sp-basic-select', exportAs: 'spBasicSelect', providers: [