@danske/sapphire-angular 1.31.0 → 2.1.0

package/esm2020/lib/badge/src/badge.component.mjs

@@ -8,7 +8,7 @@ export class BadgeComponent {
     get classNames() {
         return [
             'sapphire-badge',
-            `sapphire-badge--${this.size === 'small' ? 'sm' : this.size === 'medium' ? 'md' : 'lg'}`,
+            `sapphire-badge--${this.size}`,
             `sapphire-badge--${this.variant}-${this.color}`,
         ].join(' ');
     }
@@ -20,9 +20,9 @@ export class BadgeComponent {
          */
         this.id = '';
         /**
-         * @default 'medium'
+         * @default 'md'
          */
-        this.size = 'medium';
+        this.size = 'md';
         /**
          * Whether the badge has a saturated or faint background.
          *
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9iYWRnZS9zcmMvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFrQ3BGLE1BQU0sT0FBTyxjQUFjO0lBbUN6QixJQUNZLFVBQVU7UUFDcEIsT0FBTztZQUNMLGdCQUFnQjtZQUNoQixtQkFDRSxJQUFJLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUNqRSxFQUFFO1lBQ0YsbUJBQW1CLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtTQUNoRCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNkLENBQUM7SUFFRDtRQTdDcUIsU0FBSSxHQUFHLGNBQWMsQ0FBQztRQUUzQzs7O1dBR0c7UUFJSCxPQUFFLEdBQUcsRUFBRSxDQUFDO1FBRVI7O1dBRUc7UUFFSCxTQUFJLEdBQVUsUUFBUSxDQUFDO1FBRXZCOzs7O1dBSUc7UUFFSCxZQUFPLEdBQWEsU0FBUyxDQUFDO1FBRTlCOzs7OztXQUtHO1FBRUgsVUFBSyxHQUFXLGFBQWEsQ0FBQztJQWFmLENBQUM7OzJHQTlDTCxjQUFjOytGQUFkLGNBQWMsa1JBSmYsMkJBQTJCO0FBY3JDO0lBREMsTUFBTSxFQUFFOzBDQUNEOzJGQVZHLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsVUFBVSxZQUNWLDJCQUEyQixrQkFDckIsQ0FBQyx3QkFBd0IsQ0FBQzswRUFJckIsSUFBSTtzQkFBeEIsV0FBVzt1QkFBQyxNQUFNO2dCQVNuQixFQUFFO3NCQUhELFdBQVc7O3NCQUNYLEtBQUs7Z0JBUU4sSUFBSTtzQkFESCxLQUFLO2dCQVNOLE9BQU87c0JBRE4sS0FBSztnQkFVTixLQUFLO3NCQURKLEtBQUs7Z0JBSU0sVUFBVTtzQkFEckIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxudHlwZSBDb2xvciA9XG4gIHwgJ3Bvc2l0aXZlJ1xuICB8ICduZWdhdGl2ZSdcbiAgfCAnd2FybmluZydcbiAgfCAnaW5mb3JtYXRpdmUnXG4gIHwgJ3Bhc3NpdmUnXG4gIHwgJ2FxdWEnXG4gIHwgJ2NvcHBlcidcbiAgfCAnZWxlY3RybydcbiAgfCAnaW5kaWdvJ1xuICB8ICdsaW1lJ1xuICB8ICdwaW5rJ1xuICB8ICd2aW9sZXQnXG4gIHwgJ2dvbGQnXG4gIHwgJ2JlaWdlJ1xuICB8ICdvcmNoaWQnXG4gIHwgJ2dyYXknXG4gIHwgJ2NvYmFsdCdcbiAgfCAnZm9yZXN0R3JlZW4nXG4gIHwgJ3RlYWwnXG4gIHwgJ29yYW5nZSc7XG5cbnR5cGUgVmFyaWFudCA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknO1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1iYWRnZScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ3JvbGUnKSByb2xlID0gJ3ByZXNlbnRhdGlvbic7XG5cbiAgLyoqXG4gICAqIEEgdW5pcXVlIGlkIGZvciB0aGUgaG9zdCBET00gZWxlbWVudC5cbiAgICogSWYgbm9uZSBpcyBzdXBwbGllZCwgaXQgd2lsbCBiZSBhdXRvLWdlbmVyYXRlZC5cbiAgICovXG4gIEBIb3N0QmluZGluZygpXG4gIEBJbnB1dCgpXG4gIEBBdXRvSWQoKVxuICBpZCA9ICcnO1xuXG4gIC8qKlxuICAgKiBAZGVmYXVsdCAnbWVkaXVtJ1xuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZT86IFNpemUgPSAnbWVkaXVtJztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYmFkZ2UgaGFzIGEgc2F0dXJhdGVkIG9yIGZhaW50IGJhY2tncm91bmQuXG4gICAqXG4gICAqIEBkZWZhdWx0ICdwcmltYXJ5J1xuICAgKi9cbiAgQElucHV0KClcbiAgdmFyaWFudD86IFZhcmlhbnQgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBiYWRnZS5cbiAgICogQ2FuIGVpdGhlciBiZSBzZW1hbnRpYyBvciBvbmUgb2YgdGhlIG5hbWVkIGRlY29yYXRpdmUgY29sb3IuXG4gICAqXG4gICAqIEBkZWZhdWx0ICdpbmZvcm1hdGl2ZSdcbiAgICovXG4gIEBJbnB1dCgpXG4gIGNvbG9yPzogQ29sb3IgPSAnaW5mb3JtYXRpdmUnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBjbGFzc05hbWVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAnc2FwcGhpcmUtYmFkZ2UnLFxuICAgICAgYHNhcHBoaXJlLWJhZGdlLS0ke1xuICAgICAgICB0aGlzLnNpemUgPT09ICdzbWFsbCcgPyAnc20nIDogdGhpcy5zaXplID09PSAnbWVkaXVtJyA/ICdtZCcgOiAnbGcnXG4gICAgICB9YCxcbiAgICAgIGBzYXBwaGlyZS1iYWRnZS0tJHt0aGlzLnZhcmlhbnR9LSR7dGhpcy5jb2xvcn1gLFxuICAgIF0uam9pbignICcpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9iYWRnZS9zcmMvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFrQ3BGLE1BQU0sT0FBTyxjQUFjO0lBbUN6QixJQUNZLFVBQVU7UUFDcEIsT0FBTztZQUNMLGdCQUFnQjtZQUNoQixtQkFBbUIsSUFBSSxDQUFDLElBQUksRUFBRTtZQUM5QixtQkFBbUIsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1NBQ2hELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsQ0FBQztJQUVEO1FBM0NxQixTQUFJLEdBQUcsY0FBYyxDQUFDO1FBRTNDOzs7V0FHRztRQUlILE9BQUUsR0FBRyxFQUFFLENBQUM7UUFFUjs7V0FFRztRQUVILFNBQUksR0FBVSxJQUFJLENBQUM7UUFFbkI7Ozs7V0FJRztRQUVILFlBQU8sR0FBYSxTQUFTLENBQUM7UUFFOUI7Ozs7O1dBS0c7UUFFSCxVQUFLLEdBQVcsYUFBYSxDQUFDO0lBV2YsQ0FBQzs7MkdBNUNMLGNBQWM7K0ZBQWQsY0FBYyxrUkFKZiwyQkFBMkI7QUFjckM7SUFEQyxNQUFNLEVBQUU7MENBQ0Q7MkZBVkcsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxVQUFVLFlBQ1YsMkJBQTJCLGtCQUNyQixDQUFDLHdCQUF3QixDQUFDOzBFQUlyQixJQUFJO3NCQUF4QixXQUFXO3VCQUFDLE1BQU07Z0JBU25CLEVBQUU7c0JBSEQsV0FBVzs7c0JBQ1gsS0FBSztnQkFRTixJQUFJO3NCQURILEtBQUs7Z0JBU04sT0FBTztzQkFETixLQUFLO2dCQVVOLEtBQUs7c0JBREosS0FBSztnQkFJTSxVQUFVO3NCQURyQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0b0lkIH0gZnJvbSAnLi4vLi4vY29tbW9uL2F1dG8taWQuZGVjb3JhdG9yJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG50eXBlIENvbG9yID1cbiAgfCAncG9zaXRpdmUnXG4gIHwgJ25lZ2F0aXZlJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdpbmZvcm1hdGl2ZSdcbiAgfCAncGFzc2l2ZSdcbiAgfCAnYXF1YSdcbiAgfCAnY29wcGVyJ1xuICB8ICdlbGVjdHJvJ1xuICB8ICdpbmRpZ28nXG4gIHwgJ2xpbWUnXG4gIHwgJ3BpbmsnXG4gIHwgJ3Zpb2xldCdcbiAgfCAnZ29sZCdcbiAgfCAnYmVpZ2UnXG4gIHwgJ29yY2hpZCdcbiAgfCAnZ3JheSdcbiAgfCAnY29iYWx0J1xuICB8ICdmb3Jlc3RHcmVlbidcbiAgfCAndGVhbCdcbiAgfCAnb3JhbmdlJztcblxudHlwZSBWYXJpYW50ID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSc7XG5cbnR5cGUgU2l6ZSA9ICdzbScgfCAnbWQnIHwgJ2xnJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtYmFkZ2UnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHN0eWxlVXJsczogWycuL2JhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdyb2xlJykgcm9sZSA9ICdwcmVzZW50YXRpb24nO1xuXG4gIC8qKlxuICAgKiBBIHVuaXF1ZSBpZCBmb3IgdGhlIGhvc3QgRE9NIGVsZW1lbnQuXG4gICAqIElmIG5vbmUgaXMgc3VwcGxpZWQsIGl0IHdpbGwgYmUgYXV0by1nZW5lcmF0ZWQuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoKVxuICBASW5wdXQoKVxuICBAQXV0b0lkKClcbiAgaWQgPSAnJztcblxuICAvKipcbiAgICogQGRlZmF1bHQgJ21kJ1xuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZT86IFNpemUgPSAnbWQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBiYWRnZSBoYXMgYSBzYXR1cmF0ZWQgb3IgZmFpbnQgYmFja2dyb3VuZC5cbiAgICpcbiAgICogQGRlZmF1bHQgJ3ByaW1hcnknXG4gICAqL1xuICBASW5wdXQoKVxuICB2YXJpYW50PzogVmFyaWFudCA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogVGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGJhZGdlLlxuICAgKiBDYW4gZWl0aGVyIGJlIHNlbWFudGljIG9yIG9uZSBvZiB0aGUgbmFtZWQgZGVjb3JhdGl2ZSBjb2xvci5cbiAgICpcbiAgICogQGRlZmF1bHQgJ2luZm9ybWF0aXZlJ1xuICAgKi9cbiAgQElucHV0KClcbiAgY29sb3I/OiBDb2xvciA9ICdpbmZvcm1hdGl2ZSc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IGNsYXNzTmFtZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgICdzYXBwaGlyZS1iYWRnZScsXG4gICAgICBgc2FwcGhpcmUtYmFkZ2UtLSR7dGhpcy5zaXplfWAsXG4gICAgICBgc2FwcGhpcmUtYmFkZ2UtLSR7dGhpcy52YXJpYW50fS0ke3RoaXMuY29sb3J9YCxcbiAgICBdLmpvaW4oJyAnKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==

package/esm2020/lib/button/src/button-group.component.mjs

@@ -27,26 +27,20 @@ export class ButtonGroupComponent {
         this.stretch = 'none';
         /**
          * Spacing between the buttons
-         * @default normal
+         * @default md
          */
-        this.spacing = 'normal';
+        this.spacing = 'md';
         /**
          * @default "horizontal"
          */
         this.orientation = 'horizontal';
     }
-    get iconSpacing() {
-        return this.spacing;
-    }
-    set iconSpacing(value) {
-        this.spacing = value;
-    }
 }
 ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", 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-sm]=\"spacing === 'dense'\"\n  [class.sapphire-button-group--spacing-lg]=\"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-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", stretch: "stretch", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n  class=\"sapphire-button-group\"\n  [ngClass]=\"\n    stretch !== 'none'\n      ? 'sapphire-button-group--stretch'\n      : 'sapphire-button-group--align-' + align\n  \"\n  [class.sapphire-button-group--stretch-auto-vertical]=\"\n    stretch === 'autoVertical'\n  \"\n  [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n  [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n  [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n  [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, 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-sm]=\"spacing === 'dense'\"\n  [class.sapphire-button-group--spacing-lg]=\"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-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
