@danske/sapphire-angular 1.21.0 → 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 (10) 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/pagination/src/pagination.component.mjs +4 -5
  4. package/esm2020/lib/theme/src/themes.mjs +4 -4
  5. package/fesm2015/danske-sapphire-angular.mjs +10 -10
  6. package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
  7. package/fesm2020/danske-sapphire-angular.mjs +10 -10
  8. package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
  9. package/lib/button/src/button-group.component.d.ts +1 -1
  10. package/package.json +3 -3
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/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==