+            args: [{ selector: 'sp-button-group', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"sapphire-button-group\"\n  [ngClass]=\"\n    stretch !== 'none'\n      ? 'sapphire-button-group--stretch'\n      : 'sapphire-button-group--align-' + align\n  \"\n  [class.sapphire-button-group--stretch-auto-vertical]=\"\n    stretch === 'autoVertical'\n  \"\n  [class.sapphire-button-group--spacing-xs]=\"spacing === 'xs'\"\n  [class.sapphire-button-group--spacing-sm]=\"spacing === 'sm'\"\n  [class.sapphire-button-group--spacing-lg]=\"spacing === 'lg'\"\n  [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:var(--sapphire-semantic-size-spacing-40)}.sapphire-button-group--stretch{flex-wrap:wrap-reverse;justify-content:normal;align-items:normal}.sapphire-button-group--stretch>*{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:100%!important;flex-grow:1!important}.sapphire-button-group--stretch.sapphire-button-group--vertical{flex-direction:column-reverse;flex-wrap:nowrap}.sapphire-button-group--stretch.sapphire-button-group--stretch-auto-vertical.sapphire-button-group:has(> *:nth-child(3)){flex-direction:column-reverse}.sapphire-button-group--spacing-lg{gap:var(--sapphire-semantic-size-spacing-50)}.sapphire-button-group--spacing-sm{gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-button-group--spacing-xs{gap:var(--sapphire-semantic-size-spacing-5)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
         }], propDecorators: { 
         /**
          * Alignment of buttons within the group.
@@ -68,12 +62,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
          */
         stretch: [{
                 type: Input
-            }], iconSpacing: [{
-                type: Input
             }], 
         /**
          * Spacing between the buttons
-         * @default normal
+         * @default md
          */
         spacing: [{
                 type: Input
@@ -84,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
         orientation: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSXBFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBUUU7OztXQUdHO1FBQ0gsVUFBSyxHQUFnQyxPQUFPLENBQUM7UUFHN0M7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBaUIxQzs7O1dBR0c7UUFDSCxZQUFPLEdBQWlELFFBQVEsQ0FBQztRQUdqRTs7V0FFRztRQUNILGdCQUFXLEdBQStCLFlBQVksQ0FBQztLQUN4RDtJQTFCQyxJQU9JLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQXNCO1FBQ3BDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7O2lIQWxDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixtTENmakMsNGxCQWlCQTsyRkRGYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUdaLGlCQUFpQixDQUFDLElBQUk7O1FBSXJDOzs7V0FHRztRQUNILEtBQUs7c0JBTEosS0FBSzs7UUFRTjs7Ozs7Ozs7OztXQVVHO1FBQ0gsT0FBTztzQkFaTixLQUFLO2dCQXFCRixXQUFXO3NCQVBkLEtBQUs7O1FBZU47OztXQUdHO1FBQ0gsT0FBTztzQkFMTixLQUFLOztRQVFOOztXQUVHO1FBQ0gsV0FBVztzQkFKVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJyB8ICdkZWZhdWx0JyB8ICdhdXRvVmVydGljYWwnO1xuXG4vKipcbiAqIEJ1dHRvbkdyb3VwIGlzIGEgdXRpbGl0eSBjb21wb25lbnQgd2hpY2ggZW5zdXJlcyBjb25zaXN0ZW50IHNwYWNpbmcgYmV0d2VlblxuICogYnV0dG9ucyBBbGwgY2hpbGRyZW4gbXVzdCBiZSBvZiB0eXBlIEJ1dHRvbi4gSWNvbiBidXR0b25zIGNhbm5vdCBiZSBtaXhlZFxuICogd2l0aCBzdGFuZGFyZCBidXR0b25zLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1idXR0b24tZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsIC8vIFRPRE86IGNyZWF0ZSBhbm90aGVyIGhvc3REaXJlY3RpdmUgZm9yIHRoaXM/XG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEFsaWdubWVudCBvZiBidXR0b25zIHdpdGhpbiB0aGUgZ3JvdXAuXG4gICAqIEBkZWZhdWx0IFwicmlnaHRcIlxuICAgKi9cbiAgYWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JyA9ICdyaWdodCc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIENvbnRyb2xzIHN0cmV0Y2hpbmcgb2YgdGhlIGNvbnRlbnRzLlxuICAgKlxuICAgKiBgbm9uZWAgLSB0aGUgY2hpbGRyZW4gd2lsbCBub3Qgc3RyZXRjaCBhbmQgd2lsbCByZXNwZWN0IHRoZSBhbGlnbm1lbnQgc2V0IHdpdGggdGhlIGFsaWduIHByb3AuXG4gICAqXG4gICAqIGBkZWZhdWx0YCAtIHRoZSBjaGlsZHJlbiB3aWxsIHN0cmV0Y2ggdG8gdGFrZSBmdWxsIHdpZHRoLiBJZiB0aGUgY2hpbGRyZW4gb3ZlcmZsb3csIHRoZXkgd2lsbCBiZSB3cmFwcGVkIHZlcnRpY2FsbHkuXG4gICAqXG4gICAqIGBhdXRvVmVydGljYWxgIC0gc2FtZSBiZWhhdmlvdXIgYXMgYGRlZmF1bHRgLCBidXQgaWYgdGhlcmUgaXMgbW9yZSB0aGFuIDMgY2hpbGRyZW4sIHRoZXkgd2lsbCBiZSB3cmFwcGVkIHZlcnRpY2FsbHkgZXZlbiBpZiB0aGV5IGRvbid0IG92ZXJmbG93LlxuICAgKlxuICAgKiBAZGVmYXVsdCBcIm5vbmVcIlxuICAgKi9cbiAgc3RyZXRjaD86IEJ1dHRvbkdyb3VwU3RyZXRjaFR5cGUgPSAnbm9uZSc7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFVzZSBgc3BhY2luZ2AgaW5zdGVhZC5cbiAgICpcbiAgICogU3BhY2luZyBiZXR3ZWVuIHRoZSBidXR0b25zLlxuICAgKiBAZGVmYXVsdCBub3JtYWxcbiAgICovXG4gIGdldCBpY29uU3BhY2luZygpOiB0aGlzWydzcGFjaW5nJ10ge1xuICAgIHJldHVybiB0aGlzLnNwYWNpbmc7XG4gIH1cbiAgc2V0IGljb25TcGFjaW5nKHZhbHVlOiB0aGlzWydzcGFjaW5nJ10pIHtcbiAgICB0aGlzLnNwYWNpbmcgPSB2YWx1ZTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBTcGFjaW5nIGJldHdlZW4gdGhlIGJ1dHRvbnNcbiAgICogQGRlZmF1bHQgbm9ybWFsXG4gICAqL1xuICBzcGFjaW5nOiAnbGFyZ2UnIHwgJ25vcm1hbCcgfCAnZGVuc2UnIHwgJ2V4dHJhLWRlbnNlJyA9ICdub3JtYWwnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcImhvcml6b250YWxcIlxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbi1ncm91cFwiXG4gIFtuZ0NsYXNzXT1cIlxuICAgIHN0cmV0Y2ggIT09ICdub25lJ1xuICAgICAgPyAnc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zdHJldGNoJ1xuICAgICAgOiAnc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1hbGlnbi0nICsgYWxpZ25cbiAgXCJcbiAgW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi1ncm91cC0tc3RyZXRjaC1hdXRvLXZlcnRpY2FsXT1cIlxuICAgIHN0cmV0Y2ggPT09ICdhdXRvVmVydGljYWwnXG4gIFwiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmcteHNdPVwic3BhY2luZyA9PT0gJ2V4dHJhLWRlbnNlJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmctc21dPVwic3BhY2luZyA9PT0gJ2RlbnNlJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXNwYWNpbmctbGddPVwic3BhY2luZyA9PT0gJ2xhcmdlJ1wiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXZlcnRpY2FsXT1cIm9yaWVudGF0aW9uID09PSAndmVydGljYWwnXCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSXBFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBUUU7OztXQUdHO1FBQ0gsVUFBSyxHQUFnQyxPQUFPLENBQUM7UUFHN0M7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBRzFDOzs7V0FHRztRQUNILFlBQU8sR0FBOEIsSUFBSSxDQUFDO1FBRzFDOztXQUVHO1FBQ0gsZ0JBQVcsR0FBK0IsWUFBWSxDQUFDO0tBQ3hEOztpSEFsQ1ksb0JBQW9CO3FHQUFwQixvQkFBb0IsdUpDZmpDLDZrQkFpQkE7MkZERmEsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNFLGlCQUFpQixpQkFHWixpQkFBaUIsQ0FBQyxJQUFJOztRQUlyQzs7O1dBR0c7UUFDSCxLQUFLO3NCQUxKLEtBQUs7O1FBUU47Ozs7Ozs7Ozs7V0FVRztRQUNILE9BQU87c0JBWk4sS0FBSzs7UUFlTjs7O1dBR0c7UUFDSCxPQUFPO3NCQUxOLEtBQUs7O1FBUU47O1dBRUc7UUFDSCxXQUFXO3NCQUpWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBCdXR0b25Hcm91cFN0cmV0Y2hUeXBlID0gJ25vbmUnIHwgJ2RlZmF1bHQnIHwgJ2F1dG9WZXJ0aWNhbCc7XG5cbi8qKlxuICogQnV0dG9uR3JvdXAgaXMgYSB1dGlsaXR5IGNvbXBvbmVudCB3aGljaCBlbnN1cmVzIGNvbnNpc3RlbnQgc3BhY2luZyBiZXR3ZWVuXG4gKiBidXR0b25zIEFsbCBjaGlsZHJlbiBtdXN0IGJlIG9mIHR5cGUgQnV0dG9uLiBJY29uIGJ1dHRvbnMgY2Fubm90IGJlIG1peGVkXG4gKiB3aXRoIHN0YW5kYXJkIGJ1dHRvbnMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWJ1dHRvbi1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSwgLy8gVE9ETzogY3JlYXRlIGFub3RoZXIgaG9zdERpcmVjdGl2ZSBmb3IgdGhpcz9cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uR3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoKVxuICAvKipcbiAgICogQWxpZ25tZW50IG9mIGJ1dHRvbnMgd2l0aGluIHRoZSBncm91cC5cbiAgICogQGRlZmF1bHQgXCJyaWdodFwiXG4gICAqL1xuICBhbGlnbjogJ2xlZnQnIHwgJ2NlbnRlcicgfCAncmlnaHQnID0gJ3JpZ2h0JztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogQ29udHJvbHMgc3RyZXRjaGluZyBvZiB0aGUgY29udGVudHMuXG4gICAqXG4gICAqIGBub25lYCAtIHRoZSBjaGlsZHJlbiB3aWxsIG5vdCBzdHJldGNoIGFuZCB3aWxsIHJlc3BlY3QgdGhlIGFsaWdubWVudCBzZXQgd2l0aCB0aGUgYWxpZ24gcHJvcC5cbiAgICpcbiAgICogYGRlZmF1bHRgIC0gdGhlIGNoaWxkcmVuIHdpbGwgc3RyZXRjaCB0byB0YWtlIGZ1bGwgd2lkdGguIElmIHRoZSBjaGlsZHJlbiBvdmVyZmxvdywgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseS5cbiAgICpcbiAgICogYGF1dG9WZXJ0aWNhbGAgLSBzYW1lIGJlaGF2aW91ciBhcyBgZGVmYXVsdGAsIGJ1dCBpZiB0aGVyZSBpcyBtb3JlIHRoYW4gMyBjaGlsZHJlbiwgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseSBldmVuIGlmIHRoZXkgZG9uJ3Qgb3ZlcmZsb3cuXG4gICAqXG4gICAqIEBkZWZhdWx0IFwibm9uZVwiXG4gICAqL1xuICBzdHJldGNoPzogQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogU3BhY2luZyBiZXR3ZWVuIHRoZSBidXR0b25zXG4gICAqIEBkZWZhdWx0IG1kXG4gICAqL1xuICBzcGFjaW5nOiAnbGcnIHwgJ21kJyB8ICdzbScgfCAneHMnID0gJ21kJztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogQGRlZmF1bHQgXCJob3Jpem9udGFsXCJcbiAgICovXG4gIG9yaWVudGF0aW9uPzogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICdob3Jpem9udGFsJztcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzYXBwaGlyZS1idXR0b24tZ3JvdXBcIlxuICBbbmdDbGFzc109XCJcbiAgICBzdHJldGNoICE9PSAnbm9uZSdcbiAgICAgID8gJ3NhcHBoaXJlLWJ1dHRvbi1ncm91cC0tc3RyZXRjaCdcbiAgICAgIDogJ3NhcHBoaXJlLWJ1dHRvbi1ncm91cC0tYWxpZ24tJyArIGFsaWduXG4gIFwiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLXN0cmV0Y2gtYXV0by12ZXJ0aWNhbF09XCJcbiAgICBzdHJldGNoID09PSAnYXV0b1ZlcnRpY2FsJ1xuICBcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zcGFjaW5nLXhzXT1cInNwYWNpbmcgPT09ICd4cydcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zcGFjaW5nLXNtXT1cInNwYWNpbmcgPT09ICdzbSdcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1zcGFjaW5nLWxnXT1cInNwYWNpbmcgPT09ICdsZydcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS12ZXJ0aWNhbF09XCJvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1wiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2020/lib/button/src/button.component.mjs

@@ -10,39 +10,13 @@ import * as i1 from "../../theme/src/theme-check.directive";
 import * as i2 from "../../common/sapphire-view-encapsulation";
 import * as i3 from "@angular/common";
 export class ButtonComponent {
-    get derivedVariantAndStyleClass() {
-        let derivedVariantAndStyle;
-        if (this.variant === 'primary') {
-            derivedVariantAndStyle = 'primary';
-        }
-        else if (this.variant === 'dangerSecondary') {
-            // TODO(v2): Remove as we remove this deprecated value for variant-prop
-            derivedVariantAndStyle = 'danger';
-        }
-        else if (this.variant === 'dangerTertiary') {
-            // TODO(v2): Remove as we remove this deprecated value for variant-prop
-            derivedVariantAndStyle = 'danger-ghost';
-        }
-        else if (this.appearance === 'fill') {
-            derivedVariantAndStyle = this.variant;
-        }
-        else {
-            derivedVariantAndStyle = `${this.variant}-${this.appearance}`;
-        }
-        return `sapphire-button--${derivedVariantAndStyle}`;
+    get variantClass() {
+        return `sapphire-button--${this.variant}`;
     }
     constructor(elementRef) {
         this.elementRef = elementRef;
         this.variant = 'primary';
-        // TODO(v2): Remove `appearance` and follow the `variant` like in react v4.
-        this.appearance = 'fill';
-        /**
-         * Applies different styles for a better contrast with the secondary color background.
-         * @default 'primary'
-         * @deprecated This will be done automatically.
-         */
-        this.surface = 'primary';
-        this.size = 'medium';
+        this.size = 'md';
         this.iconAlign = 'left';
         /**
          * The behavior of the button when used in an HTML form.
@@ -52,6 +26,7 @@ export class ButtonComponent {
     ngAfterContentInit() {
         if (this.icon) {
             if (!this.buttonIcon && isDevMode()) {
+                // eslint-disable-next-line no-console
                 console.error(`Icon is used in a button of variant "${this.variant}".
         You should either add spButtonIcon on the icon or use sp-icon-button instead of sp-button"`);
             }
@@ -59,7 +34,7 @@ export class ButtonComponent {
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: { variant: "variant", appearance: "appearance", surface: "surface", size: "size", disabled: "disabled", iconAlign: "iconAlign", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-button--lg": "size === \"large\"", "class.sapphire-button--sm": "size === \"small\"", "class.sapphire-button--with-left-icon": "buttonIcon && iconAlign === \"left\"", "class.sapphire-button--with-right-icon": "buttonIcon && iconAlign === \"right\"", "type": "this.type", "class": "this.derivedVariantAndStyleClass" }, classAttribute: "sapphire-button" }, providers: [
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: { variant: "variant", size: "size", disabled: "disabled", iconAlign: "iconAlign", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-button--lg": "size === \"lg\"", "class.sapphire-button--sm": "size === \"sm\"", "class.sapphire-button--with-left-icon": "buttonIcon && iconAlign === \"left\"", "class.sapphire-button--with-right-icon": "buttonIcon && iconAlign === \"right\"", "type": "this.type", "class": "this.variantClass" }, classAttribute: "sapphire-button" }, providers: [
         {
             provide: ICON_SIZE_PROVIDER,
             useExisting: forwardRef(() => ButtonComponent),
@@ -74,8 +49,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[attr.disabled]': 'disabled || null',
                         '[class.is-disabled]': 'disabled',
                         class: 'sapphire-button',
-                        '[class.sapphire-button--lg]': 'size === "large"',
-                        '[class.sapphire-button--sm]': 'size === "small"',
+                        '[class.sapphire-button--lg]': 'size === "lg"',
+                        '[class.sapphire-button--sm]': 'size === "sm"',
                         '[class.sapphire-button--with-left-icon]': 'buttonIcon && iconAlign === "left"',
                         '[class.sapphire-button--with-right-icon]': 'buttonIcon && iconAlign === "right"',
                     }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], providers: [
@@ -86,10 +61,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                     ], template: "<span class=\"sapphire-button__content\">\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'left'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n  <span\n    *ngIf=\"buttonIcon && iconAlign === 'right'\"\n    class=\"sapphire-button__icon\"\n  >\n    <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n  </span>\n\n  <ng-template #content>\n    <ng-content></ng-content>\n  </ng-template>\n  <ng-template #iconContent>\n    <ng-content select=\"[spButtonIcon]\"></ng-content>\n  </ng-template>\n</span>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);text-transform:none;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-global-size-generic-50);height:var(--sapphire-semantic-size-height-control-md);min-width:var(--sapphire-global-size-generic-100);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;cursor:pointer}.sapphire-button__content{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;width:100%}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-global-size-generic-100)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-button--loading{cursor:not-allowed}.sapphire-button__spinner{position:absolute;display:inherit}.sapphire-button--loading .sapphire-button__content{visibility:hidden}.sapphire-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-button--primary.is-focus,.sapphire-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary.is-focus,.sapphire-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-semantic-color-content-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary.is-focus,.sapphire-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-semantic-color-content-action-tertiary-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger.is-focus,.sapphire-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--danger-text{color:var(--sapphire-semantic-color-content-action-danger-default);border-radius:var(--sapphire-semantic-size-radius-xs);background:var(--sapphire-semantic-color-background-action-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-button--lg .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-button--sm .sapphire-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-button--lg{height:var(--sapphire-semantic-size-height-control-lg);min-width:var(--sapphire-global-size-generic-120);padding:0 var(--sapphire-semantic-size-spacing-50);font-size:var(--sapphire-semantic-size-font-control-default);border-radius:var(--sapphire-semantic-size-height-control-lg)}.sapphire-button--lg.sapphire-button--secondary-text,.sapphire-button--lg.sapphire-button--tertiary-text,.sapphire-button--lg.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.sapphire-button--sm{height:var(--sapphire-semantic-size-height-control-sm);min-width:var(--sapphire-global-size-generic-80);padding:0 var(--sapphire-semantic-size-spacing-40);font-size:var(--sapphire-semantic-size-font-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm)}.sapphire-button--sm.sapphire-button--secondary-text,.sapphire-button--sm.sapphire-button--tertiary-text,.sapphire-button--sm.sapphire-button--danger-text{padding:0;border-radius:var(--sapphire-semantic-size-radius-xs)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
                 type: Input
-            }], appearance: [{
-                type: Input
-            }], surface: [{
-                type: Input
             }], size: [{
                 type: Input
             }], disabled: [{
@@ -101,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
             }, {
                 type: HostBinding,
                 args: ['type']
-            }], derivedVariantAndStyleClass: [{
+            }], variantClass: [{
                 type: HostBinding,
                 args: ['class']
             }], buttonIcon: [{
@@ -111,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: ContentChild,
                 args: [IconComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztBQTZCcEYsTUFBTSxPQUFPLGVBQWU7SUF1QzFCLElBQ1ksMkJBQTJCO1FBQ3JDLElBQUksc0JBQXNCLENBQUM7UUFFM0IsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsRUFBRTtZQUM5QixzQkFBc0IsR0FBRyxTQUFrQixDQUFDO1NBQzdDO2FBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLGlCQUFpQixFQUFFO1lBQzdDLHVFQUF1RTtZQUN2RSxzQkFBc0IsR0FBRyxRQUFpQixDQUFDO1NBQzVDO2FBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLGdCQUFnQixFQUFFO1lBQzVDLHVFQUF1RTtZQUN2RSxzQkFBc0IsR0FBRyxjQUF1QixDQUFDO1NBQ2xEO2FBQU0sSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLE1BQU0sRUFBRTtZQUNyQyxzQkFBc0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxzQkFBc0IsR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBVyxDQUFDO1NBQ3hFO1FBRUQsT0FBTyxvQkFBb0Isc0JBQXNCLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBS0QsWUFBbUIsVUFBeUM7UUFBekMsZUFBVSxHQUFWLFVBQVUsQ0FBK0I7UUE3RDVELFlBQU8sR0FNZ0IsU0FBUyxDQUFDO1FBRWpDLDJFQUEyRTtRQUUzRSxlQUFVLEdBQStCLE1BQU0sQ0FBQztRQUVoRDs7OztXQUlHO1FBRUgsWUFBTyxHQUE2QixTQUFTLENBQUM7UUFHOUMsU0FBSSxHQUFrQyxRQUFRLENBQUM7UUFPL0MsY0FBUyxHQUFxQixNQUFNLENBQUM7UUFFckM7O1dBRUc7UUFHSCxTQUFJLEdBQWtDLFFBQVEsQ0FBQztJQTBCZ0IsQ0FBQztJQUVoRSxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksU0FBUyxFQUFFLEVBQUU7Z0JBQ25DLE9BQU8sQ0FBQyxLQUFLLENBQUMsd0NBQXdDLElBQUksQ0FBQyxPQUFPO21HQUN5QixDQUFDLENBQUM7YUFDOUY7U0FDRjtJQUNILENBQUM7OzRHQXhFVSxlQUFlO2dHQUFmLGVBQWUsaXFCQVBmO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsa0JBQWtCO1lBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO1NBQy9DO0tBQ0Ysa0VBOERhLG1CQUFtQix1RUFDbkIsYUFBYSxxSkMzRzdCLDBwQkF3QkE7QURpREU7SUFEQyxhQUFhO2lEQUNTOzJGQTNCWixlQUFlO2tCQTNCM0IsU0FBUzsrQkFDRSxpQ0FBaUMsbUJBRzFCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osaUJBQWlCLEVBQUUsa0JBQWtCO3dCQUNyQyxxQkFBcUIsRUFBRSxVQUFVO3dCQUVqQyxLQUFLLEVBQUUsaUJBQWlCO3dCQUV4Qiw2QkFBNkIsRUFBRSxrQkFBa0I7d0JBQ2pELDZCQUE2QixFQUFFLGtCQUFrQjt3QkFFakQseUNBQXlDLEVBQ3ZDLG9DQUFvQzt3QkFDdEMsMENBQTBDLEVBQ3hDLHFDQUFxQztxQkFDeEMsa0JBQ2UsQ0FBQyxtQkFBbUIsRUFBRSx3QkFBd0IsQ0FBQyxhQUNwRDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFDL0M7cUJBQ0Y7aUdBSUQsT0FBTztzQkFETixLQUFLO2dCQVdOLFVBQVU7c0JBRFQsS0FBSztnQkFTTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUtOLFFBQVE7c0JBRlAsS0FBSztnQkFLTixTQUFTO3NCQURSLEtBQUs7Z0JBUU4sSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE1BQU07Z0JBSVAsMkJBQTJCO3NCQUR0QyxXQUFXO3VCQUFDLE9BQU87Z0JBcUJlLFVBQVU7c0JBQTVDLFlBQVk7dUJBQUMsbUJBQW1CO2dCQUNKLElBQUk7c0JBQWhDLFlBQVk7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBpc0Rldk1vZGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCwgSUNPTl9TSVpFX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFRoZW1lQ2hlY2tEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi90aGVtZS9zcmMvdGhlbWUtY2hlY2suZGlyZWN0aXZlJztcbmltcG9ydCB7IENvZXJjZUJvb2xlYW4gfSBmcm9tICcuLi8uLi9jb21tb24vY29lcmNlLWJvb2xlYW4uZGVjb3JhdG9yJztcbmltcG9ydCB7IEJ1dHRvbkljb25EaXJlY3RpdmUgfSBmcm9tICcuL2J1dHRvbi1pY29uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3NwLWJ1dHRvbl0sIGFbc3AtYnV0dG9uXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuZGlzYWJsZWRdJzogJ2Rpc2FibGVkIHx8IG51bGwnLFxuICAgICdbY2xhc3MuaXMtZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcblxuICAgIGNsYXNzOiAnc2FwcGhpcmUtYnV0dG9uJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS1sZ10nOiAnc2l6ZSA9PT0gXCJsYXJnZVwiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0tc21dJzogJ3NpemUgPT09IFwic21hbGxcIicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0td2l0aC1sZWZ0LWljb25dJzpcbiAgICAgICdidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gXCJsZWZ0XCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS13aXRoLXJpZ2h0LWljb25dJzpcbiAgICAgICdidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gXCJyaWdodFwiJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtUaGVtZUNoZWNrRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCdXR0b25Db21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBASW5wdXQoKVxuICB2YXJpYW50PzpcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3NlY29uZGFyeSdcbiAgICB8ICd0ZXJ0aWFyeSdcbiAgICB8ICdkYW5nZXInXG4gICAgfCAnZGFuZ2VyU2Vjb25kYXJ5J1xuICAgIHwgJ2RhbmdlclRlcnRpYXJ5JyA9ICdwcmltYXJ5JztcblxuICAvLyBUT0RPKHYyKTogUmVtb3ZlIGBhcHBlYXJhbmNlYCBhbmQgZm9sbG93IHRoZSBgdmFyaWFudGAgbGlrZSBpbiByZWFjdCB2NC5cbiAgQElucHV0KClcbiAgYXBwZWFyYW5jZT86ICdmaWxsJyB8ICdnaG9zdCcgfCAndGV4dCcgPSAnZmlsbCc7XG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgZGlmZmVyZW50IHN0eWxlcyBmb3IgYSBiZXR0ZXIgY29udHJhc3Qgd2l0aCB0aGUgc2Vjb25kYXJ5IGNvbG9yIGJhY2tncm91bmQuXG4gICAqIEBkZWZhdWx0ICdwcmltYXJ5J1xuICAgKiBAZGVwcmVjYXRlZCBUaGlzIHdpbGwgYmUgZG9uZSBhdXRvbWF0aWNhbGx5LlxuICAgKi9cbiAgQElucHV0KClcbiAgc3VyZmFjZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG5cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgZGlzYWJsZWQ6IEJvb2xlYW5JbnB1dDtcblxuICBASW5wdXQoKVxuICBpY29uQWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgPSAnbGVmdCc7XG5cbiAgLyoqXG4gICAqIFRoZSBiZWhhdmlvciBvZiB0aGUgYnV0dG9uIHdoZW4gdXNlZCBpbiBhbiBIVE1MIGZvcm0uXG4gICAqL1xuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ3R5cGUnKVxuICB0eXBlOiAnc3VibWl0JyB8ICdidXR0b24nIHwgJ3Jlc2V0JyA9ICdidXR0b24nO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBkZXJpdmVkVmFyaWFudEFuZFN0eWxlQ2xhc3MoKSB7XG4gICAgbGV0IGRlcml2ZWRWYXJpYW50QW5kU3R5bGU7XG5cbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAncHJpbWFyeScpIHtcbiAgICAgIGRlcml2ZWRWYXJpYW50QW5kU3R5bGUgPSAncHJpbWFyeScgYXMgY29uc3Q7XG4gICAgfSBlbHNlIGlmICh0aGlzLnZhcmlhbnQgPT09ICdkYW5nZXJTZWNvbmRhcnknKSB7XG4gICAgICAvLyBUT0RPKHYyKTogUmVtb3ZlIGFzIHdlIHJlbW92ZSB0aGlzIGRlcHJlY2F0ZWQgdmFsdWUgZm9yIHZhcmlhbnQtcHJvcFxuICAgICAgZGVyaXZlZFZhcmlhbnRBbmRTdHlsZSA9ICdkYW5nZXInIGFzIGNvbnN0O1xuICAgIH0gZWxzZSBpZiAodGhpcy52YXJpYW50ID09PSAnZGFuZ2VyVGVydGlhcnknKSB7XG4gICAgICAvLyBUT0RPKHYyKTogUmVtb3ZlIGFzIHdlIHJlbW92ZSB0aGlzIGRlcHJlY2F0ZWQgdmFsdWUgZm9yIHZhcmlhbnQtcHJvcFxuICAgICAgZGVyaXZlZFZhcmlhbnRBbmRTdHlsZSA9ICdkYW5nZXItZ2hvc3QnIGFzIGNvbnN0O1xuICAgIH0gZWxzZSBpZiAodGhpcy5hcHBlYXJhbmNlID09PSAnZmlsbCcpIHtcbiAgICAgIGRlcml2ZWRWYXJpYW50QW5kU3R5bGUgPSB0aGlzLnZhcmlhbnQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIGRlcml2ZWRWYXJpYW50QW5kU3R5bGUgPSBgJHt0aGlzLnZhcmlhbnR9LSR7dGhpcy5hcHBlYXJhbmNlfWAgYXMgY29uc3Q7XG4gICAgfVxuXG4gICAgcmV0dXJuIGBzYXBwaGlyZS1idXR0b24tLSR7ZGVyaXZlZFZhcmlhbnRBbmRTdHlsZX1gO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZChCdXR0b25JY29uRGlyZWN0aXZlKSBidXR0b25JY29uPzogQnV0dG9uSWNvbkRpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJY29uQ29tcG9uZW50KSBpY29uPzogSWNvbkNvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIGlmICh0aGlzLmljb24pIHtcbiAgICAgIGlmICghdGhpcy5idXR0b25JY29uICYmIGlzRGV2TW9kZSgpKSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoYEljb24gaXMgdXNlZCBpbiBhIGJ1dHRvbiBvZiB2YXJpYW50IFwiJHt0aGlzLnZhcmlhbnR9XCIuXG4gICAgICAgIFlvdSBzaG91bGQgZWl0aGVyIGFkZCBzcEJ1dHRvbkljb24gb24gdGhlIGljb24gb3IgdXNlIHNwLWljb24tYnV0dG9uIGluc3RlYWQgb2Ygc3AtYnV0dG9uXCJgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2FwcGhpcmUtYnV0dG9uX19jb250ZW50XCI+XG4gIDxzcGFuXG4gICAgKm5nSWY9XCJidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gJ2xlZnQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG5cbiAgPHNwYW5cbiAgICAqbmdJZj1cImJ1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSAncmlnaHQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjaWNvbkNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQnV0dG9uSWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG48L3NwYW4+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztBQTZCcEYsTUFBTSxPQUFPLGVBQWU7SUErQjFCLElBQ1ksWUFBWTtRQUN0QixPQUFPLG9CQUFvQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDNUMsQ0FBQztJQUtELFlBQW1CLFVBQXlDO1FBQXpDLGVBQVUsR0FBVixVQUFVLENBQStCO1FBckM1RCxZQUFPLEdBVWEsU0FBUyxDQUFDO1FBRzlCLFNBQUksR0FBd0IsSUFBSSxDQUFDO1FBT2pDLGNBQVMsR0FBcUIsTUFBTSxDQUFDO1FBRXJDOztXQUVHO1FBR0gsU0FBSSxHQUFrQyxRQUFRLENBQUM7SUFVZ0IsQ0FBQztJQUVoRSxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksU0FBUyxFQUFFLEVBQUU7Z0JBQ25DLHNDQUFzQztnQkFDdEMsT0FBTyxDQUFDLEtBQUssQ0FBQyx3Q0FBd0MsSUFBSSxDQUFDLE9BQU87bUdBQ3lCLENBQUMsQ0FBQzthQUM5RjtTQUNGO0lBQ0gsQ0FBQzs7NEdBakRVLGVBQWU7Z0dBQWYsZUFBZSw4bEJBUGY7UUFDVDtZQUNFLE9BQU8sRUFBRSxrQkFBa0I7WUFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUM7U0FDL0M7S0FDRixrRUFzQ2EsbUJBQW1CLHVFQUNuQixhQUFhLHFKQ25GN0IsMHBCQXdCQTtBRHlDRTtJQURDLGFBQWE7aURBQ1M7MkZBbkJaLGVBQWU7a0JBM0IzQixTQUFTOytCQUNFLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixpQkFBaUIsRUFBRSxrQkFBa0I7d0JBQ3JDLHFCQUFxQixFQUFFLFVBQVU7d0JBRWpDLEtBQUssRUFBRSxpQkFBaUI7d0JBRXhCLDZCQUE2QixFQUFFLGVBQWU7d0JBQzlDLDZCQUE2QixFQUFFLGVBQWU7d0JBRTlDLHlDQUF5QyxFQUN2QyxvQ0FBb0M7d0JBQ3RDLDBDQUEwQyxFQUN4QyxxQ0FBcUM7cUJBQ3hDLGtCQUNlLENBQUMsbUJBQW1CLEVBQUUsd0JBQXdCLENBQUMsYUFDcEQ7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7eUJBQy9DO3FCQUNGO2lHQUlELE9BQU87c0JBRE4sS0FBSztnQkFjTixJQUFJO3NCQURILEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxLQUFLO2dCQUtOLFNBQVM7c0JBRFIsS0FBSztnQkFRTixJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsTUFBTTtnQkFJUCxZQUFZO3NCQUR2QixXQUFXO3VCQUFDLE9BQU87Z0JBS2UsVUFBVTtzQkFBNUMsWUFBWTt1QkFBQyxtQkFBbUI7Z0JBQ0osSUFBSTtzQkFBaEMsWUFBWTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFbGVtZW50UmVmLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIGlzRGV2TW9kZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50LCBJQ09OX1NJWkVfUFJPVklERVIgfSBmcm9tICcuLi8uLi9pY29uL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgVGhlbWVDaGVja0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3RoZW1lL3NyYy90aGVtZS1jaGVjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgQnV0dG9uSWNvbkRpcmVjdGl2ZSB9IGZyb20gJy4vYnV0dG9uLWljb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdidXR0b25bc3AtYnV0dG9uXSwgYVtzcC1idXR0b25dJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5kaXNhYmxlZF0nOiAnZGlzYWJsZWQgfHwgbnVsbCcsXG4gICAgJ1tjbGFzcy5pcy1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuXG4gICAgY2xhc3M6ICdzYXBwaGlyZS1idXR0b24nLFxuXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLWxnXSc6ICdzaXplID09PSBcImxnXCInLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS1zbV0nOiAnc2l6ZSA9PT0gXCJzbVwiJyxcblxuICAgICdbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLS13aXRoLWxlZnQtaWNvbl0nOlxuICAgICAgJ2J1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSBcImxlZnRcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLXdpdGgtcmlnaHQtaWNvbl0nOlxuICAgICAgJ2J1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSBcInJpZ2h0XCInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1RoZW1lQ2hlY2tEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IElDT05fU0laRV9QUk9WSURFUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEJ1dHRvbkNvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/OlxuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAnc2Vjb25kYXJ5J1xuICAgIHwgJ3NlY29uZGFyeS1naG9zdCdcbiAgICB8ICdzZWNvbmRhcnktdGV4dCdcbiAgICB8ICd0ZXJ0aWFyeSdcbiAgICB8ICd0ZXJ0aWFyeS1naG9zdCdcbiAgICB8ICd0ZXJ0aWFyeS10ZXh0J1xuICAgIHwgJ2RhbmdlcidcbiAgICB8ICdkYW5nZXItZ2hvc3QnXG4gICAgfCAnZGFuZ2VyLXRleHQnID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU/OiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgQElucHV0KClcbiAgaWNvbkFsaWduOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnO1xuXG4gIC8qKlxuICAgKiBUaGUgYmVoYXZpb3Igb2YgdGhlIGJ1dHRvbiB3aGVuIHVzZWQgaW4gYW4gSFRNTCBmb3JtLlxuICAgKi9cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCd0eXBlJylcbiAgdHlwZTogJ3N1Ym1pdCcgfCAnYnV0dG9uJyB8ICdyZXNldCcgPSAnYnV0dG9uJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgdmFyaWFudENsYXNzKCkge1xuICAgIHJldHVybiBgc2FwcGhpcmUtYnV0dG9uLS0ke3RoaXMudmFyaWFudH1gO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZChCdXR0b25JY29uRGlyZWN0aXZlKSBidXR0b25JY29uPzogQnV0dG9uSWNvbkRpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJY29uQ29tcG9uZW50KSBpY29uPzogSWNvbkNvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIGlmICh0aGlzLmljb24pIHtcbiAgICAgIGlmICghdGhpcy5idXR0b25JY29uICYmIGlzRGV2TW9kZSgpKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICAgIGNvbnNvbGUuZXJyb3IoYEljb24gaXMgdXNlZCBpbiBhIGJ1dHRvbiBvZiB2YXJpYW50IFwiJHt0aGlzLnZhcmlhbnR9XCIuXG4gICAgICAgIFlvdSBzaG91bGQgZWl0aGVyIGFkZCBzcEJ1dHRvbkljb24gb24gdGhlIGljb24gb3IgdXNlIHNwLWljb24tYnV0dG9uIGluc3RlYWQgb2Ygc3AtYnV0dG9uXCJgKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2FwcGhpcmUtYnV0dG9uX19jb250ZW50XCI+XG4gIDxzcGFuXG4gICAgKm5nSWY9XCJidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gJ2xlZnQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG5cbiAgPHNwYW5cbiAgICAqbmdJZj1cImJ1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSAncmlnaHQnXCJcbiAgICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiXG4gID5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9zcGFuPlxuXG4gIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjaWNvbkNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQnV0dG9uSWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmctdGVtcGxhdGU+XG48L3NwYW4+XG4iXX0=

package/esm2020/lib/button/src/icon-button.component.mjs

@@ -6,37 +6,13 @@ import { ICON_SIZE_PROVIDER, } from '../../icon/src/icon-size-provider';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
 export class IconButtonComponent {
-    get derivedVariantAndStyleClass() {
-        let derivedVariantAndStyle;
-        if (this.variant === 'primary') {
-            derivedVariantAndStyle = 'primary';
-        }
-        else if (this.variant === 'neutral') {
-            // TODO(v2): Remove as we remove this deprecated value for variant-prop
-            derivedVariantAndStyle = 'tertiary-ghost';
-        }
-        else if (this.appearance === 'fill') {
-            derivedVariantAndStyle = this.variant;
-        }
-        else {
-            // Making 'ghost' the default for all non-primary variants is to match previous api and avoid breaking changes
-            // TODO(v2) make 'fill' the default value for 'appearance' prop
-            derivedVariantAndStyle = `${this.variant}-ghost`;
-        }
-        return `sapphire-icon-button--${derivedVariantAndStyle}`;
+    get variantClass() {
+        return `sapphire-icon-button--${this.variant}`;
     }
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.variant = 'tertiary';
-        // TODO(v2): Change default to 'fill'
-        this.appearance = 'ghost';
-        /**
-         * Applies different styles for a better contrast with the secondary color background.
-         * @default 'primary'
-         * @deprecated This will be done automatically
-         */
-        this.surface = 'primary';
-        this.size = 'medium';
+        this.variant = 'tertiary-ghost';
+        this.size = 'md';
         /**
          * The behavior of the button when used in an HTML form.
          */
@@ -45,17 +21,18 @@ export class IconButtonComponent {
     ngAfterViewInit() {
         const { ariaLabel, ariaHidden } = this.elementRef.nativeElement;
         if (!ariaLabel && ariaHidden !== 'true' && isDevMode()) {
+            // eslint-disable-next-line no-console
             console.warn(`Label is required for accessibility reasons. Please, provide attribute "aria-label" value or set aria-hidden="true" for non-interactive elements.`, this.elementRef.nativeElement);
         }
     }
 }
 IconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: IconButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: { variant: "variant", appearance: "appearance", surface: "surface", size: "size", disabled: "disabled", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-icon-button--lg": "size === \"large\"", "class.sapphire-icon-button--sm": "size === \"small\"", "class.sapphire-icon-button--xs": "size === \"extraSmall\"", "class": "this.derivedVariantAndStyleClass", "type": "this.type" }, classAttribute: "sapphire-icon-button" }, providers: [
+IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: { variant: "variant", size: "size", disabled: "disabled", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-icon-button--lg": "size === \"lg\"", "class.sapphire-icon-button--sm": "size === \"sm\"", "class.sapphire-icon-button--xs": "size === \"xs\"", "class": "this.variantClass", "type": "this.type" }, classAttribute: "sapphire-icon-button" }, providers: [
         {
             provide: ICON_SIZE_PROVIDER,
             useExisting: forwardRef(() => IconButtonComponent),
         },
-    ], 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-semantic-size-height-control-md);width:var(--sapphire-semantic-size-height-control-md);flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);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-semantic-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-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-icon-button__spinner{position:absolute;display:inherit;cursor:not-allowed}.sapphire-icon-button--loading .sapphire-icon-button__icon{visibility:hidden}.sapphire-icon-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-icon-button--primary.is-focus,.sapphire-icon-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-icon-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary.is-focus,.sapphire-icon-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.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-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary.is-focus,.sapphire-icon-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.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-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger.is-focus,.sapphire-icon-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.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-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon-button--lg .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon-button--sm .sapphire-icon-button__icon,.sapphire-icon-button--xs .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon-button--lg{height:var(--sapphire-semantic-size-height-control-lg);width:var(--sapphire-semantic-size-height-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-icon-button--sm{height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--xs{height:var(--sapphire-semantic-size-height-control-xs);width:var(--sapphire-semantic-size-height-control-xs);border-radius:var(--sapphire-semantic-size-height-control-xs);font-size:var(--sapphire-semantic-size-font-control-sm)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], 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-semantic-size-height-control-md);width:var(--sapphire-semantic-size-height-control-md);flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);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-semantic-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-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-icon-button__spinner{position:absolute;display:inherit;cursor:not-allowed}.sapphire-icon-button--loading .sapphire-icon-button__icon{visibility:hidden}.sapphire-icon-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-icon-button--primary.is-focus,.sapphire-icon-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-icon-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary.is-focus,.sapphire-icon-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.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-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary.is-focus,.sapphire-icon-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.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-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger.is-focus,.sapphire-icon-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.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-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon-button--lg .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon-button--sm .sapphire-icon-button__icon,.sapphire-icon-button--xs .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon-button--lg{height:var(--sapphire-semantic-size-height-control-lg);width:var(--sapphire-semantic-size-height-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-icon-button--sm{height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--xs{height:var(--sapphire-semantic-size-height-control-xs);width:var(--sapphire-semantic-size-height-control-xs);border-radius:var(--sapphire-semantic-size-height-control-xs);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-icon-button--selected.is-focus,.sapphire-icon-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-icon-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-icon-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-icon-button--unselected.is-focus,.sapphire-icon-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     CoerceBoolean
 ], IconButtonComponent.prototype, "disabled", void 0);
@@ -70,21 +47,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[attr.disabled]': 'disabled || null',
                         '[class.is-disabled]': 'disabled',
                         class: 'sapphire-icon-button',
-                        '[class.sapphire-icon-button--lg]': 'size === "large"',
-                        '[class.sapphire-icon-button--sm]': 'size === "small"',
-                        '[class.sapphire-icon-button--xs]': 'size === "extraSmall"',
-                    }, 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-semantic-size-height-control-md);width:var(--sapphire-semantic-size-height-control-md);flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);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-semantic-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-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-icon-button__spinner{position:absolute;display:inherit;cursor:not-allowed}.sapphire-icon-button--loading .sapphire-icon-button__icon{visibility:hidden}.sapphire-icon-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-icon-button--primary.is-focus,.sapphire-icon-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-icon-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary.is-focus,.sapphire-icon-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.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-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary.is-focus,.sapphire-icon-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.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-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger.is-focus,.sapphire-icon-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.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-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon-button--lg .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon-button--sm .sapphire-icon-button__icon,.sapphire-icon-button--xs .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon-button--lg{height:var(--sapphire-semantic-size-height-control-lg);width:var(--sapphire-semantic-size-height-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-icon-button--sm{height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--xs{height:var(--sapphire-semantic-size-height-control-xs);width:var(--sapphire-semantic-size-height-control-xs);border-radius:var(--sapphire-semantic-size-height-control-xs);font-size:var(--sapphire-semantic-size-font-control-sm)}\n"] }]
+                        '[class.sapphire-icon-button--lg]': 'size === "lg"',
+                        '[class.sapphire-icon-button--sm]': 'size === "sm"',
+                        '[class.sapphire-icon-button--xs]': 'size === "xs"',
+                    }, 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-semantic-size-height-control-md);width:var(--sapphire-semantic-size-height-control-md);flex-shrink:0;border-radius:var(--sapphire-semantic-size-height-control-md);border-style:solid;border-width:0;border-color:transparent;font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-control-md);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);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-semantic-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-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring);outline-offset:var(--sapphire-semantic-size-focus-ring)}.sapphire-icon-button__spinner{position:absolute;display:inherit;cursor:not-allowed}.sapphire-icon-button--loading .sapphire-icon-button__icon{visibility:hidden}.sapphire-icon-button--primary{background-color:var(--sapphire-semantic-color-background-action-primary-default);color:var(--sapphire-semantic-color-content-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-primary-hover)}.sapphire-icon-button--primary.is-focus,.sapphire-icon-button--primary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-primary-default)}.sapphire-icon-button--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--primary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-primary-active)}.sapphire-icon-button--secondary{background-color:var(--sapphire-semantic-color-background-action-secondary-default);color:var(--sapphire-semantic-color-content-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-secondary-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary.is-focus,.sapphire-icon-button--secondary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--secondary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-secondary-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--secondary-ghost{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-secondary-ghost-hover);color:var(--sapphire-semantic-color-content-action-secondary-hover)}.sapphire-icon-button--secondary-ghost.is-focus,.sapphire-icon-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-secondary-ghost-default)}.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-semantic-color-background-action-secondary-ghost-active);color:var(--sapphire-semantic-color-content-action-secondary-active)}.sapphire-icon-button--tertiary{background-color:var(--sapphire-semantic-color-background-action-tertiary-default);color:var(--sapphire-semantic-color-content-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-tertiary-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary.is-focus,.sapphire-icon-button--tertiary:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-default)}.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--tertiary:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-tertiary-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--tertiary-ghost{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-tertiary-ghost-hover);color:var(--sapphire-semantic-color-content-action-tertiary-hover)}.sapphire-icon-button--tertiary-ghost.is-focus,.sapphire-icon-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)}.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-semantic-color-background-action-tertiary-ghost-active);color:var(--sapphire-semantic-color-content-action-tertiary-active)}.sapphire-icon-button--danger{background-color:var(--sapphire-semantic-color-background-action-danger-default);color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-action-danger-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger.is-focus,.sapphire-icon-button--danger:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-icon-button--danger:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--danger:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-action-danger-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button--danger-ghost{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default);color:var(--sapphire-semantic-color-content-action-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-semantic-color-background-action-danger-ghost-hover);color:var(--sapphire-semantic-color-content-action-danger-hover)}.sapphire-icon-button--danger-ghost.is-focus,.sapphire-icon-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-action-danger-ghost-default)}.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-semantic-color-background-action-danger-ghost-active);color:var(--sapphire-semantic-color-content-action-danger-active)}.sapphire-icon-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-semantic-size-icon-md);width:var(--sapphire-semantic-size-icon-md)}.sapphire-icon-button--lg .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-lg);width:var(--sapphire-semantic-size-icon-lg)}.sapphire-icon-button--sm .sapphire-icon-button__icon,.sapphire-icon-button--xs .sapphire-icon-button__icon{height:var(--sapphire-semantic-size-icon-sm);width:var(--sapphire-semantic-size-icon-sm)}.sapphire-icon-button--lg{height:var(--sapphire-semantic-size-height-control-lg);width:var(--sapphire-semantic-size-height-control-lg);border-radius:var(--sapphire-semantic-size-height-control-lg);font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-icon-button--sm{height:var(--sapphire-semantic-size-height-control-sm);width:var(--sapphire-semantic-size-height-control-sm);border-radius:var(--sapphire-semantic-size-height-control-sm);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--xs{height:var(--sapphire-semantic-size-height-control-xs);width:var(--sapphire-semantic-size-height-control-xs);border-radius:var(--sapphire-semantic-size-height-control-xs);font-size:var(--sapphire-semantic-size-font-control-sm)}.sapphire-icon-button--selected{background-color:var(--sapphire-semantic-color-background-selection-selected-default);color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-icon-button--selected.is-focus,.sapphire-icon-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-icon-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-selected-active);color:var(--sapphire-semantic-color-content-selection-selected-active)}.sapphire-icon-button--unselected{background-color:var(--sapphire-semantic-color-background-selection-unselected-default);color:var(--sapphire-semantic-color-content-selection-unselected-default)}.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):hover,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-icon-button--unselected.is-focus,.sapphire-icon-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-semantic-color-background-selection-unselected-default)}.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-icon-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-semantic-color-background-selection-unselected-active);color:var(--sapphire-semantic-color-content-selection-unselected-active)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
                 type: Input
-            }], appearance: [{
-                type: Input
-            }], surface: [{
-                type: Input
             }], size: [{
                 type: Input
             }], disabled: [{
                 type: Input
-            }], derivedVariantAndStyleClass: [{
+            }], variantClass: [{
                 type: HostBinding,
                 args: ['class']
             }], type: [{
@@ -93,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: HostBinding,
                 args: ['type']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsRUFDWCxVQUFVLEVBQ1YsU0FBUyxHQUdWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQ0wsa0JBQWtCLEdBRW5CLE1BQU0sbUNBQW1DLENBQUM7OztBQXlCM0MsTUFBTSxPQUFPLG1CQUFtQjtJQXdCOUIsSUFDWSwyQkFBMkI7UUFDckMsSUFBSSxzQkFBc0IsQ0FBQztRQUUzQixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxFQUFFO1lBQzlCLHNCQUFzQixHQUFHLFNBQWtCLENBQUM7U0FDN0M7YUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxFQUFFO1lBQ3JDLHVFQUF1RTtZQUN2RSxzQkFBc0IsR0FBRyxnQkFBeUIsQ0FBQztTQUNwRDthQUFNLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxNQUFNLEVBQUU7WUFDckMsc0JBQXNCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztTQUN2QzthQUFNO1lBQ0wsOEdBQThHO1lBQzlHLCtEQUErRDtZQUMvRCxzQkFBc0IsR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLFFBQWlCLENBQUM7U0FDM0Q7UUFFRCxPQUFPLHlCQUF5QixzQkFBc0IsRUFBRSxDQUFDO0lBQzNELENBQUM7SUFTRCxZQUFvQixVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQWpEdkQsWUFBTyxHQUNMLFVBQVUsQ0FBQztRQUViLHFDQUFxQztRQUVyQyxlQUFVLEdBQXNCLE9BQU8sQ0FBQztRQUV4Qzs7OztXQUlHO1FBRUgsWUFBTyxHQUE2QixTQUFTLENBQUM7UUFHOUMsU0FBSSxHQUFpRCxRQUFRLENBQUM7UUEwQjlEOztXQUVHO1FBR0gsU0FBSSxHQUFrQyxRQUFRLENBQUM7SUFFVyxDQUFDO0lBRTNELGVBQWU7UUFDYixNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO1FBQ2hFLElBQUksQ0FBQyxTQUFTLElBQUksVUFBVSxLQUFLLE1BQU0sSUFBSSxTQUFTLEVBQUUsRUFBRTtZQUN0RCxPQUFPLENBQUMsSUFBSSxDQUNWLG1KQUFtSixFQUNuSixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FDOUIsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7Z0hBN0RVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDJqQkFuQm5CO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsa0JBQWtCO1lBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7U0FDbkQ7S0FDRix3RkMzQkgscUZBR0E7QUQ0REU7SUFEQyxhQUFhO3FEQUNTOzJGQXRCWixtQkFBbUI7a0JBdkIvQixTQUFTOytCQUNFLDJDQUEyQyxhQUcxQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzt5QkFDbkQ7cUJBQ0YsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osaUJBQWlCLEVBQUUsa0JBQWtCO3dCQUNyQyxxQkFBcUIsRUFBRSxVQUFVO3dCQUVqQyxLQUFLLEVBQUUsc0JBQXNCO3dCQUU3QixrQ0FBa0MsRUFBRSxrQkFBa0I7d0JBQ3RELGtDQUFrQyxFQUFFLGtCQUFrQjt3QkFDdEQsa0NBQWtDLEVBQUUsdUJBQXVCO3FCQUM1RCxrQkFDZSxDQUFDLHdCQUF3QixDQUFDO2lHQUkxQyxPQUFPO3NCQUROLEtBQUs7Z0JBTU4sVUFBVTtzQkFEVCxLQUFLO2dCQVNOLE9BQU87c0JBRE4sS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxLQUFLO2dCQUtNLDJCQUEyQjtzQkFEdEMsV0FBVzt1QkFBQyxPQUFPO2dCQXlCcEIsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgSG9zdEJpbmRpbmcsXG4gIGZvcndhcmRSZWYsXG4gIGlzRGV2TW9kZSxcbiAgRWxlbWVudFJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQsIGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcbmltcG9ydCB7XG4gIElDT05fU0laRV9QUk9WSURFUixcbiAgSWNvblNpemVQcm92aWRlcixcbn0gZnJvbSAnLi4vLi4vaWNvbi9zcmMvaWNvbi1zaXplLXByb3ZpZGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3NwLWljb24tYnV0dG9uXSwgYVtzcC1pY29uLWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBJY29uQnV0dG9uQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5kaXNhYmxlZF0nOiAnZGlzYWJsZWQgfHwgbnVsbCcsXG4gICAgJ1tjbGFzcy5pcy1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuXG4gICAgY2xhc3M6ICdzYXBwaGlyZS1pY29uLWJ1dHRvbicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWljb24tYnV0dG9uLS1sZ10nOiAnc2l6ZSA9PT0gXCJsYXJnZVwiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWljb24tYnV0dG9uLS1zbV0nOiAnc2l6ZSA9PT0gXCJzbWFsbFwiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWljb24tYnV0dG9uLS14c10nOiAnc2l6ZSA9PT0gXCJleHRyYVNtYWxsXCInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG59KVxuZXhwb3J0IGNsYXNzIEljb25CdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBJY29uU2l6ZVByb3ZpZGVyLCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KClcbiAgdmFyaWFudD86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JyB8ICdkYW5nZXInIHwgJ25ldXRyYWwnID1cbiAgICAndGVydGlhcnknO1xuXG4gIC8vIFRPRE8odjIpOiBDaGFuZ2UgZGVmYXVsdCB0byAnZmlsbCdcbiAgQElucHV0KClcbiAgYXBwZWFyYW5jZT86ICdmaWxsJyB8ICdnaG9zdCcgPSAnZ2hvc3QnO1xuXG4gIC8qKlxuICAgKiBBcHBsaWVzIGRpZmZlcmVudCBzdHlsZXMgZm9yIGEgYmV0dGVyIGNvbnRyYXN0IHdpdGggdGhlIHNlY29uZGFyeSBjb2xvciBiYWNrZ3JvdW5kLlxuICAgKiBAZGVmYXVsdCAncHJpbWFyeSdcbiAgICogQGRlcHJlY2F0ZWQgVGhpcyB3aWxsIGJlIGRvbmUgYXV0b21hdGljYWxseVxuICAgKi9cbiAgQElucHV0KClcbiAgc3VyZmFjZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU/OiAnZXh0cmFTbWFsbCcgfCAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG5cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgZGlzYWJsZWQ6IEJvb2xlYW5JbnB1dDtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgZGVyaXZlZFZhcmlhbnRBbmRTdHlsZUNsYXNzKCkge1xuICAgIGxldCBkZXJpdmVkVmFyaWFudEFuZFN0eWxlO1xuXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ3ByaW1hcnknKSB7XG4gICAgICBkZXJpdmVkVmFyaWFudEFuZFN0eWxlID0gJ3ByaW1hcnknIGFzIGNvbnN0O1xuICAgIH0gZWxzZSBpZiAodGhpcy52YXJpYW50ID09PSAnbmV1dHJhbCcpIHtcbiAgICAgIC8vIFRPRE8odjIpOiBSZW1vdmUgYXMgd2UgcmVtb3ZlIHRoaXMgZGVwcmVjYXRlZCB2YWx1ZSBmb3IgdmFyaWFudC1wcm9wXG4gICAgICBkZXJpdmVkVmFyaWFudEFuZFN0eWxlID0gJ3RlcnRpYXJ5LWdob3N0JyBhcyBjb25zdDtcbiAgICB9IGVsc2UgaWYgKHRoaXMuYXBwZWFyYW5jZSA9PT0gJ2ZpbGwnKSB7XG4gICAgICBkZXJpdmVkVmFyaWFudEFuZFN0eWxlID0gdGhpcy52YXJpYW50O1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBNYWtpbmcgJ2dob3N0JyB0aGUgZGVmYXVsdCBmb3IgYWxsIG5vbi1wcmltYXJ5IHZhcmlhbnRzIGlzIHRvIG1hdGNoIHByZXZpb3VzIGFwaSBhbmQgYXZvaWQgYnJlYWtpbmcgY2hhbmdlc1xuICAgICAgLy8gVE9ETyh2MikgbWFrZSAnZmlsbCcgdGhlIGRlZmF1bHQgdmFsdWUgZm9yICdhcHBlYXJhbmNlJyBwcm9wXG4gICAgICBkZXJpdmVkVmFyaWFudEFuZFN0eWxlID0gYCR7dGhpcy52YXJpYW50fS1naG9zdGAgYXMgY29uc3Q7XG4gICAgfVxuXG4gICAgcmV0dXJuIGBzYXBwaGlyZS1pY29uLWJ1dHRvbi0tJHtkZXJpdmVkVmFyaWFudEFuZFN0eWxlfWA7XG4gIH1cblxuICAvKipcbiAgICogVGhlIGJlaGF2aW9yIG9mIHRoZSBidXR0b24gd2hlbiB1c2VkIGluIGFuIEhUTUwgZm9ybS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygndHlwZScpXG4gIHR5cGU6ICdzdWJtaXQnIHwgJ2J1dHRvbicgfCAncmVzZXQnID0gJ2J1dHRvbic7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge31cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgY29uc3QgeyBhcmlhTGFiZWwsIGFyaWFIaWRkZW4gfSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghYXJpYUxhYmVsICYmIGFyaWFIaWRkZW4gIT09ICd0cnVlJyAmJiBpc0Rldk1vZGUoKSkge1xuICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICBgTGFiZWwgaXMgcmVxdWlyZWQgZm9yIGFjY2Vzc2liaWxpdHkgcmVhc29ucy4gUGxlYXNlLCBwcm92aWRlIGF0dHJpYnV0ZSBcImFyaWEtbGFiZWxcIiB2YWx1ZSBvciBzZXQgYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9yIG5vbi1pbnRlcmFjdGl2ZSBlbGVtZW50cy5gLFxuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudFxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2FwcGhpcmUtaWNvbi1idXR0b25fX2ljb25cIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zcGFuPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsRUFDWCxVQUFVLEVBQ1YsU0FBUyxHQUdWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQ0wsa0JBQWtCLEdBRW5CLE1BQU0sbUNBQW1DLENBQUM7OztBQXlCM0MsTUFBTSxPQUFPLG1CQUFtQjtJQWtCOUIsSUFDWSxZQUFZO1FBQ3RCLE9BQU8seUJBQXlCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqRCxDQUFDO0lBU0QsWUFBb0IsVUFBbUM7UUFBbkMsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUE1QnZELFlBQU8sR0FPYyxnQkFBZ0IsQ0FBQztRQUd0QyxTQUFJLEdBQStCLElBQUksQ0FBQztRQVd4Qzs7V0FFRztRQUdILFNBQUksR0FBa0MsUUFBUSxDQUFDO0lBRVcsQ0FBQztJQUUzRCxlQUFlO1FBQ2IsTUFBTSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUNoRSxJQUFJLENBQUMsU0FBUyxJQUFJLFVBQVUsS0FBSyxNQUFNLElBQUksU0FBUyxFQUFFLEVBQUU7WUFDdEQsc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQ1YsbUpBQW1KLEVBQ25KLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUM5QixDQUFDO1NBQ0g7SUFDSCxDQUFDOztnSEF6Q1UsbUJBQW1CO29HQUFuQixtQkFBbUIsZ2ZBbkJuQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDO1NBQ25EO0tBQ0Ysd0ZDM0JILHFGQUdBO0FEc0RFO0lBREMsYUFBYTtxREFDUzsyRkFoQlosbUJBQW1CO2tCQXZCL0IsU0FBUzsrQkFDRSwyQ0FBMkMsYUFHMUM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsb0JBQW9CLENBQUM7eUJBQ25EO3FCQUNGLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLGlCQUFpQixFQUFFLGtCQUFrQjt3QkFDckMscUJBQXFCLEVBQUUsVUFBVTt3QkFFakMsS0FBSyxFQUFFLHNCQUFzQjt3QkFFN0Isa0NBQWtDLEVBQUUsZUFBZTt3QkFDbkQsa0NBQWtDLEVBQUUsZUFBZTt3QkFDbkQsa0NBQWtDLEVBQUUsZUFBZTtxQkFDcEQsa0JBQ2UsQ0FBQyx3QkFBd0IsQ0FBQztpR0FJMUMsT0FBTztzQkFETixLQUFLO2dCQVdOLElBQUk7c0JBREgsS0FBSztnQkFLTixRQUFRO3NCQUZQLEtBQUs7Z0JBS00sWUFBWTtzQkFEdkIsV0FBVzt1QkFBQyxPQUFPO2dCQVVwQixJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBIb3N0QmluZGluZyxcbiAgZm9yd2FyZFJlZixcbiAgaXNEZXZNb2RlLFxuICBFbGVtZW50UmVmLFxuICBBZnRlclZpZXdJbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcbmltcG9ydCB7XG4gIElDT05fU0laRV9QUk9WSURFUixcbiAgSWNvblNpemVQcm92aWRlcixcbn0gZnJvbSAnLi4vLi4vaWNvbi9zcmMvaWNvbi1zaXplLXByb3ZpZGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnV0dG9uW3NwLWljb24tYnV0dG9uXSwgYVtzcC1pY29uLWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBJY29uQnV0dG9uQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5kaXNhYmxlZF0nOiAnZGlzYWJsZWQgfHwgbnVsbCcsXG4gICAgJ1tjbGFzcy5pcy1kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuXG4gICAgY2xhc3M6ICdzYXBwaGlyZS1pY29uLWJ1dHRvbicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWljb24tYnV0dG9uLS1sZ10nOiAnc2l6ZSA9PT0gXCJsZ1wiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWljb24tYnV0dG9uLS1zbV0nOiAnc2l6ZSA9PT0gXCJzbVwiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWljb24tYnV0dG9uLS14c10nOiAnc2l6ZSA9PT0gXCJ4c1wiJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgSWNvblNpemVQcm92aWRlciwgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/OlxuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAnc2Vjb25kYXJ5J1xuICAgIHwgJ3NlY29uZGFyeS1naG9zdCdcbiAgICB8ICd0ZXJ0aWFyeSdcbiAgICB8ICd0ZXJ0aWFyeS1naG9zdCdcbiAgICB8ICdkYW5nZXInXG4gICAgfCAnZGFuZ2VyLWdob3N0JyA9ICd0ZXJ0aWFyeS1naG9zdCc7XG5cbiAgQElucHV0KClcbiAgc2l6ZT86ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQ7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IHZhcmlhbnRDbGFzcygpIHtcbiAgICByZXR1cm4gYHNhcHBoaXJlLWljb24tYnV0dG9uLS0ke3RoaXMudmFyaWFudH1gO1xuICB9XG5cbiAgLyoqXG4gICAqIFRoZSBiZWhhdmlvciBvZiB0aGUgYnV0dG9uIHdoZW4gdXNlZCBpbiBhbiBIVE1MIGZvcm0uXG4gICAqL1xuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ3R5cGUnKVxuICB0eXBlOiAnc3VibWl0JyB8ICdidXR0b24nIHwgJ3Jlc2V0JyA9ICdidXR0b24nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGNvbnN0IHsgYXJpYUxhYmVsLCBhcmlhSGlkZGVuIH0gPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoIWFyaWFMYWJlbCAmJiBhcmlhSGlkZGVuICE9PSAndHJ1ZScgJiYgaXNEZXZNb2RlKCkpIHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgIGBMYWJlbCBpcyByZXF1aXJlZCBmb3IgYWNjZXNzaWJpbGl0eSByZWFzb25zLiBQbGVhc2UsIHByb3ZpZGUgYXR0cmlidXRlIFwiYXJpYS1sYWJlbFwiIHZhbHVlIG9yIHNldCBhcmlhLWhpZGRlbj1cInRydWVcIiBmb3Igbm9uLWludGVyYWN0aXZlIGVsZW1lbnRzLmAsXG4gICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50XG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJzYXBwaGlyZS1pY29uLWJ1dHRvbl9faWNvblwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3NwYW4+XG4iXX0=