@progressio_resources/gravity-design-system 3.6.13 → 3.6.15

package/esm2022/lib/components/gravity-push-notifications/gravity-push-notifications.component.mjs

@@ -39,11 +39,11 @@ export class GravityPushNotificationsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityPushNotificationsComponent, deps: [{ token: i1.PushNotificationsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityPushNotificationsComponent, selector: "gravity-push-notifications", inputs: { userNotifications: "userNotifications" }, outputs: { viewedNotificationsResponse: "viewedNotificationsResponse" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"btn-group notifications-wrapper\" data-cy=\"PUSH_NOTIFICATIONS_wrapper\">\n  <div class=\"notifications-toggle pointer\" [class.active]=\"isPanelOpen\" data-cy=\"PUSH_NOTIFICATIONS_toggle\"\n       (click)=\"handleToggleNotificationsPanel()\">\n    <gravity-icon class=\"bell\" [iconName]=\"'bell'\" [iconSize]=\"'md-16'\"></gravity-icon>\n    <span *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\" class=\"circle\"></span>\n  </div>\n  <div *ngIf=\"isPanelOpen\" class=\"dropdown-menu dropdown-menu-right  elevation-sm\" data-cy=\"PUSH_NOTIFICATIONS_panel\">\n    <div class=\"panel-header\" data-cy=\"PUSH_NOTIFICATIONS_panel_header\">\n      <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_title\"> Notifications </p>\n      <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_pending_counter\"\n         *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\">\n        {{pushNotificationsService.pendingNotifications.length}}\n      </p>\n    </div>\n    <div class=\"notifications\" data-cy=\"PUSH_NOTIFICATIONS_item\"\n        *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0\">\n      <p> New </p>\n      <ng-container *ngFor=\"let notification of pushNotificationsService.pendingNotifications, let index = index\">\n        <div class=\"notification pending\" data-cy=\"PUSH_NOTIFICATIONS_new_notification\"\n             (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('pending-' + index)\"\n             id=\"pending-{{index}}\">\n          <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n          <div class=\"notification-content\">\n            <p class=\"hr-title sm-bold title\">\n              <span class=\"pending-notification-circle\"></span>\n              {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n            </p>\n            <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n              {{pushNotificationsService.getNotificationContent(notification.bodyText, notification.bodyAdditionalText)}}\n            </p>\n          </div>\n        </div>\n        <hr *ngIf=\"index + 1 != pushNotificationsService.pendingNotifications.length\">\n      </ng-container>\n    </div>\n    <hr *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0 && pushNotificationsService.seenNotifications?.length > 0\">\n    <div class=\"notifications\" *ngIf=\"pushNotificationsService.seenNotifications?.length > 0\">\n      <p> Old </p>\n      <ng-container *ngFor=\"let notification of pushNotificationsService.seenNotifications, let index = index\">\n        <div class=\"notification\" data-cy=\"PUSH_NOTIFICATIONS_old_notification\"\n             (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('seen-' + index)\"\n             id=\"seen-{{index}}\">\n          <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n          <div class=\"notification-content\">\n            <p class=\"hr-title sm-bold title\">\n              {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n            </p>\n            <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n              {{pushNotificationsService.getNotificationContent(notification.bodyAdditionalText, notification.bodyAdditionalText)}}\n            </p>\n          </div>\n        </div>\n        <hr *ngIf=\"index + 1 != pushNotificationsService.seenNotifications.length\">\n      </ng-container>\n    </div>\n    <div class=\"notifications\"\n        *ngIf=\"pushNotificationsService.pendingNotifications?.length == 0 && pushNotificationsService.seenNotifications?.length == 0\">\n      <p class=\"no-notification\"> No new notifications </p>\n    </div>\n  </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.notifications-wrapper{--circle-top: 3.25px;--circle-width: 8.67px;--circle-right: 6.13px;--circle-height: 8.67px;--notifications-wrapper-width: 29px;--notifications-wrapper-height: 29px;--notifications-toggle-padding: 6.5px;--circle-border-radius: 6.25rem;--notifications-wrapper-border-radius: 0;--notifications-toggle-border-radius: 6.25rem}.notifications-wrapper{width:var(--notifications-wrapper-width);height:var(--notifications-wrapper-height);border-radius:var(--notifications-wrapper-border-radius)}.notifications-toggle{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;padding:var(--notifications-toggle-padding);border-radius:var(--notifications-toggle-border-radius)}.notifications-toggle:hover,.notifications-toggle.active{cursor:pointer;background-color:var(--bg-notification-button-hover)}.notifications-toggle:hover .bell,.notifications-toggle.active .bell{--icon-color: var(--on-bg-notification-button-hover)}.notifications-toggle .bell{--icon-color: var(--on-bg-notification-button-active)}.notifications-toggle .circle{position:absolute;top:var(--circle-top);right:var(--circle-right);width:var(--circle-width);height:var(--circle-height);border-radius:var(--circle-border-radius);background-color:var(--bg-notification-badge-button)}.dropdown-menu{z-index:2;position:absolute;top:42px!important;right:-26px!important;border-radius:.9375rem;border:1px solid rgba(0,0,0,.175);background-color:var(--bg-dialog-primary)}@media (min-width: 993px){.dropdown-menu{width:25rem}}@media (max-width: 992px){.dropdown-menu{width:19rem}}.dropdown-menu:before{top:-6px;z-index:1;content:\"\";right:33px;width:12px;height:12px;position:absolute;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.175);border-top:1px solid rgba(0,0,0,.175);background-color:var(--on-bg-highlight-neutro-primary)}.panel-header{display:flex;padding:1rem 2rem;justify-content:space-between;border-radius:.9375rem .9375rem 0 0;background-color:var(--on-bg-highlight-neutro-primary)}.panel-header p{font-weight:600;letter-spacing:1.023px;color:var(--on-bg-notification-list-primary)}.notifications{padding:.75rem 2rem;color:var(--text-primary)}.notifications .notification:last-of-type{padding-bottom:0}.notification{display:flex;padding-block:1rem;align-items:flex-start}.notification .notification-content{margin-left:1.5rem}.notification .notification-content .title{margin-bottom:.25rem}.notification .notification-content .title span.pending-notification-circle{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem;margin-right:.25rem;display:inline-block;border-radius:1.5625rem;background-color:var(--notification-success-highlight-primary)}.notification .notification-content .body{overflow:hidden;text-overflow:ellipsis}@media (min-width: 993px){.notification .notification-content .body{width:18rem}}@media (max-width: 992px){.notification .notification-content .body{width:10rem}}.notification .notification-content .body.white-space-nowrap{white-space:nowrap}hr{margin:0;border-top-color:var(--divider-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityPushNotificationsComponent, selector: "gravity-push-notifications", inputs: { userNotifications: "userNotifications" }, outputs: { viewedNotificationsResponse: "viewedNotificationsResponse" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"btn-group notifications-wrapper\" data-cy=\"PUSH_NOTIFICATIONS_wrapper\">\n  <div class=\"notifications-toggle pointer\" [class.active]=\"isPanelOpen\" data-cy=\"PUSH_NOTIFICATIONS_toggle\"\n       (click)=\"handleToggleNotificationsPanel()\">\n    <gravity-icon class=\"bell\" [iconName]=\"'bell'\" [iconSize]=\"'md-16'\"></gravity-icon>\n    <span *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\" class=\"circle\"></span>\n  </div>\n  <div *ngIf=\"isPanelOpen\" class=\"notifications-box dropdown-menu-right  elevation-sm\" data-cy=\"PUSH_NOTIFICATIONS_panel\">\n    <div class=\"panel-header\" data-cy=\"PUSH_NOTIFICATIONS_panel_header\">\n      <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_title\"> Notifications </p>\n      <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_pending_counter\"\n         *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\">\n        {{pushNotificationsService.pendingNotifications.length}}\n      </p>\n    </div>\n    <div class=\"notifications\" data-cy=\"PUSH_NOTIFICATIONS_item\"\n        *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0\">\n      <p> New </p>\n      <ng-container *ngFor=\"let notification of pushNotificationsService.pendingNotifications, let index = index\">\n        <div class=\"notification pending\" data-cy=\"PUSH_NOTIFICATIONS_new_notification\"\n             (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('pending-' + index)\"\n             id=\"pending-{{index}}\">\n          <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n          <div class=\"notification-content\">\n            <p class=\"hr-title sm-bold title\">\n              <span class=\"pending-notification-circle\"></span>\n              {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n            </p>\n            <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n              {{pushNotificationsService.getNotificationContent(notification.bodyText, notification.bodyAdditionalText)}}\n            </p>\n          </div>\n        </div>\n        <hr *ngIf=\"index + 1 != pushNotificationsService.pendingNotifications.length\">\n      </ng-container>\n    </div>\n    <hr *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0 && pushNotificationsService.seenNotifications?.length > 0\">\n    <div class=\"notifications\" *ngIf=\"pushNotificationsService.seenNotifications?.length > 0\">\n      <p> Old </p>\n      <ng-container *ngFor=\"let notification of pushNotificationsService.seenNotifications, let index = index\">\n        <div class=\"notification\" data-cy=\"PUSH_NOTIFICATIONS_old_notification\"\n             (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('seen-' + index)\"\n             id=\"seen-{{index}}\">\n          <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n          <div class=\"notification-content\">\n            <p class=\"hr-title sm-bold title\">\n              {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n            </p>\n            <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n              {{pushNotificationsService.getNotificationContent(notification.bodyAdditionalText, notification.bodyAdditionalText)}}\n            </p>\n          </div>\n        </div>\n        <hr *ngIf=\"index + 1 != pushNotificationsService.seenNotifications.length\">\n      </ng-container>\n    </div>\n    <div class=\"notifications\"\n        *ngIf=\"pushNotificationsService.pendingNotifications?.length == 0 && pushNotificationsService.seenNotifications?.length == 0\">\n      <p class=\"no-notification\"> No new notifications </p>\n    </div>\n  </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.notifications-wrapper{--circle-top: 3.25px;--circle-width: 8.67px;--circle-right: 6.13px;--circle-height: 8.67px;--notifications-wrapper-width: 29px;--notifications-wrapper-height: 29px;--notifications-toggle-padding: 6.5px;--circle-border-radius: 6.25rem;--notifications-wrapper-border-radius: 0;--notifications-toggle-border-radius: 6.25rem}.notifications-wrapper{width:var(--notifications-wrapper-width);height:var(--notifications-wrapper-height);border-radius:var(--notifications-wrapper-border-radius)}.notifications-toggle{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;padding:var(--notifications-toggle-padding);border-radius:var(--notifications-toggle-border-radius)}.notifications-toggle:hover,.notifications-toggle.active{cursor:pointer;background-color:var(--bg-notification-button-hover)}.notifications-toggle:hover .bell,.notifications-toggle.active .bell{--icon-color: var(--on-bg-notification-button-hover)}.notifications-toggle .bell{--icon-color: var(--on-bg-notification-button-active)}.notifications-toggle .circle{position:absolute;top:var(--circle-top);right:var(--circle-right);width:var(--circle-width);height:var(--circle-height);border-radius:var(--circle-border-radius);background-color:var(--bg-notification-badge-button)}.notifications-box{z-index:2;display:block;position:absolute;top:42px!important;right:-16px!important;border-radius:.9375rem;border:1px solid rgba(0,0,0,.175);background-color:var(--bg-dialog-primary)}@media (min-width: 993px){.notifications-box{width:25rem}}@media (max-width: 992px){.notifications-box{width:19rem}}.notifications-box:before{top:-6px;z-index:1;content:\"\";right:23px;width:12px;height:12px;position:absolute;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.175);border-top:1px solid rgba(0,0,0,.175);background-color:var(--on-bg-highlight-neutro-primary)}.panel-header{display:flex;padding:1rem 2rem;justify-content:space-between;border-radius:.9375rem .9375rem 0 0;background-color:var(--on-bg-highlight-neutro-primary)}.panel-header p{font-weight:600;letter-spacing:1.023px;color:var(--on-bg-notification-list-primary)}.notifications{padding:.75rem 2rem;color:var(--text-primary)}.notifications .notification:last-of-type{padding-bottom:0}.notification{display:flex;padding-block:1rem;align-items:flex-start}.notification .notification-content{margin-left:1.5rem}.notification .notification-content .title{margin-bottom:.25rem}.notification .notification-content .title span.pending-notification-circle{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem;margin-right:.25rem;display:inline-block;border-radius:1.5625rem;background-color:var(--notification-success-highlight-primary)}.notification .notification-content .body{overflow:hidden;text-overflow:ellipsis}@media (min-width: 993px){.notification .notification-content .body{width:18rem}}@media (max-width: 992px){.notification .notification-content .body{width:10rem}}.notification .notification-content .body.white-space-nowrap{white-space:nowrap}hr{margin:0;border-top-color:var(--divider-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityPushNotificationsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gravity-push-notifications', template: "<div class=\"btn-group notifications-wrapper\" data-cy=\"PUSH_NOTIFICATIONS_wrapper\">\n  <div class=\"notifications-toggle pointer\" [class.active]=\"isPanelOpen\" data-cy=\"PUSH_NOTIFICATIONS_toggle\"\n       (click)=\"handleToggleNotificationsPanel()\">\n    <gravity-icon class=\"bell\" [iconName]=\"'bell'\" [iconSize]=\"'md-16'\"></gravity-icon>\n    <span *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\" class=\"circle\"></span>\n  </div>\n  <div *ngIf=\"isPanelOpen\" class=\"dropdown-menu dropdown-menu-right  elevation-sm\" data-cy=\"PUSH_NOTIFICATIONS_panel\">\n    <div class=\"panel-header\" data-cy=\"PUSH_NOTIFICATIONS_panel_header\">\n      <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_title\"> Notifications </p>\n      <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_pending_counter\"\n         *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\">\n        {{pushNotificationsService.pendingNotifications.length}}\n      </p>\n    </div>\n    <div class=\"notifications\" data-cy=\"PUSH_NOTIFICATIONS_item\"\n        *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0\">\n      <p> New </p>\n      <ng-container *ngFor=\"let notification of pushNotificationsService.pendingNotifications, let index = index\">\n        <div class=\"notification pending\" data-cy=\"PUSH_NOTIFICATIONS_new_notification\"\n             (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('pending-' + index)\"\n             id=\"pending-{{index}}\">\n          <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n          <div class=\"notification-content\">\n            <p class=\"hr-title sm-bold title\">\n              <span class=\"pending-notification-circle\"></span>\n              {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n            </p>\n            <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n              {{pushNotificationsService.getNotificationContent(notification.bodyText, notification.bodyAdditionalText)}}\n            </p>\n          </div>\n        </div>\n        <hr *ngIf=\"index + 1 != pushNotificationsService.pendingNotifications.length\">\n      </ng-container>\n    </div>\n    <hr *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0 && pushNotificationsService.seenNotifications?.length > 0\">\n    <div class=\"notifications\" *ngIf=\"pushNotificationsService.seenNotifications?.length > 0\">\n      <p> Old </p>\n      <ng-container *ngFor=\"let notification of pushNotificationsService.seenNotifications, let index = index\">\n        <div class=\"notification\" data-cy=\"PUSH_NOTIFICATIONS_old_notification\"\n             (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('seen-' + index)\"\n             id=\"seen-{{index}}\">\n          <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n          <div class=\"notification-content\">\n            <p class=\"hr-title sm-bold title\">\n              {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n            </p>\n            <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n              {{pushNotificationsService.getNotificationContent(notification.bodyAdditionalText, notification.bodyAdditionalText)}}\n            </p>\n          </div>\n        </div>\n        <hr *ngIf=\"index + 1 != pushNotificationsService.seenNotifications.length\">\n      </ng-container>\n    </div>\n    <div class=\"notifications\"\n        *ngIf=\"pushNotificationsService.pendingNotifications?.length == 0 && pushNotificationsService.seenNotifications?.length == 0\">\n      <p class=\"no-notification\"> No new notifications </p>\n    </div>\n  </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.notifications-wrapper{--circle-top: 3.25px;--circle-width: 8.67px;--circle-right: 6.13px;--circle-height: 8.67px;--notifications-wrapper-width: 29px;--notifications-wrapper-height: 29px;--notifications-toggle-padding: 6.5px;--circle-border-radius: 6.25rem;--notifications-wrapper-border-radius: 0;--notifications-toggle-border-radius: 6.25rem}.notifications-wrapper{width:var(--notifications-wrapper-width);height:var(--notifications-wrapper-height);border-radius:var(--notifications-wrapper-border-radius)}.notifications-toggle{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;padding:var(--notifications-toggle-padding);border-radius:var(--notifications-toggle-border-radius)}.notifications-toggle:hover,.notifications-toggle.active{cursor:pointer;background-color:var(--bg-notification-button-hover)}.notifications-toggle:hover .bell,.notifications-toggle.active .bell{--icon-color: var(--on-bg-notification-button-hover)}.notifications-toggle .bell{--icon-color: var(--on-bg-notification-button-active)}.notifications-toggle .circle{position:absolute;top:var(--circle-top);right:var(--circle-right);width:var(--circle-width);height:var(--circle-height);border-radius:var(--circle-border-radius);background-color:var(--bg-notification-badge-button)}.dropdown-menu{z-index:2;position:absolute;top:42px!important;right:-26px!important;border-radius:.9375rem;border:1px solid rgba(0,0,0,.175);background-color:var(--bg-dialog-primary)}@media (min-width: 993px){.dropdown-menu{width:25rem}}@media (max-width: 992px){.dropdown-menu{width:19rem}}.dropdown-menu:before{top:-6px;z-index:1;content:\"\";right:33px;width:12px;height:12px;position:absolute;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.175);border-top:1px solid rgba(0,0,0,.175);background-color:var(--on-bg-highlight-neutro-primary)}.panel-header{display:flex;padding:1rem 2rem;justify-content:space-between;border-radius:.9375rem .9375rem 0 0;background-color:var(--on-bg-highlight-neutro-primary)}.panel-header p{font-weight:600;letter-spacing:1.023px;color:var(--on-bg-notification-list-primary)}.notifications{padding:.75rem 2rem;color:var(--text-primary)}.notifications .notification:last-of-type{padding-bottom:0}.notification{display:flex;padding-block:1rem;align-items:flex-start}.notification .notification-content{margin-left:1.5rem}.notification .notification-content .title{margin-bottom:.25rem}.notification .notification-content .title span.pending-notification-circle{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem;margin-right:.25rem;display:inline-block;border-radius:1.5625rem;background-color:var(--notification-success-highlight-primary)}.notification .notification-content .body{overflow:hidden;text-overflow:ellipsis}@media (min-width: 993px){.notification .notification-content .body{width:18rem}}@media (max-width: 992px){.notification .notification-content .body{width:10rem}}.notification .notification-content .body.white-space-nowrap{white-space:nowrap}hr{margin:0;border-top-color:var(--divider-primary)}\n"] }]
+            args: [{ selector: 'gravity-push-notifications', template: "<div class=\"btn-group notifications-wrapper\" data-cy=\"PUSH_NOTIFICATIONS_wrapper\">\n  <div class=\"notifications-toggle pointer\" [class.active]=\"isPanelOpen\" data-cy=\"PUSH_NOTIFICATIONS_toggle\"\n       (click)=\"handleToggleNotificationsPanel()\">\n    <gravity-icon class=\"bell\" [iconName]=\"'bell'\" [iconSize]=\"'md-16'\"></gravity-icon>\n    <span *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\" class=\"circle\"></span>\n  </div>\n  <div *ngIf=\"isPanelOpen\" class=\"notifications-box dropdown-menu-right  elevation-sm\" data-cy=\"PUSH_NOTIFICATIONS_panel\">\n    <div class=\"panel-header\" data-cy=\"PUSH_NOTIFICATIONS_panel_header\">\n      <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_title\"> Notifications </p>\n      <p class=\"hr-body md-regular\" data-cy=\"PUSH_NOTIFICATIONS_panel_pending_counter\"\n         *ngIf=\"pushNotificationsService.pendingNotifications.length > 0\">\n        {{pushNotificationsService.pendingNotifications.length}}\n      </p>\n    </div>\n    <div class=\"notifications\" data-cy=\"PUSH_NOTIFICATIONS_item\"\n        *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0\">\n      <p> New </p>\n      <ng-container *ngFor=\"let notification of pushNotificationsService.pendingNotifications, let index = index\">\n        <div class=\"notification pending\" data-cy=\"PUSH_NOTIFICATIONS_new_notification\"\n             (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('pending-' + index)\"\n             id=\"pending-{{index}}\">\n          <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n          <div class=\"notification-content\">\n            <p class=\"hr-title sm-bold title\">\n              <span class=\"pending-notification-circle\"></span>\n              {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n            </p>\n            <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n              {{pushNotificationsService.getNotificationContent(notification.bodyText, notification.bodyAdditionalText)}}\n            </p>\n          </div>\n        </div>\n        <hr *ngIf=\"index + 1 != pushNotificationsService.pendingNotifications.length\">\n      </ng-container>\n    </div>\n    <hr *ngIf=\"pushNotificationsService.pendingNotifications?.length > 0 && pushNotificationsService.seenNotifications?.length > 0\">\n    <div class=\"notifications\" *ngIf=\"pushNotificationsService.seenNotifications?.length > 0\">\n      <p> Old </p>\n      <ng-container *ngFor=\"let notification of pushNotificationsService.seenNotifications, let index = index\">\n        <div class=\"notification\" data-cy=\"PUSH_NOTIFICATIONS_old_notification\"\n             (click)=\"$event.stopPropagation(); pushNotificationsService.removeTextOverflow('seen-' + index)\"\n             id=\"seen-{{index}}\">\n          <gravity-icon *ngIf=\"notification.iconName\" [iconName]=\"notification.iconName\" [hoverIcon]=\"false\" [iconSize]=\"'lg-24'\"></gravity-icon>\n          <div class=\"notification-content\">\n            <p class=\"hr-title sm-bold title\">\n              {{pushNotificationsService.getNotificationContent(notification.titleText, notification.titleAdditionalText)}}\n            </p>\n            <p class=\"body hr-body md-regular white-space-nowrap\" title=\"Click to expand\">\n              {{pushNotificationsService.getNotificationContent(notification.bodyAdditionalText, notification.bodyAdditionalText)}}\n            </p>\n          </div>\n        </div>\n        <hr *ngIf=\"index + 1 != pushNotificationsService.seenNotifications.length\">\n      </ng-container>\n    </div>\n    <div class=\"notifications\"\n        *ngIf=\"pushNotificationsService.pendingNotifications?.length == 0 && pushNotificationsService.seenNotifications?.length == 0\">\n      <p class=\"no-notification\"> No new notifications </p>\n    </div>\n  </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.notifications-wrapper{--circle-top: 3.25px;--circle-width: 8.67px;--circle-right: 6.13px;--circle-height: 8.67px;--notifications-wrapper-width: 29px;--notifications-wrapper-height: 29px;--notifications-toggle-padding: 6.5px;--circle-border-radius: 6.25rem;--notifications-wrapper-border-radius: 0;--notifications-toggle-border-radius: 6.25rem}.notifications-wrapper{width:var(--notifications-wrapper-width);height:var(--notifications-wrapper-height);border-radius:var(--notifications-wrapper-border-radius)}.notifications-toggle{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center;padding:var(--notifications-toggle-padding);border-radius:var(--notifications-toggle-border-radius)}.notifications-toggle:hover,.notifications-toggle.active{cursor:pointer;background-color:var(--bg-notification-button-hover)}.notifications-toggle:hover .bell,.notifications-toggle.active .bell{--icon-color: var(--on-bg-notification-button-hover)}.notifications-toggle .bell{--icon-color: var(--on-bg-notification-button-active)}.notifications-toggle .circle{position:absolute;top:var(--circle-top);right:var(--circle-right);width:var(--circle-width);height:var(--circle-height);border-radius:var(--circle-border-radius);background-color:var(--bg-notification-badge-button)}.notifications-box{z-index:2;display:block;position:absolute;top:42px!important;right:-16px!important;border-radius:.9375rem;border:1px solid rgba(0,0,0,.175);background-color:var(--bg-dialog-primary)}@media (min-width: 993px){.notifications-box{width:25rem}}@media (max-width: 992px){.notifications-box{width:19rem}}.notifications-box:before{top:-6px;z-index:1;content:\"\";right:23px;width:12px;height:12px;position:absolute;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.175);border-top:1px solid rgba(0,0,0,.175);background-color:var(--on-bg-highlight-neutro-primary)}.panel-header{display:flex;padding:1rem 2rem;justify-content:space-between;border-radius:.9375rem .9375rem 0 0;background-color:var(--on-bg-highlight-neutro-primary)}.panel-header p{font-weight:600;letter-spacing:1.023px;color:var(--on-bg-notification-list-primary)}.notifications{padding:.75rem 2rem;color:var(--text-primary)}.notifications .notification:last-of-type{padding-bottom:0}.notification{display:flex;padding-block:1rem;align-items:flex-start}.notification .notification-content{margin-left:1.5rem}.notification .notification-content .title{margin-bottom:.25rem}.notification .notification-content .title span.pending-notification-circle{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem;margin-right:.25rem;display:inline-block;border-radius:1.5625rem;background-color:var(--notification-success-highlight-primary)}.notification .notification-content .body{overflow:hidden;text-overflow:ellipsis}@media (min-width: 993px){.notification .notification-content .body{width:18rem}}@media (max-width: 992px){.notification .notification-content .body{width:10rem}}.notification .notification-content .body.white-space-nowrap{white-space:nowrap}hr{margin:0;border-top-color:var(--divider-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.PushNotificationsService }, { type: i0.ElementRef }]; }, propDecorators: { userNotifications: [{
                 type: Input
             }], viewedNotificationsResponse: [{
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: HostListener,
                 args: ['document:click', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1wdXNoLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktcHVzaC1ub3RpZmljYXRpb25zL2dyYXZpdHktcHVzaC1ub3RpZmljYXRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxTQUFTLEVBQWMsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRbEgsTUFBTSxPQUFPLGlDQUFpQztJQUM3QyxJQUFhLGlCQUFpQixDQUFDLEtBQW9DO1FBQ2xFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFRRCxZQUE0Qix3QkFBa0QsRUFDakQsVUFBc0I7UUFEdkIsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtRQUNqRCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBUGxDLGdDQUEyQixHQUFrRCxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTFHLGdCQUFXLEdBQVksS0FBSyxDQUFDO0lBS21CLENBQUM7SUFFeEQsUUFBUTtRQUNQLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsV0FBVztRQUNWLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFFTyxXQUFXO1FBQ2xCLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRU0sOEJBQThCO1FBQ3BDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3BHLElBQUcsSUFBSSxDQUFDLG1CQUFtQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDNUQsSUFBSSxDQUFDLDJCQUEyQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztTQUNoRTtJQUNGLENBQUM7SUFFMkMsT0FBTyxDQUFDLEtBQWlCO1FBQ3BFLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBRTNFLElBQUksQ0FBQyxhQUFhLEVBQUU7Z0JBQ25CLElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO2FBQ3RDO1NBQ0Q7SUFDRixDQUFDOytHQTNDVyxpQ0FBaUM7bUdBQWpDLGlDQUFpQyw2UENUOUMsa2dJQTZEQTs7NEZEcERhLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDQyw0QkFBNEI7d0lBS3pCLGlCQUFpQjtzQkFBN0IsS0FBSztnQkFLVywyQkFBMkI7c0JBQTNDLE1BQU07Z0JBNkJxQyxPQUFPO3NCQUFsRCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOb3RpZmljYXRpb25WaWV3ZWRTdGF0dXNSZXF1ZXN0LCBVc2VyTm90aWZpY2F0aW9uc30gZnJvbSBcIi4uLy4uL21vZGVsL2dyYXZpdHktcHVzaC1ub3RpZmljYXRpb25zLm1vZGVsXCI7XG5pbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFB1c2hOb3RpZmljYXRpb25zU2VydmljZSB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy1zZXJ2aWNlLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnZ3Jhdml0eS1wdXNoLW5vdGlmaWNhdGlvbnMnLFxuXHR0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1wdXNoLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlQdXNoTm90aWZpY2F0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblx0QElucHV0KCkgc2V0IHVzZXJOb3RpZmljYXRpb25zKHZhbHVlOiBVc2VyTm90aWZpY2F0aW9ucyB8IHVuZGVmaW5lZCkge1xuXHRcdHRoaXMuX3VzZXJOb3RpZmljYXRpb25zID0gdmFsdWU7XG5cdFx0dGhpcy5wcm9jZXNzRGF0YSgpO1xuXHR9XG5cblx0QE91dHB1dCgpIHB1YmxpYyB2aWV3ZWROb3RpZmljYXRpb25zUmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxOb3RpZmljYXRpb25WaWV3ZWRTdGF0dXNSZXF1ZXN0PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHRwdWJsaWMgaXNQYW5lbE9wZW46IGJvb2xlYW4gPSBmYWxzZTtcblx0cHVibGljIF91c2VyTm90aWZpY2F0aW9uczogVXNlck5vdGlmaWNhdGlvbnMgfCB1bmRlZmluZWQ7XG5cdHB1YmxpYyB2aWV3ZWROb3RpZmljYXRpb25zOiBOb3RpZmljYXRpb25WaWV3ZWRTdGF0dXNSZXF1ZXN0IHwgdW5kZWZpbmVkO1xuXG5cdGNvbnN0cnVjdG9yKHB1YmxpYyByZWFkb25seSBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2U6IFB1c2hOb3RpZmljYXRpb25zU2VydmljZSxcblx0ICAgICAgICAgICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuXHRuZ09uSW5pdCgpOiB2b2lkIHtcblx0XHR0aGlzLnByb2Nlc3NEYXRhKCk7XG5cdH1cblxuXHRuZ09uRGVzdHJveSgpOiB2b2lkIHtcblx0XHR0aGlzLnB1c2hOb3RpZmljYXRpb25zU2VydmljZS5jbGVhckxvZ2luTm90aWZpY2F0aW9uKCk7XG5cdH1cblxuXHRwcml2YXRlIHByb2Nlc3NEYXRhKCk6IHZvaWQge1xuXHRcdHRoaXMucHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLmxvYWRVc2VyTm90aWZpY2F0aW9ucyh0aGlzLl91c2VyTm90aWZpY2F0aW9ucyk7XG5cdH1cblxuXHRwdWJsaWMgaGFuZGxlVG9nZ2xlTm90aWZpY2F0aW9uc1BhbmVsKCkge1xuXHRcdHRoaXMuaXNQYW5lbE9wZW4gPSAhdGhpcy5pc1BhbmVsT3Blbjtcblx0XHR0aGlzLnZpZXdlZE5vdGlmaWNhdGlvbnMgPSB0aGlzLnB1c2hOb3RpZmljYXRpb25zU2VydmljZS50b2dnbGVOb3RpZmljYXRpb25zUGFuZWwodGhpcy5pc1BhbmVsT3Blbik7XG5cdFx0aWYodGhpcy52aWV3ZWROb3RpZmljYXRpb25zPy5wdXNoX25vdGlmaWNhdGlvbnM/Lmxlbmd0aCA+IDApIHtcblx0XHRcdHRoaXMudmlld2VkTm90aWZpY2F0aW9uc1Jlc3BvbnNlLmVtaXQodGhpcy52aWV3ZWROb3RpZmljYXRpb25zKTtcblx0XHR9XG5cdH1cblxuXHRASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpIHtcblx0XHRpZiAodGhpcy5pc1BhbmVsT3Blbikge1xuXHRcdFx0Y29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCk7XG5cblx0XHRcdGlmICghY2xpY2tlZEluc2lkZSkge1xuXHRcdFx0XHR0aGlzLmhhbmRsZVRvZ2dsZU5vdGlmaWNhdGlvbnNQYW5lbCgpO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufSIsIjxkaXYgY2xhc3M9XCJidG4tZ3JvdXAgbm90aWZpY2F0aW9ucy13cmFwcGVyXCIgZGF0YS1jeT1cIlBVU0hfTk9USUZJQ0FUSU9OU193cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRvZ2dsZSBwb2ludGVyXCIgW2NsYXNzLmFjdGl2ZV09XCJpc1BhbmVsT3BlblwiIGRhdGEtY3k9XCJQVVNIX05PVElGSUNBVElPTlNfdG9nZ2xlXCJcbiAgICAgICAoY2xpY2spPVwiaGFuZGxlVG9nZ2xlTm90aWZpY2F0aW9uc1BhbmVsKClcIj5cbiAgICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwiYmVsbFwiIFtpY29uTmFtZV09XCInYmVsbCdcIiBbaWNvblNpemVdPVwiJ21kLTE2J1wiPjwvZ3Jhdml0eS1pY29uPlxuICAgIDxzcGFuICpuZ0lmPVwicHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnBlbmRpbmdOb3RpZmljYXRpb25zLmxlbmd0aCA+IDBcIiBjbGFzcz1cImNpcmNsZVwiPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJpc1BhbmVsT3BlblwiIGNsYXNzPVwiZHJvcGRvd24tbWVudSBkcm9wZG93bi1tZW51LXJpZ2h0ICBlbGV2YXRpb24tc21cIiBkYXRhLWN5PVwiUFVTSF9OT1RJRklDQVRJT05TX3BhbmVsXCI+XG4gICAgPGRpdiBjbGFzcz1cInBhbmVsLWhlYWRlclwiIGRhdGEtY3k9XCJQVVNIX05PVElGSUNBVElPTlNfcGFuZWxfaGVhZGVyXCI+XG4gICAgICA8cCBjbGFzcz1cImhyLWJvZHkgbWQtcmVndWxhclwiIGRhdGEtY3k9XCJQVVNIX05PVElGSUNBVElPTlNfcGFuZWxfdGl0bGVcIj4gTm90aWZpY2F0aW9ucyA8L3A+XG4gICAgICA8cCBjbGFzcz1cImhyLWJvZHkgbWQtcmVndWxhclwiIGRhdGEtY3k9XCJQVVNIX05PVElGSUNBVElPTlNfcGFuZWxfcGVuZGluZ19jb3VudGVyXCJcbiAgICAgICAgICpuZ0lmPVwicHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnBlbmRpbmdOb3RpZmljYXRpb25zLmxlbmd0aCA+IDBcIj5cbiAgICAgICAge3twdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UucGVuZGluZ05vdGlmaWNhdGlvbnMubGVuZ3RofX1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uc1wiIGRhdGEtY3k9XCJQVVNIX05PVElGSUNBVElPTlNfaXRlbVwiXG4gICAgICAgICpuZ0lmPVwicHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnBlbmRpbmdOb3RpZmljYXRpb25zPy5sZW5ndGggPiAwXCI+XG4gICAgICA8cD4gTmV3IDwvcD5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG5vdGlmaWNhdGlvbiBvZiBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UucGVuZGluZ05vdGlmaWNhdGlvbnMsIGxldCBpbmRleCA9IGluZGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb24gcGVuZGluZ1wiIGRhdGEtY3k9XCJQVVNIX05PVElGSUNBVElPTlNfbmV3X25vdGlmaWNhdGlvblwiXG4gICAgICAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgcHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnJlbW92ZVRleHRPdmVyZmxvdygncGVuZGluZy0nICsgaW5kZXgpXCJcbiAgICAgICAgICAgICBpZD1cInBlbmRpbmcte3tpbmRleH19XCI+XG4gICAgICAgICAgPGdyYXZpdHktaWNvbiAqbmdJZj1cIm5vdGlmaWNhdGlvbi5pY29uTmFtZVwiIFtpY29uTmFtZV09XCJub3RpZmljYXRpb24uaWNvbk5hbWVcIiBbaG92ZXJJY29uXT1cImZhbHNlXCIgW2ljb25TaXplXT1cIidsZy0yNCdcIj48L2dyYXZpdHktaWNvbj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwiaHItdGl0bGUgc20tYm9sZCB0aXRsZVwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBlbmRpbmctbm90aWZpY2F0aW9uLWNpcmNsZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAge3twdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UuZ2V0Tm90aWZpY2F0aW9uQ29udGVudChub3RpZmljYXRpb24udGl0bGVUZXh0LCBub3RpZmljYXRpb24udGl0bGVBZGRpdGlvbmFsVGV4dCl9fVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJib2R5IGhyLWJvZHkgbWQtcmVndWxhciB3aGl0ZS1zcGFjZS1ub3dyYXBcIiB0aXRsZT1cIkNsaWNrIHRvIGV4cGFuZFwiPlxuICAgICAgICAgICAgICB7e3B1c2hOb3RpZmljYXRpb25zU2VydmljZS5nZXROb3RpZmljYXRpb25Db250ZW50KG5vdGlmaWNhdGlvbi5ib2R5VGV4dCwgbm90aWZpY2F0aW9uLmJvZHlBZGRpdGlvbmFsVGV4dCl9fVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGhyICpuZ0lmPVwiaW5kZXggKyAxICE9IHB1c2hOb3RpZmljYXRpb25zU2VydmljZS5wZW5kaW5nTm90aWZpY2F0aW9ucy5sZW5ndGhcIj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICAgIDxociAqbmdJZj1cInB1c2hOb3RpZmljYXRpb25zU2VydmljZS5wZW5kaW5nTm90aWZpY2F0aW9ucz8ubGVuZ3RoID4gMCAmJiBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2Uuc2Vlbk5vdGlmaWNhdGlvbnM/Lmxlbmd0aCA+IDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uc1wiICpuZ0lmPVwicHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnNlZW5Ob3RpZmljYXRpb25zPy5sZW5ndGggPiAwXCI+XG4gICAgICA8cD4gT2xkIDwvcD5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG5vdGlmaWNhdGlvbiBvZiBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2Uuc2Vlbk5vdGlmaWNhdGlvbnMsIGxldCBpbmRleCA9IGluZGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25cIiBkYXRhLWN5PVwiUFVTSF9OT1RJRklDQVRJT05TX29sZF9ub3RpZmljYXRpb25cIlxuICAgICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IHB1c2hOb3RpZmljYXRpb25zU2VydmljZS5yZW1vdmVUZXh0T3ZlcmZsb3coJ3NlZW4tJyArIGluZGV4KVwiXG4gICAgICAgICAgICAgaWQ9XCJzZWVuLXt7aW5kZXh9fVwiPlxuICAgICAgICAgIDxncmF2aXR5LWljb24gKm5nSWY9XCJub3RpZmljYXRpb24uaWNvbk5hbWVcIiBbaWNvbk5hbWVdPVwibm90aWZpY2F0aW9uLmljb25OYW1lXCIgW2hvdmVySWNvbl09XCJmYWxzZVwiIFtpY29uU2l6ZV09XCInbGctMjQnXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1jb250ZW50XCI+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImhyLXRpdGxlIHNtLWJvbGQgdGl0bGVcIj5cbiAgICAgICAgICAgICAge3twdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UuZ2V0Tm90aWZpY2F0aW9uQ29udGVudChub3RpZmljYXRpb24udGl0bGVUZXh0LCBub3RpZmljYXRpb24udGl0bGVBZGRpdGlvbmFsVGV4dCl9fVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJib2R5IGhyLWJvZHkgbWQtcmVndWxhciB3aGl0ZS1zcGFjZS1ub3dyYXBcIiB0aXRsZT1cIkNsaWNrIHRvIGV4cGFuZFwiPlxuICAgICAgICAgICAgICB7e3B1c2hOb3RpZmljYXRpb25zU2VydmljZS5nZXROb3RpZmljYXRpb25Db250ZW50KG5vdGlmaWNhdGlvbi5ib2R5QWRkaXRpb25hbFRleHQsIG5vdGlmaWNhdGlvbi5ib2R5QWRkaXRpb25hbFRleHQpfX1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxociAqbmdJZj1cImluZGV4ICsgMSAhPSBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2Uuc2Vlbk5vdGlmaWNhdGlvbnMubGVuZ3RoXCI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uc1wiXG4gICAgICAgICpuZ0lmPVwicHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnBlbmRpbmdOb3RpZmljYXRpb25zPy5sZW5ndGggPT0gMCAmJiBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2Uuc2Vlbk5vdGlmaWNhdGlvbnM/Lmxlbmd0aCA9PSAwXCI+XG4gICAgICA8cCBjbGFzcz1cIm5vLW5vdGlmaWNhdGlvblwiPiBObyBuZXcgbm90aWZpY2F0aW9ucyA8L3A+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1wdXNoLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktcHVzaC1ub3RpZmljYXRpb25zL2dyYXZpdHktcHVzaC1ub3RpZmljYXRpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxTQUFTLEVBQWMsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRbEgsTUFBTSxPQUFPLGlDQUFpQztJQUM3QyxJQUFhLGlCQUFpQixDQUFDLEtBQW9DO1FBQ2xFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFRRCxZQUE0Qix3QkFBa0QsRUFDakQsVUFBc0I7UUFEdkIsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtRQUNqRCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBUGxDLGdDQUEyQixHQUFrRCxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTFHLGdCQUFXLEdBQVksS0FBSyxDQUFDO0lBS21CLENBQUM7SUFFeEQsUUFBUTtRQUNQLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsV0FBVztRQUNWLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFFTyxXQUFXO1FBQ2xCLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRU0sOEJBQThCO1FBQ3BDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsd0JBQXdCLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3BHLElBQUcsSUFBSSxDQUFDLG1CQUFtQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDNUQsSUFBSSxDQUFDLDJCQUEyQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztTQUNoRTtJQUNGLENBQUM7SUFFMkMsT0FBTyxDQUFDLEtBQWlCO1FBQ3BFLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBRTNFLElBQUksQ0FBQyxhQUFhLEVBQUU7Z0JBQ25CLElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO2FBQ3RDO1NBQ0Q7SUFDRixDQUFDOytHQTNDVyxpQ0FBaUM7bUdBQWpDLGlDQUFpQyw2UENUOUMsc2dJQTZEQTs7NEZEcERhLGlDQUFpQztrQkFMN0MsU0FBUzsrQkFDQyw0QkFBNEI7d0lBS3pCLGlCQUFpQjtzQkFBN0IsS0FBSztnQkFLVywyQkFBMkI7c0JBQTNDLE1BQU07Z0JBNkJxQyxPQUFPO3NCQUFsRCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOb3RpZmljYXRpb25WaWV3ZWRTdGF0dXNSZXF1ZXN0LCBVc2VyTm90aWZpY2F0aW9uc30gZnJvbSBcIi4uLy4uL21vZGVsL2dyYXZpdHktcHVzaC1ub3RpZmljYXRpb25zLm1vZGVsXCI7XG5pbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFB1c2hOb3RpZmljYXRpb25zU2VydmljZSB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy1zZXJ2aWNlLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnZ3Jhdml0eS1wdXNoLW5vdGlmaWNhdGlvbnMnLFxuXHR0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1wdXNoLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlQdXNoTm90aWZpY2F0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblx0QElucHV0KCkgc2V0IHVzZXJOb3RpZmljYXRpb25zKHZhbHVlOiBVc2VyTm90aWZpY2F0aW9ucyB8IHVuZGVmaW5lZCkge1xuXHRcdHRoaXMuX3VzZXJOb3RpZmljYXRpb25zID0gdmFsdWU7XG5cdFx0dGhpcy5wcm9jZXNzRGF0YSgpO1xuXHR9XG5cblx0QE91dHB1dCgpIHB1YmxpYyB2aWV3ZWROb3RpZmljYXRpb25zUmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxOb3RpZmljYXRpb25WaWV3ZWRTdGF0dXNSZXF1ZXN0PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHRwdWJsaWMgaXNQYW5lbE9wZW46IGJvb2xlYW4gPSBmYWxzZTtcblx0cHVibGljIF91c2VyTm90aWZpY2F0aW9uczogVXNlck5vdGlmaWNhdGlvbnMgfCB1bmRlZmluZWQ7XG5cdHB1YmxpYyB2aWV3ZWROb3RpZmljYXRpb25zOiBOb3RpZmljYXRpb25WaWV3ZWRTdGF0dXNSZXF1ZXN0IHwgdW5kZWZpbmVkO1xuXG5cdGNvbnN0cnVjdG9yKHB1YmxpYyByZWFkb25seSBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2U6IFB1c2hOb3RpZmljYXRpb25zU2VydmljZSxcblx0ICAgICAgICAgICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuXHRuZ09uSW5pdCgpOiB2b2lkIHtcblx0XHR0aGlzLnByb2Nlc3NEYXRhKCk7XG5cdH1cblxuXHRuZ09uRGVzdHJveSgpOiB2b2lkIHtcblx0XHR0aGlzLnB1c2hOb3RpZmljYXRpb25zU2VydmljZS5jbGVhckxvZ2luTm90aWZpY2F0aW9uKCk7XG5cdH1cblxuXHRwcml2YXRlIHByb2Nlc3NEYXRhKCk6IHZvaWQge1xuXHRcdHRoaXMucHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLmxvYWRVc2VyTm90aWZpY2F0aW9ucyh0aGlzLl91c2VyTm90aWZpY2F0aW9ucyk7XG5cdH1cblxuXHRwdWJsaWMgaGFuZGxlVG9nZ2xlTm90aWZpY2F0aW9uc1BhbmVsKCkge1xuXHRcdHRoaXMuaXNQYW5lbE9wZW4gPSAhdGhpcy5pc1BhbmVsT3Blbjtcblx0XHR0aGlzLnZpZXdlZE5vdGlmaWNhdGlvbnMgPSB0aGlzLnB1c2hOb3RpZmljYXRpb25zU2VydmljZS50b2dnbGVOb3RpZmljYXRpb25zUGFuZWwodGhpcy5pc1BhbmVsT3Blbik7XG5cdFx0aWYodGhpcy52aWV3ZWROb3RpZmljYXRpb25zPy5wdXNoX25vdGlmaWNhdGlvbnM/Lmxlbmd0aCA+IDApIHtcblx0XHRcdHRoaXMudmlld2VkTm90aWZpY2F0aW9uc1Jlc3BvbnNlLmVtaXQodGhpcy52aWV3ZWROb3RpZmljYXRpb25zKTtcblx0XHR9XG5cdH1cblxuXHRASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpIHtcblx0XHRpZiAodGhpcy5pc1BhbmVsT3Blbikge1xuXHRcdFx0Y29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCk7XG5cblx0XHRcdGlmICghY2xpY2tlZEluc2lkZSkge1xuXHRcdFx0XHR0aGlzLmhhbmRsZVRvZ2dsZU5vdGlmaWNhdGlvbnNQYW5lbCgpO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxufSIsIjxkaXYgY2xhc3M9XCJidG4tZ3JvdXAgbm90aWZpY2F0aW9ucy13cmFwcGVyXCIgZGF0YS1jeT1cIlBVU0hfTk9USUZJQ0FUSU9OU193cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRvZ2dsZSBwb2ludGVyXCIgW2NsYXNzLmFjdGl2ZV09XCJpc1BhbmVsT3BlblwiIGRhdGEtY3k9XCJQVVNIX05PVElGSUNBVElPTlNfdG9nZ2xlXCJcbiAgICAgICAoY2xpY2spPVwiaGFuZGxlVG9nZ2xlTm90aWZpY2F0aW9uc1BhbmVsKClcIj5cbiAgICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwiYmVsbFwiIFtpY29uTmFtZV09XCInYmVsbCdcIiBbaWNvblNpemVdPVwiJ21kLTE2J1wiPjwvZ3Jhdml0eS1pY29uPlxuICAgIDxzcGFuICpuZ0lmPVwicHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnBlbmRpbmdOb3RpZmljYXRpb25zLmxlbmd0aCA+IDBcIiBjbGFzcz1cImNpcmNsZVwiPjwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJpc1BhbmVsT3BlblwiIGNsYXNzPVwibm90aWZpY2F0aW9ucy1ib3ggZHJvcGRvd24tbWVudS1yaWdodCAgZWxldmF0aW9uLXNtXCIgZGF0YS1jeT1cIlBVU0hfTk9USUZJQ0FUSU9OU19wYW5lbFwiPlxuICAgIDxkaXYgY2xhc3M9XCJwYW5lbC1oZWFkZXJcIiBkYXRhLWN5PVwiUFVTSF9OT1RJRklDQVRJT05TX3BhbmVsX2hlYWRlclwiPlxuICAgICAgPHAgY2xhc3M9XCJoci1ib2R5IG1kLXJlZ3VsYXJcIiBkYXRhLWN5PVwiUFVTSF9OT1RJRklDQVRJT05TX3BhbmVsX3RpdGxlXCI+IE5vdGlmaWNhdGlvbnMgPC9wPlxuICAgICAgPHAgY2xhc3M9XCJoci1ib2R5IG1kLXJlZ3VsYXJcIiBkYXRhLWN5PVwiUFVTSF9OT1RJRklDQVRJT05TX3BhbmVsX3BlbmRpbmdfY291bnRlclwiXG4gICAgICAgICAqbmdJZj1cInB1c2hOb3RpZmljYXRpb25zU2VydmljZS5wZW5kaW5nTm90aWZpY2F0aW9ucy5sZW5ndGggPiAwXCI+XG4gICAgICAgIHt7cHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnBlbmRpbmdOb3RpZmljYXRpb25zLmxlbmd0aH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnNcIiBkYXRhLWN5PVwiUFVTSF9OT1RJRklDQVRJT05TX2l0ZW1cIlxuICAgICAgICAqbmdJZj1cInB1c2hOb3RpZmljYXRpb25zU2VydmljZS5wZW5kaW5nTm90aWZpY2F0aW9ucz8ubGVuZ3RoID4gMFwiPlxuICAgICAgPHA+IE5ldyA8L3A+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBub3RpZmljYXRpb24gb2YgcHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnBlbmRpbmdOb3RpZmljYXRpb25zLCBsZXQgaW5kZXggPSBpbmRleFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uIHBlbmRpbmdcIiBkYXRhLWN5PVwiUFVTSF9OT1RJRklDQVRJT05TX25ld19ub3RpZmljYXRpb25cIlxuICAgICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IHB1c2hOb3RpZmljYXRpb25zU2VydmljZS5yZW1vdmVUZXh0T3ZlcmZsb3coJ3BlbmRpbmctJyArIGluZGV4KVwiXG4gICAgICAgICAgICAgaWQ9XCJwZW5kaW5nLXt7aW5kZXh9fVwiPlxuICAgICAgICAgIDxncmF2aXR5LWljb24gKm5nSWY9XCJub3RpZmljYXRpb24uaWNvbk5hbWVcIiBbaWNvbk5hbWVdPVwibm90aWZpY2F0aW9uLmljb25OYW1lXCIgW2hvdmVySWNvbl09XCJmYWxzZVwiIFtpY29uU2l6ZV09XCInbGctMjQnXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1jb250ZW50XCI+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImhyLXRpdGxlIHNtLWJvbGQgdGl0bGVcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwZW5kaW5nLW5vdGlmaWNhdGlvbi1jaXJjbGVcIj48L3NwYW4+XG4gICAgICAgICAgICAgIHt7cHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLmdldE5vdGlmaWNhdGlvbkNvbnRlbnQobm90aWZpY2F0aW9uLnRpdGxlVGV4dCwgbm90aWZpY2F0aW9uLnRpdGxlQWRkaXRpb25hbFRleHQpfX1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwiYm9keSBoci1ib2R5IG1kLXJlZ3VsYXIgd2hpdGUtc3BhY2Utbm93cmFwXCIgdGl0bGU9XCJDbGljayB0byBleHBhbmRcIj5cbiAgICAgICAgICAgICAge3twdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UuZ2V0Tm90aWZpY2F0aW9uQ29udGVudChub3RpZmljYXRpb24uYm9keVRleHQsIG5vdGlmaWNhdGlvbi5ib2R5QWRkaXRpb25hbFRleHQpfX1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxociAqbmdJZj1cImluZGV4ICsgMSAhPSBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UucGVuZGluZ05vdGlmaWNhdGlvbnMubGVuZ3RoXCI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8aHIgKm5nSWY9XCJwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UucGVuZGluZ05vdGlmaWNhdGlvbnM/Lmxlbmd0aCA+IDAgJiYgcHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnNlZW5Ob3RpZmljYXRpb25zPy5sZW5ndGggPiAwXCI+XG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnNcIiAqbmdJZj1cInB1c2hOb3RpZmljYXRpb25zU2VydmljZS5zZWVuTm90aWZpY2F0aW9ucz8ubGVuZ3RoID4gMFwiPlxuICAgICAgPHA+IE9sZCA8L3A+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBub3RpZmljYXRpb24gb2YgcHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnNlZW5Ob3RpZmljYXRpb25zLCBsZXQgaW5kZXggPSBpbmRleFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uXCIgZGF0YS1jeT1cIlBVU0hfTk9USUZJQ0FUSU9OU19vbGRfbm90aWZpY2F0aW9uXCJcbiAgICAgICAgICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpOyBwdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UucmVtb3ZlVGV4dE92ZXJmbG93KCdzZWVuLScgKyBpbmRleClcIlxuICAgICAgICAgICAgIGlkPVwic2Vlbi17e2luZGV4fX1cIj5cbiAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwibm90aWZpY2F0aW9uLmljb25OYW1lXCIgW2ljb25OYW1lXT1cIm5vdGlmaWNhdGlvbi5pY29uTmFtZVwiIFtob3Zlckljb25dPVwiZmFsc2VcIiBbaWNvblNpemVdPVwiJ2xnLTI0J1wiPjwvZ3Jhdml0eS1pY29uPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb24tY29udGVudFwiPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJoci10aXRsZSBzbS1ib2xkIHRpdGxlXCI+XG4gICAgICAgICAgICAgIHt7cHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLmdldE5vdGlmaWNhdGlvbkNvbnRlbnQobm90aWZpY2F0aW9uLnRpdGxlVGV4dCwgbm90aWZpY2F0aW9uLnRpdGxlQWRkaXRpb25hbFRleHQpfX1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwiYm9keSBoci1ib2R5IG1kLXJlZ3VsYXIgd2hpdGUtc3BhY2Utbm93cmFwXCIgdGl0bGU9XCJDbGljayB0byBleHBhbmRcIj5cbiAgICAgICAgICAgICAge3twdXNoTm90aWZpY2F0aW9uc1NlcnZpY2UuZ2V0Tm90aWZpY2F0aW9uQ29udGVudChub3RpZmljYXRpb24uYm9keUFkZGl0aW9uYWxUZXh0LCBub3RpZmljYXRpb24uYm9keUFkZGl0aW9uYWxUZXh0KX19XG4gICAgICAgICAgICA8L3A+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8aHIgKm5nSWY9XCJpbmRleCArIDEgIT0gcHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnNlZW5Ob3RpZmljYXRpb25zLmxlbmd0aFwiPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnNcIlxuICAgICAgICAqbmdJZj1cInB1c2hOb3RpZmljYXRpb25zU2VydmljZS5wZW5kaW5nTm90aWZpY2F0aW9ucz8ubGVuZ3RoID09IDAgJiYgcHVzaE5vdGlmaWNhdGlvbnNTZXJ2aWNlLnNlZW5Ob3RpZmljYXRpb25zPy5sZW5ndGggPT0gMFwiPlxuICAgICAgPHAgY2xhc3M9XCJuby1ub3RpZmljYXRpb25cIj4gTm8gbmV3IG5vdGlmaWNhdGlvbnMgPC9wPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/gravity-radio-button/gravity-radio-button.component.mjs

@@ -11,12 +11,14 @@ export class GravityRadioButtonComponent {
         this.onChange.emit(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityRadioButtonComponent, selector: "gravity-radio-button", inputs: { checked: "checked", disabled: "disabled", name: "name", size: "size", value: "value" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<input [checked]=\"checked\" class=\"size-{{size}}\" (click)=\"onChangeEvent(value)\" [disabled]=\"disabled\" [id]=\"value\"\n       [name]=\"name\" type=\"radio\" [value]=\"value\">\n<label>\n  <ng-content></ng-content>\n</label>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{align-items:center;display:flex}input[type=radio]{appearance:none;background-color:var(--radio-button-background-color);border-color:var(--radio-button-border-color);border-radius:6.25rem;border-style:solid;border-width:var(--radio-button-border-width);display:inline-block;height:var(--radio-button-size);margin:0;max-height:var(--radio-button-size);max-width:var(--radio-button-size);min-height:var(--radio-button-size);min-width:var(--radio-button-size);--radio-button-background-color: transparent;width:var(--radio-button-size)}input[type=radio]:disabled{--radio-button-border-color: var(--outline-disabled)}input[type=radio]:not(:disabled){--radio-button-border-color: var(--radio-button-off-primary)}input[type=radio]:not(:disabled):checked{--radio-button-background-color: var(--on-bg-checkbox-on-primary);--radio-button-border-color: var(--radio-button-on-primary)}input[type=radio].size-md{--radio-button-border-width: 3px;--radio-button-size: 27px}input[type=radio].size-md:checked:not(:disabled){--radio-button-border-width: 8px}input[type=radio].size-sm{--radio-button-border-width: 2px;--radio-button-size: 20px}input[type=radio].size-sm:checked:not(:disabled){--radio-button-border-width: 6px}label:not(:empty){margin-left:10px}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityRadioButtonComponent, selector: "gravity-radio-button", inputs: { cypressTag: "cypressTag", checked: "checked", disabled: "disabled", name: "name", size: "size", value: "value" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<input [checked]=\"checked\" class=\"size-{{size}}\" (click)=\"onChangeEvent(value)\" [disabled]=\"disabled\" [id]=\"value\"\n       [name]=\"name\" type=\"radio\" [value]=\"value\" [attr.data-cy]=\"cypressTag ? 'radioButton_' + cypressTag : null\">\n<label>\n  <ng-content></ng-content>\n</label>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{align-items:center;display:flex}input[type=radio]{appearance:none;background-color:var(--radio-button-background-color);border-color:var(--radio-button-border-color);border-radius:6.25rem;border-style:solid;border-width:var(--radio-button-border-width);display:inline-block;height:var(--radio-button-size);margin:0;max-height:var(--radio-button-size);max-width:var(--radio-button-size);min-height:var(--radio-button-size);min-width:var(--radio-button-size);--radio-button-background-color: transparent;width:var(--radio-button-size)}input[type=radio]:disabled{--radio-button-border-color: var(--outline-disabled)}input[type=radio]:not(:disabled){--radio-button-border-color: var(--radio-button-off-primary)}input[type=radio]:not(:disabled):checked{--radio-button-background-color: var(--on-bg-checkbox-on-primary);--radio-button-border-color: var(--radio-button-on-primary)}input[type=radio].size-md{--radio-button-border-width: 3px;--radio-button-size: 27px}input[type=radio].size-md:checked:not(:disabled){--radio-button-border-width: 8px}input[type=radio].size-sm{--radio-button-border-width: 2px;--radio-button-size: 20px}input[type=radio].size-sm:checked:not(:disabled){--radio-button-border-width: 6px}label:not(:empty){margin-left:10px}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityRadioButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gravity-radio-button', template: "<input [checked]=\"checked\" class=\"size-{{size}}\" (click)=\"onChangeEvent(value)\" [disabled]=\"disabled\" [id]=\"value\"\n       [name]=\"name\" type=\"radio\" [value]=\"value\">\n<label>\n  <ng-content></ng-content>\n</label>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{align-items:center;display:flex}input[type=radio]{appearance:none;background-color:var(--radio-button-background-color);border-color:var(--radio-button-border-color);border-radius:6.25rem;border-style:solid;border-width:var(--radio-button-border-width);display:inline-block;height:var(--radio-button-size);margin:0;max-height:var(--radio-button-size);max-width:var(--radio-button-size);min-height:var(--radio-button-size);min-width:var(--radio-button-size);--radio-button-background-color: transparent;width:var(--radio-button-size)}input[type=radio]:disabled{--radio-button-border-color: var(--outline-disabled)}input[type=radio]:not(:disabled){--radio-button-border-color: var(--radio-button-off-primary)}input[type=radio]:not(:disabled):checked{--radio-button-background-color: var(--on-bg-checkbox-on-primary);--radio-button-border-color: var(--radio-button-on-primary)}input[type=radio].size-md{--radio-button-border-width: 3px;--radio-button-size: 27px}input[type=radio].size-md:checked:not(:disabled){--radio-button-border-width: 8px}input[type=radio].size-sm{--radio-button-border-width: 2px;--radio-button-size: 20px}input[type=radio].size-sm:checked:not(:disabled){--radio-button-border-width: 6px}label:not(:empty){margin-left:10px}\n"] }]
-        }], propDecorators: { checked: [{
+            args: [{ selector: 'gravity-radio-button', template: "<input [checked]=\"checked\" class=\"size-{{size}}\" (click)=\"onChangeEvent(value)\" [disabled]=\"disabled\" [id]=\"value\"\n       [name]=\"name\" type=\"radio\" [value]=\"value\" [attr.data-cy]=\"cypressTag ? 'radioButton_' + cypressTag : null\">\n<label>\n  <ng-content></ng-content>\n</label>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{align-items:center;display:flex}input[type=radio]{appearance:none;background-color:var(--radio-button-background-color);border-color:var(--radio-button-border-color);border-radius:6.25rem;border-style:solid;border-width:var(--radio-button-border-width);display:inline-block;height:var(--radio-button-size);margin:0;max-height:var(--radio-button-size);max-width:var(--radio-button-size);min-height:var(--radio-button-size);min-width:var(--radio-button-size);--radio-button-background-color: transparent;width:var(--radio-button-size)}input[type=radio]:disabled{--radio-button-border-color: var(--outline-disabled)}input[type=radio]:not(:disabled){--radio-button-border-color: var(--radio-button-off-primary)}input[type=radio]:not(:disabled):checked{--radio-button-background-color: var(--on-bg-checkbox-on-primary);--radio-button-border-color: var(--radio-button-on-primary)}input[type=radio].size-md{--radio-button-border-width: 3px;--radio-button-size: 27px}input[type=radio].size-md:checked:not(:disabled){--radio-button-border-width: 8px}input[type=radio].size-sm{--radio-button-border-width: 2px;--radio-button-size: 20px}input[type=radio].size-sm:checked:not(:disabled){--radio-button-border-width: 6px}label:not(:empty){margin-left:10px}\n"] }]
+        }], propDecorators: { cypressTag: [{
+                type: Input
+            }], checked: [{
                 type: Input
             }], disabled: [{
                 type: Input
@@ -29,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], onChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXJhZGlvLWJ1dHRvbi9ncmF2aXR5LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktcmFkaW8tYnV0dG9uL2dyYXZpdHktcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBT3JFLE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFNa0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBRXhCLGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUs5RTtJQUhRLGFBQWEsQ0FBQyxLQUFhO1FBQ2hDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBVlUsMkJBQTJCO21HQUEzQiwyQkFBMkIsaU1DUHhDLDBPQUtBOzs0RkRFYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUtoQixPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1csUUFBUTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LXJhZGlvLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eVJhZGlvQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnbWQnIHwgJ3NtJyA9ICdzbSc7XG4gIEBJbnB1dCgpIHB1YmxpYyB2YWx1ZTogc3RyaW5nO1xuICBAT3V0cHV0KCkgcHVibGljIG9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIHB1YmxpYyBvbkNoYW5nZUV2ZW50KHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQodmFsdWUpO1xuICB9XG59XG4iLCI8aW5wdXQgW2NoZWNrZWRdPVwiY2hlY2tlZFwiIGNsYXNzPVwic2l6ZS17e3NpemV9fVwiIChjbGljayk9XCJvbkNoYW5nZUV2ZW50KHZhbHVlKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtpZF09XCJ2YWx1ZVwiXG4gICAgICAgW25hbWVdPVwibmFtZVwiIHR5cGU9XCJyYWRpb1wiIFt2YWx1ZV09XCJ2YWx1ZVwiPlxuPGxhYmVsPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2xhYmVsPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXJhZGlvLWJ1dHRvbi9ncmF2aXR5LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktcmFkaW8tYnV0dG9uL2dyYXZpdHktcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBT3JFLE1BQU0sT0FBTywyQkFBMkI7SUFMeEM7UUFPa0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBRXhCLGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUs5RTtJQUhRLGFBQWEsQ0FBQyxLQUFhO1FBQ2hDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBWFUsMkJBQTJCO21HQUEzQiwyQkFBMkIsMk5DUHhDLDZTQUtBOzs0RkRFYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUtoQixVQUFVO3NCQUF6QixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVyxRQUFRO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktcmFkaW8tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5UmFkaW9CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgY3lwcmVzc1RhZzogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdtZCcgfCAnc20nID0gJ3NtJztcbiAgQElucHV0KCkgcHVibGljIHZhbHVlOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcHVibGljIG9uQ2hhbmdlRXZlbnQodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gIH1cbn1cbiIsIjxpbnB1dCBbY2hlY2tlZF09XCJjaGVja2VkXCIgY2xhc3M9XCJzaXplLXt7c2l6ZX19XCIgKGNsaWNrKT1cIm9uQ2hhbmdlRXZlbnQodmFsdWUpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW2lkXT1cInZhbHVlXCJcbiAgICAgICBbbmFtZV09XCJuYW1lXCIgdHlwZT1cInJhZGlvXCIgW3ZhbHVlXT1cInZhbHVlXCIgW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnID8gJ3JhZGlvQnV0dG9uXycgKyBjeXByZXNzVGFnIDogbnVsbFwiPlxuPGxhYmVsPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2xhYmVsPlxuIl19

package/esm2022/lib/components/gravity-segmented-button/gravity-segmented-button.component.mjs

@@ -63,11 +63,11 @@ export class GravitySegmentedButtonComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySegmentedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySegmentedButtonComponent, selector: "gravity-segmented-button", inputs: { size: "size", buttons: "buttons", disabled: "disabled", preselectedItem: "preselectedItem" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "buttonElements", predicate: ["segmentedButton"], descendants: true }], ngImport: i0, template: "<div class=\"gravity-segmented-button-container {{size}}\" [class.disabled]=\"disabled\">\n    <div class=\"selected-background\" [ngStyle]=\"getSliderStyle()\"></div>\n\n    <div *ngFor=\"let button of buttons\" #segmentedButton\n         class=\"segmented-button\" [ngClass]=\"getState(button)\" (click)=\"onSelect(button)\">\n        <div *ngIf=\"button.icon\">\n            <gravity-icon [style.--icon-color]=\"'var(--segmented-button-color)'\"\n                          [iconSize]=\"'sm-12'\" [size]=\"'sm'\" [iconName]=\"button.icon\"></gravity-icon>\n        </div>\n        <span [ngClass]=\"'hr-label ' + size + (getState(button) === 'selected' ? '-bold' : '-regular')\"> {{button.text}} </span>\n    </div>\n</div>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-segmented-button-container{position:relative;align-items:center;display:inline-flex;gap:var(--gravity-spacing-xxs);background:var(--surface-primary);padding:var(--gravity-spacing-xxs);border-radius:6.25rem;height:var(--segmented-button-container-height)}.gravity-segmented-button-container.sm{--segmented-button-height: 28px;--segmented-button-container-height: 36px}.gravity-segmented-button-container.md{--segmented-button-height: 42px;--segmented-button-container-height: 48px}.gravity-segmented-button-container .selected-background{left:0;width:0;position:absolute;transition:all .3s ease;top:var(--gravity-spacing-xxs);bottom:var(--gravity-spacing-xxs);border-radius:6.25rem;background:var(--on-bg-button-active-primary)}.gravity-segmented-button-container .segmented-button{cursor:default;position:relative;align-items:center;display:inline-flex;justify-content:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-sm);color:var(--segmented-button-color);border-radius:6.25rem;height:var(--segmented-button-height)}.gravity-segmented-button-container .segmented-button.selected{--segmented-button-color: var(--bg-button-active-primary)}.gravity-segmented-button-container .segmented-button.unselected{--segmented-button-color: var(--text-primary)}.gravity-segmented-button-container .segmented-button.disabled{--segmented-button-color: var(--on-bg-disabled)}.gravity-segmented-button-container .segmented-button:not(.disabled):not(.selected):hover{cursor:pointer;--segmented-button-color: var(--text-primary);background:var(--bg-segmented-button-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySegmentedButtonComponent, selector: "gravity-segmented-button", inputs: { size: "size", buttons: "buttons", disabled: "disabled", preselectedItem: "preselectedItem" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "buttonElements", predicate: ["segmentedButton"], descendants: true }], ngImport: i0, template: "<div class=\"gravity-segmented-button-container {{size}}\" [class.disabled]=\"disabled\">\n    <div class=\"selected-background\" [ngStyle]=\"getSliderStyle()\"></div>\n\n    <div *ngFor=\"let button of buttons\" #segmentedButton\n         class=\"segmented-button\" [ngClass]=\"getState(button)\" (click)=\"onSelect(button)\" [attr.data-cy]=\"button.cypressTag? 'segmentedButton_' + button.cypressTag : null\">\n        <div *ngIf=\"button.icon\">\n            <gravity-icon [style.--icon-color]=\"'var(--segmented-button-color)'\"\n                          [iconSize]=\"'sm-12'\" [size]=\"'sm'\" [iconName]=\"button.icon\"></gravity-icon>\n        </div>\n        <span [ngClass]=\"'hr-label ' + size + (getState(button) === 'selected' ? '-bold' : '-regular')\"> {{button.text}} </span>\n    </div>\n</div>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-segmented-button-container{position:relative;align-items:center;display:inline-flex;gap:var(--gravity-spacing-xxs);background:var(--surface-primary);padding:var(--gravity-spacing-xxs);border-radius:6.25rem;height:var(--segmented-button-container-height)}.gravity-segmented-button-container.sm{--segmented-button-height: 28px;--segmented-button-container-height: 36px}.gravity-segmented-button-container.md{--segmented-button-height: 42px;--segmented-button-container-height: 48px}.gravity-segmented-button-container .selected-background{left:0;width:0;position:absolute;transition:all .3s ease;top:var(--gravity-spacing-xxs);bottom:var(--gravity-spacing-xxs);border-radius:6.25rem;background:var(--on-bg-button-active-primary)}.gravity-segmented-button-container .segmented-button{cursor:default;position:relative;align-items:center;display:inline-flex;justify-content:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-sm);color:var(--segmented-button-color);border-radius:6.25rem;height:var(--segmented-button-height)}.gravity-segmented-button-container .segmented-button.selected{--segmented-button-color: var(--bg-button-active-primary)}.gravity-segmented-button-container .segmented-button.unselected{--segmented-button-color: var(--text-primary)}.gravity-segmented-button-container .segmented-button.disabled{--segmented-button-color: var(--on-bg-disabled)}.gravity-segmented-button-container .segmented-button:not(.disabled):not(.selected):hover{cursor:pointer;--segmented-button-color: var(--text-primary);background:var(--bg-segmented-button-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySegmentedButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gravity-segmented-button', template: "<div class=\"gravity-segmented-button-container {{size}}\" [class.disabled]=\"disabled\">\n    <div class=\"selected-background\" [ngStyle]=\"getSliderStyle()\"></div>\n\n    <div *ngFor=\"let button of buttons\" #segmentedButton\n         class=\"segmented-button\" [ngClass]=\"getState(button)\" (click)=\"onSelect(button)\">\n        <div *ngIf=\"button.icon\">\n            <gravity-icon [style.--icon-color]=\"'var(--segmented-button-color)'\"\n                          [iconSize]=\"'sm-12'\" [size]=\"'sm'\" [iconName]=\"button.icon\"></gravity-icon>\n        </div>\n        <span [ngClass]=\"'hr-label ' + size + (getState(button) === 'selected' ? '-bold' : '-regular')\"> {{button.text}} </span>\n    </div>\n</div>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-segmented-button-container{position:relative;align-items:center;display:inline-flex;gap:var(--gravity-spacing-xxs);background:var(--surface-primary);padding:var(--gravity-spacing-xxs);border-radius:6.25rem;height:var(--segmented-button-container-height)}.gravity-segmented-button-container.sm{--segmented-button-height: 28px;--segmented-button-container-height: 36px}.gravity-segmented-button-container.md{--segmented-button-height: 42px;--segmented-button-container-height: 48px}.gravity-segmented-button-container .selected-background{left:0;width:0;position:absolute;transition:all .3s ease;top:var(--gravity-spacing-xxs);bottom:var(--gravity-spacing-xxs);border-radius:6.25rem;background:var(--on-bg-button-active-primary)}.gravity-segmented-button-container .segmented-button{cursor:default;position:relative;align-items:center;display:inline-flex;justify-content:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-sm);color:var(--segmented-button-color);border-radius:6.25rem;height:var(--segmented-button-height)}.gravity-segmented-button-container .segmented-button.selected{--segmented-button-color: var(--bg-button-active-primary)}.gravity-segmented-button-container .segmented-button.unselected{--segmented-button-color: var(--text-primary)}.gravity-segmented-button-container .segmented-button.disabled{--segmented-button-color: var(--on-bg-disabled)}.gravity-segmented-button-container .segmented-button:not(.disabled):not(.selected):hover{cursor:pointer;--segmented-button-color: var(--text-primary);background:var(--bg-segmented-button-primary)}\n"] }]
+            args: [{ selector: 'gravity-segmented-button', template: "<div class=\"gravity-segmented-button-container {{size}}\" [class.disabled]=\"disabled\">\n    <div class=\"selected-background\" [ngStyle]=\"getSliderStyle()\"></div>\n\n    <div *ngFor=\"let button of buttons\" #segmentedButton\n         class=\"segmented-button\" [ngClass]=\"getState(button)\" (click)=\"onSelect(button)\" [attr.data-cy]=\"button.cypressTag? 'segmentedButton_' + button.cypressTag : null\">\n        <div *ngIf=\"button.icon\">\n            <gravity-icon [style.--icon-color]=\"'var(--segmented-button-color)'\"\n                          [iconSize]=\"'sm-12'\" [size]=\"'sm'\" [iconName]=\"button.icon\"></gravity-icon>\n        </div>\n        <span [ngClass]=\"'hr-label ' + size + (getState(button) === 'selected' ? '-bold' : '-regular')\"> {{button.text}} </span>\n    </div>\n</div>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-segmented-button-container{position:relative;align-items:center;display:inline-flex;gap:var(--gravity-spacing-xxs);background:var(--surface-primary);padding:var(--gravity-spacing-xxs);border-radius:6.25rem;height:var(--segmented-button-container-height)}.gravity-segmented-button-container.sm{--segmented-button-height: 28px;--segmented-button-container-height: 36px}.gravity-segmented-button-container.md{--segmented-button-height: 42px;--segmented-button-container-height: 48px}.gravity-segmented-button-container .selected-background{left:0;width:0;position:absolute;transition:all .3s ease;top:var(--gravity-spacing-xxs);bottom:var(--gravity-spacing-xxs);border-radius:6.25rem;background:var(--on-bg-button-active-primary)}.gravity-segmented-button-container .segmented-button{cursor:default;position:relative;align-items:center;display:inline-flex;justify-content:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-sm);color:var(--segmented-button-color);border-radius:6.25rem;height:var(--segmented-button-height)}.gravity-segmented-button-container .segmented-button.selected{--segmented-button-color: var(--bg-button-active-primary)}.gravity-segmented-button-container .segmented-button.unselected{--segmented-button-color: var(--text-primary)}.gravity-segmented-button-container .segmented-button.disabled{--segmented-button-color: var(--on-bg-disabled)}.gravity-segmented-button-container .segmented-button:not(.disabled):not(.selected):hover{cursor:pointer;--segmented-button-color: var(--text-primary);background:var(--bg-segmented-button-primary)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], buttons: [{
@@ -82,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: ViewChildren,
                 args: ['segmentedButton']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi9ncmF2aXR5LXNlZ21lbnRlZC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWEsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBV2pJLE1BQU0sT0FBTywrQkFBK0I7SUFMNUM7UUFNVyxTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixZQUFPLEdBQXNCLEVBQUUsQ0FBQztRQUNoQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXpCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSXpDLGdCQUFXLEdBQUcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQztLQTBEcEQ7SUF4REMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztZQUMxQixPQUFPO1NBQ1I7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRTtZQUNwRixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7U0FDM0M7YUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNsQyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFFBQVEsQ0FBQyxNQUF1QjtRQUNyQyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxNQUFNLENBQUMsS0FBSztZQUFFLE9BQU87UUFFakUsSUFBSSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sUUFBUSxDQUFDLE1BQXVCO1FBQ3JDLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPLFVBQVUsQ0FBQztRQUNyQyxPQUFPLE1BQU0sQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUM7SUFDekUsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzFFLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQztZQUFFLE9BQU87UUFFekIsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsYUFBYSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxhQUFhO1lBQUUsT0FBTztRQUUzQixNQUFNLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEdBQUcsYUFBYSxDQUFDO1FBQy9ELElBQUksQ0FBQyxXQUFXLEdBQUc7WUFDakIsSUFBSSxFQUFFLEdBQUcsSUFBSSxJQUFJO1lBQ2pCLEtBQUssRUFBRSxHQUFHLEtBQUssSUFBSTtTQUNwQixDQUFDO0lBQ0osQ0FBQztJQUVNLGNBQWM7UUFDbkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxLQUFhO1FBQ25DLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBQzFCLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUMsRUFBRTtZQUN0RCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDeEM7SUFDSCxDQUFDOytHQWxFVSwrQkFBK0I7bUdBQS9CLCtCQUErQixpVENYNUMseXRCQVlBOzs0RkREYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUszQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUMwQixjQUFjO3NCQUE5QyxZQUFZO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgUXVlcnlMaXN0LCBWaWV3Q2hpbGRyZW59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNlZ21lbnRlZEJ1dHRvbiB7XG5cdHRleHQ6IHN0cmluZzsgaWNvbj86IHN0cmluZzsgdmFsdWU6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTZWdtZW50ZWRCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyA9ICdzbSc7XG4gIEBJbnB1dCgpIGJ1dHRvbnM6IFNlZ21lbnRlZEJ1dHRvbltdID0gW107XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHByZXNlbGVjdGVkSXRlbT86IHN0cmluZztcbiAgQE91dHB1dCgpIHNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBWaWV3Q2hpbGRyZW4oJ3NlZ21lbnRlZEJ1dHRvbicpIGJ1dHRvbkVsZW1lbnRzITogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PjtcblxuICBwdWJsaWMgc2VsZWN0ZWRWYWx1ZTogc3RyaW5nO1xuICBwdWJsaWMgc2xpZGVyU3R5bGUgPSB7IGxlZnQ6ICcwcHgnLCB3aWR0aDogJzBweCcgfTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gbnVsbDtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5wcmVzZWxlY3RlZEl0ZW0gJiYgdGhpcy5idXR0b25zLnNvbWUoYiA9PiBiLnZhbHVlID09PSB0aGlzLnByZXNlbGVjdGVkSXRlbSkpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHRoaXMucHJlc2VsZWN0ZWRJdGVtO1xuICAgIH0gZWxzZSBpZiAodGhpcy5idXR0b25zLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHRoaXMuYnV0dG9uc1swXS52YWx1ZTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnVwZGF0ZVNsaWRlclN0eWxlKCksIDApO1xuICB9XG5cbiAgcHVibGljIG9uU2VsZWN0KGJ1dHRvbjogU2VnbWVudGVkQnV0dG9uKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5zZWxlY3RlZFZhbHVlID09PSBidXR0b24udmFsdWUpIHJldHVybjtcblxuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IGJ1dHRvbi52YWx1ZTtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoYnV0dG9uLnZhbHVlKTtcbiAgICB0aGlzLnVwZGF0ZVNsaWRlclN0eWxlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0U3RhdGUoYnV0dG9uOiBTZWdtZW50ZWRCdXR0b24pOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm4gJ2Rpc2FibGVkJztcbiAgICByZXR1cm4gYnV0dG9uLnZhbHVlID09PSB0aGlzLnNlbGVjdGVkVmFsdWUgPyAnc2VsZWN0ZWQnIDogJ3Vuc2VsZWN0ZWQnO1xuICB9XG5cbiAgcHVibGljIHVwZGF0ZVNsaWRlclN0eWxlKCk6IHZvaWQge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5idXR0b25zLmZpbmRJbmRleChiID0+IGIudmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSk7XG4gICAgaWYgKGluZGV4ID09PSAtMSkgcmV0dXJuO1xuXG4gICAgY29uc3QgYnV0dG9uRWxlbWVudCA9IHRoaXMuYnV0dG9uRWxlbWVudHMuZ2V0KGluZGV4KT8ubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoIWJ1dHRvbkVsZW1lbnQpIHJldHVybjtcblxuICAgIGNvbnN0IHsgb2Zmc2V0TGVmdDogbGVmdCwgb2Zmc2V0V2lkdGg6IHdpZHRoIH0gPSBidXR0b25FbGVtZW50O1xuICAgIHRoaXMuc2xpZGVyU3R5bGUgPSB7XG4gICAgICBsZWZ0OiBgJHtsZWZ0fXB4YCxcbiAgICAgIHdpZHRoOiBgJHt3aWR0aH1weGBcbiAgICB9O1xuICB9XG5cbiAgcHVibGljIGdldFNsaWRlclN0eWxlKCk6IHsgbGVmdDogc3RyaW5nOyB3aWR0aDogc3RyaW5nIH0ge1xuICAgIHJldHVybiB0aGlzLnNsaWRlclN0eWxlO1xuICB9XG5cbiAgcHVibGljIHNldFNlbGVjdGVkVmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm47XG4gICAgaWYgKHZhbHVlICYmIHRoaXMuYnV0dG9ucy5zb21lKGIgPT4gYi52YWx1ZSA9PT0gdmFsdWUpKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSB2YWx1ZTtcbiAgICAgIHRoaXMudXBkYXRlU2xpZGVyU3R5bGUoKTtcbiAgICAgIHRoaXMuc2VsZWN0ZWQuZW1pdCh0aGlzLnNlbGVjdGVkVmFsdWUpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi1jb250YWluZXIge3tzaXplfX1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtYmFja2dyb3VuZFwiIFtuZ1N0eWxlXT1cImdldFNsaWRlclN0eWxlKClcIj48L2Rpdj5cblxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBidXR0b25zXCIgI3NlZ21lbnRlZEJ1dHRvblxuICAgICAgICAgY2xhc3M9XCJzZWdtZW50ZWQtYnV0dG9uXCIgW25nQ2xhc3NdPVwiZ2V0U3RhdGUoYnV0dG9uKVwiIChjbGljayk9XCJvblNlbGVjdChidXR0b24pXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJidXR0b24uaWNvblwiPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1zZWdtZW50ZWQtYnV0dG9uLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiIFtzaXplXT1cIidzbSdcIiBbaWNvbk5hbWVdPVwiYnV0dG9uLmljb25cIj48L2dyYXZpdHktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cIidoci1sYWJlbCAnICsgc2l6ZSArIChnZXRTdGF0ZShidXR0b24pID09PSAnc2VsZWN0ZWQnID8gJy1ib2xkJyA6ICctcmVndWxhcicpXCI+IHt7YnV0dG9uLnRleHR9fSA8L3NwYW4+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc2VnbWVudGVkLWJ1dHRvbi9ncmF2aXR5LXNlZ21lbnRlZC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWEsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBV2pJLE1BQU0sT0FBTywrQkFBK0I7SUFMNUM7UUFNVyxTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixZQUFPLEdBQXNCLEVBQUUsQ0FBQztRQUNoQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXpCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSXpDLGdCQUFXLEdBQUcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQztLQTBEcEQ7SUF4REMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztZQUMxQixPQUFPO1NBQ1I7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRTtZQUNwRixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7U0FDM0M7YUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNsQyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFFBQVEsQ0FBQyxNQUF1QjtRQUNyQyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxNQUFNLENBQUMsS0FBSztZQUFFLE9BQU87UUFFakUsSUFBSSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sUUFBUSxDQUFDLE1BQXVCO1FBQ3JDLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPLFVBQVUsQ0FBQztRQUNyQyxPQUFPLE1BQU0sQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUM7SUFDekUsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzFFLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQztZQUFFLE9BQU87UUFFekIsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsYUFBYSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxhQUFhO1lBQUUsT0FBTztRQUUzQixNQUFNLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEdBQUcsYUFBYSxDQUFDO1FBQy9ELElBQUksQ0FBQyxXQUFXLEdBQUc7WUFDakIsSUFBSSxFQUFFLEdBQUcsSUFBSSxJQUFJO1lBQ2pCLEtBQUssRUFBRSxHQUFHLEtBQUssSUFBSTtTQUNwQixDQUFDO0lBQ0osQ0FBQztJQUVNLGNBQWM7UUFDbkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxLQUFhO1FBQ25DLElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBQzFCLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUMsRUFBRTtZQUN0RCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDeEM7SUFDSCxDQUFDOytHQWxFVSwrQkFBK0I7bUdBQS9CLCtCQUErQixpVENYNUMsNnlCQVlBOzs0RkREYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUszQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUMwQixjQUFjO3NCQUE5QyxZQUFZO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgUXVlcnlMaXN0LCBWaWV3Q2hpbGRyZW59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNlZ21lbnRlZEJ1dHRvbiB7XG5cdHRleHQ6IHN0cmluZzsgaWNvbj86IHN0cmluZzsgdmFsdWU6IHN0cmluZzsgY3lwcmVzc1RhZz86IHN0cmluZ1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LXNlZ21lbnRlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eVNlZ21lbnRlZEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnID0gJ3NtJztcbiAgQElucHV0KCkgYnV0dG9uczogU2VnbWVudGVkQnV0dG9uW10gPSBbXTtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHJlc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICBAT3V0cHV0KCkgc2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQFZpZXdDaGlsZHJlbignc2VnbWVudGVkQnV0dG9uJykgYnV0dG9uRWxlbWVudHMhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+O1xuXG4gIHB1YmxpYyBzZWxlY3RlZFZhbHVlOiBzdHJpbmc7XG4gIHB1YmxpYyBzbGlkZXJTdHlsZSA9IHsgbGVmdDogJzBweCcsIHdpZHRoOiAnMHB4JyB9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSBudWxsO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnByZXNlbGVjdGVkSXRlbSAmJiB0aGlzLmJ1dHRvbnMuc29tZShiID0+IGIudmFsdWUgPT09IHRoaXMucHJlc2VsZWN0ZWRJdGVtKSkge1xuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gdGhpcy5wcmVzZWxlY3RlZEl0ZW07XG4gICAgfSBlbHNlIGlmICh0aGlzLmJ1dHRvbnMubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gdGhpcy5idXR0b25zWzBdLnZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMudXBkYXRlU2xpZGVyU3R5bGUoKSwgMCk7XG4gIH1cblxuICBwdWJsaWMgb25TZWxlY3QoYnV0dG9uOiBTZWdtZW50ZWRCdXR0b24pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLnNlbGVjdGVkVmFsdWUgPT09IGJ1dHRvbi52YWx1ZSkgcmV0dXJuO1xuXG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gYnV0dG9uLnZhbHVlO1xuICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChidXR0b24udmFsdWUpO1xuICAgIHRoaXMudXBkYXRlU2xpZGVyU3R5bGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRTdGF0ZShidXR0b246IFNlZ21lbnRlZEJ1dHRvbik6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybiAnZGlzYWJsZWQnO1xuICAgIHJldHVybiBidXR0b24udmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSA/ICdzZWxlY3RlZCcgOiAndW5zZWxlY3RlZCc7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlU2xpZGVyU3R5bGUoKTogdm9pZCB7XG4gICAgY29uc3QgaW5kZXggPSB0aGlzLmJ1dHRvbnMuZmluZEluZGV4KGIgPT4gYi52YWx1ZSA9PT0gdGhpcy5zZWxlY3RlZFZhbHVlKTtcbiAgICBpZiAoaW5kZXggPT09IC0xKSByZXR1cm47XG5cbiAgICBjb25zdCBidXR0b25FbGVtZW50ID0gdGhpcy5idXR0b25FbGVtZW50cy5nZXQoaW5kZXgpPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghYnV0dG9uRWxlbWVudCkgcmV0dXJuO1xuXG4gICAgY29uc3QgeyBvZmZzZXRMZWZ0OiBsZWZ0LCBvZmZzZXRXaWR0aDogd2lkdGggfSA9IGJ1dHRvbkVsZW1lbnQ7XG4gICAgdGhpcy5zbGlkZXJTdHlsZSA9IHtcbiAgICAgIGxlZnQ6IGAke2xlZnR9cHhgLFxuICAgICAgd2lkdGg6IGAke3dpZHRofXB4YFxuICAgIH07XG4gIH1cblxuICBwdWJsaWMgZ2V0U2xpZGVyU3R5bGUoKTogeyBsZWZ0OiBzdHJpbmc7IHdpZHRoOiBzdHJpbmcgfSB7XG4gICAgcmV0dXJuIHRoaXMuc2xpZGVyU3R5bGU7XG4gIH1cblxuICBwdWJsaWMgc2V0U2VsZWN0ZWRWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHJldHVybjtcbiAgICBpZiAodmFsdWUgJiYgdGhpcy5idXR0b25zLnNvbWUoYiA9PiBiLnZhbHVlID09PSB2YWx1ZSkpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHZhbHVlO1xuICAgICAgdGhpcy51cGRhdGVTbGlkZXJTdHlsZSgpO1xuICAgICAgdGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMuc2VsZWN0ZWRWYWx1ZSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zZWdtZW50ZWQtYnV0dG9uLWNvbnRhaW5lciB7e3NpemV9fVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZWxlY3RlZC1iYWNrZ3JvdW5kXCIgW25nU3R5bGVdPVwiZ2V0U2xpZGVyU3R5bGUoKVwiPjwvZGl2PlxuXG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGJ1dHRvbnNcIiAjc2VnbWVudGVkQnV0dG9uXG4gICAgICAgICBjbGFzcz1cInNlZ21lbnRlZC1idXR0b25cIiBbbmdDbGFzc109XCJnZXRTdGF0ZShidXR0b24pXCIgKGNsaWNrKT1cIm9uU2VsZWN0KGJ1dHRvbilcIiBbYXR0ci5kYXRhLWN5XT1cImJ1dHRvbi5jeXByZXNzVGFnPyAnc2VnbWVudGVkQnV0dG9uXycgKyBidXR0b24uY3lwcmVzc1RhZyA6IG51bGxcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImJ1dHRvbi5pY29uXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXNlZ21lbnRlZC1idXR0b24tY29sb3IpJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCInc20tMTInXCIgW3NpemVdPVwiJ3NtJ1wiIFtpY29uTmFtZV09XCJidXR0b24uaWNvblwiPjwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwiJ2hyLWxhYmVsICcgKyBzaXplICsgKGdldFN0YXRlKGJ1dHRvbikgPT09ICdzZWxlY3RlZCcgPyAnLWJvbGQnIDogJy1yZWd1bGFyJylcIj4ge3tidXR0b24udGV4dH19IDwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs

@@ -17,11 +17,11 @@ export class GravityStatusIndicatorComponent {
         this.text = this.text.charAt(0).toUpperCase() + this.text.slice(1).toLowerCase();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", cypressTag: "cypressTag", size: "size", type: "type", status: "status" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n    <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n    <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", cypressTag: "cypressTag", size: "size", type: "type", status: "status" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\" [attr.data-cy]=\"cypressTag ? 'statusIndicator_' + cypressTag : null\">\n    <span *ngIf=\"text\" >{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\" [attr.data-cy]=\"cypressTag ? 'statusIndicator_' + cypressTag : null\">\n    <div></div> <span>{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n    <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n    <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
+            args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\" [attr.data-cy]=\"cypressTag ? 'statusIndicator_' + cypressTag : null\">\n    <span *ngIf=\"text\" >{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\" [attr.data-cy]=\"cypressTag ? 'statusIndicator_' + cypressTag : null\">\n    <div></div> <span>{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], text: [{
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], status: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7Ozs7QUFPMUQsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVNrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQWdILFFBQVEsQ0FBQztLQWFoSjtJQVZDLFdBQVc7UUFDVCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuRixDQUFDOytHQWhCVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxTUNQNUMsdWRBTU07OzRGRENPLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwwQkFBMEI7OEJBS3BCLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eVN0YXR1c0luZGljYXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyB0ZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nIHwgJ21kJyA9ICdzbSc7XG4gIEBJbnB1dCgpIHB1YmxpYyB0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgcHVibGljIHN0YXR1czogJ3Bvc2l0aXZlJyB8ICdwb3NpdGl2ZS1zZWNvbmRhcnknIHwgJ25lZ2F0aXZlJyB8ICduZWdhdGl2ZS1zZWNvbmRhcnknIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyB8ICdkaXNhYmxlZCcgPSAnbmV1dHJvJztcblxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuY2FwaXRhbGl6ZUZpcnN0KCk7XG4gIH1cblxuICBwdWJsaWMgY2FwaXRhbGl6ZUZpcnN0KCk6IHN0cmluZyB7XG4gICAgaWYgKCF0aGlzLnRleHQpIHJldHVybiAnJztcbiAgICB0aGlzLnRleHQgPSB0aGlzLnRleHQuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyB0aGlzLnRleHQuc2xpY2UoMSkudG9Mb3dlckNhc2UoKTtcbiAgfVxuXG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IgaHItYm9keSB7e3NpemV9fS1yZWd1bGFyIHt7c3RhdHVzfX0ge3tzaXplfX1cIiAqbmdJZj1cInR5cGUgPT09ICdwcmltYXJ5J1wiPlxuICAgIDxzcGFuICpuZ0lmPVwidGV4dFwiIFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZ1wiPnt7dGV4dH19PC9zcGFuPiA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJpY29uXCIgW2ljb25TaXplXT1cIidzbS0xMidcIiAqbmdJZj1cImljb25cIj48L2dyYXZpdHktaWNvbj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLWRvdCBoci1ib2R5IHNtLXJlZ3VsYXIge3tzdGF0dXN9fVwiICpuZ0lmPVwidHlwZSA9PT0gJ3NlY29uZGFyeSdcIj5cbiAgICA8ZGl2PjwvZGl2PiA8c3BhbiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiA+e3t0ZXh0fX08L3NwYW4+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7Ozs7QUFPMUQsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVNrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQWdILFFBQVEsQ0FBQztLQWFoSjtJQVZDLFdBQVc7UUFDVCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuRixDQUFDOytHQWhCVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxTUNQNUMseWlCQU1NOzs0RkRDTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUtwQixJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTdGF0dXNJbmRpY2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgY3lwcmVzc1RhZzogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXM6ICdwb3NpdGl2ZScgfCAncG9zaXRpdmUtc2Vjb25kYXJ5JyB8ICduZWdhdGl2ZScgfCAnbmVnYXRpdmUtc2Vjb25kYXJ5JyB8ICdhdHRlbnRpb24nIHwgJ25ldXRybycgfCAnZGlzYWJsZWQnID0gJ25ldXRybyc7XG5cblxuICBuZ09uQ2hhbmdlcygpIHtcbiAgICB0aGlzLmNhcGl0YWxpemVGaXJzdCgpO1xuICB9XG5cbiAgcHVibGljIGNhcGl0YWxpemVGaXJzdCgpOiBzdHJpbmcge1xuICAgIGlmICghdGhpcy50ZXh0KSByZXR1cm4gJyc7XG4gICAgdGhpcy50ZXh0ID0gdGhpcy50ZXh0LmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdGhpcy50ZXh0LnNsaWNlKDEpLnRvTG93ZXJDYXNlKCk7XG4gIH1cblxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yIGhyLWJvZHkge3tzaXplfX0tcmVndWxhciB7e3N0YXR1c319IHt7c2l6ZX19XCIgKm5nSWY9XCJ0eXBlID09PSAncHJpbWFyeSdcIiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWcgPyAnc3RhdHVzSW5kaWNhdG9yXycgKyBjeXByZXNzVGFnIDogbnVsbFwiPlxuICAgIDxzcGFuICpuZ0lmPVwidGV4dFwiID57e3RleHR9fTwvc3Bhbj4gPGdyYXZpdHktaWNvbiBbaWNvbk5hbWVdPVwiaWNvblwiIFtpY29uU2l6ZV09XCInc20tMTInXCIgKm5nSWY9XCJpY29uXCI+PC9ncmF2aXR5LWljb24+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImdyYXZpdHktc3RhdHVzLWluZGljYXRvci1kb3QgaHItYm9keSBzbS1yZWd1bGFyIHt7c3RhdHVzfX1cIiAqbmdJZj1cInR5cGUgPT09ICdzZWNvbmRhcnknXCIgW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnID8gJ3N0YXR1c0luZGljYXRvcl8nICsgY3lwcmVzc1RhZyA6IG51bGxcIj5cbiAgICA8ZGl2PjwvZGl2PiA8c3Bhbj57e3RleHR9fTwvc3Bhbj5cbjwvZGl2PiJdfQ==

package/esm2022/lib/components/gravity-switch/gravity-switch.component.mjs

@@ -33,11 +33,11 @@ export class GravitySwitchComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySwitchComponent, selector: "gravity-switch", inputs: { cypressTag: "cypressTag", size: "size", checked: "checked", disabled: "disabled", icons: "icons", labels: "labels" }, outputs: { response: "response" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n  <span class=\"hr-body sm-regular\" *ngIf=\"labels?.left\">{{ labels.left }}</span>\n  <div [attr.data-cy]=\"cypressTag\" class=\"switch \" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n    <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n    <div class=\"slider\">\n        <div class=\"icon-container\" [ngClass]=\"disabled ? '' : 'elevation-xs'\">\n            <gravity-icon *ngIf=\"icons && icons.on && icons.off\"\n              [iconSize]=\"getIconSizeClass(size)\"\n              [style.--icon-color]=\"'var(--switch-icon-color)'\"\n              [iconName]=\"disabled || isSwitchActive ? icons.on : icons.off\" >\n            </gravity-icon>\n        </div>\n    </div>\n  </div>\n  <span class=\"hr-body sm-regular\" *ngIf=\"labels?.right\">{{ labels.right }}</span>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider .icon-container{display:flex;position:absolute;align-items:center;justify-content:center;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider .icon-container{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider .icon-container{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider .icon-container{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1px;--switch-gap-spacing: var(--gravity-spacing-xxs)}.gravity-switch.size-md{--switch-width: 56px;--switch-height: 28px;--switch-transform: 28px;--switch-slider-size: 22px;--switch-slider-position: 2px;--switch-gap-spacing: var(--gravity-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySwitchComponent, selector: "gravity-switch", inputs: { cypressTag: "cypressTag", size: "size", checked: "checked", disabled: "disabled", icons: "icons", labels: "labels" }, outputs: { response: "response" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\" [attr.data-cy]=\"cypressTag ? 'switch_' + cypressTag : null\">\n  <span class=\"hr-body sm-regular\" *ngIf=\"labels?.left\">{{ labels.left }}</span>\n  <div class=\"switch \" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n    <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n    <div class=\"slider\">\n        <div class=\"icon-container\" [ngClass]=\"disabled ? '' : 'elevation-xs'\">\n            <gravity-icon *ngIf=\"icons && icons.on && icons.off\"\n              [iconSize]=\"getIconSizeClass(size)\"\n              [style.--icon-color]=\"'var(--switch-icon-color)'\"\n              [iconName]=\"disabled || isSwitchActive ? icons.on : icons.off\" >\n            </gravity-icon>\n        </div>\n    </div>\n  </div>\n  <span class=\"hr-body sm-regular\" *ngIf=\"labels?.right\">{{ labels.right }}</span>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider .icon-container{display:flex;position:absolute;align-items:center;justify-content:center;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider .icon-container{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider .icon-container{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider .icon-container{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1px;--switch-gap-spacing: var(--gravity-spacing-xxs)}.gravity-switch.size-md{--switch-width: 56px;--switch-height: 28px;--switch-transform: 28px;--switch-slider-size: 22px;--switch-slider-position: 2px;--switch-gap-spacing: var(--gravity-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySwitchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gravity-switch', template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n  <span class=\"hr-body sm-regular\" *ngIf=\"labels?.left\">{{ labels.left }}</span>\n  <div [attr.data-cy]=\"cypressTag\" class=\"switch \" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n    <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n    <div class=\"slider\">\n        <div class=\"icon-container\" [ngClass]=\"disabled ? '' : 'elevation-xs'\">\n            <gravity-icon *ngIf=\"icons && icons.on && icons.off\"\n              [iconSize]=\"getIconSizeClass(size)\"\n              [style.--icon-color]=\"'var(--switch-icon-color)'\"\n              [iconName]=\"disabled || isSwitchActive ? icons.on : icons.off\" >\n            </gravity-icon>\n        </div>\n    </div>\n  </div>\n  <span class=\"hr-body sm-regular\" *ngIf=\"labels?.right\">{{ labels.right }}</span>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider .icon-container{display:flex;position:absolute;align-items:center;justify-content:center;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider .icon-container{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider .icon-container{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider .icon-container{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1px;--switch-gap-spacing: var(--gravity-spacing-xxs)}.gravity-switch.size-md{--switch-width: 56px;--switch-height: 28px;--switch-transform: 28px;--switch-slider-size: 22px;--switch-slider-position: 2px;--switch-gap-spacing: var(--gravity-spacing-xs)}\n"] }]
+            args: [{ selector: 'gravity-switch', template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\" [attr.data-cy]=\"cypressTag ? 'switch_' + cypressTag : null\">\n  <span class=\"hr-body sm-regular\" *ngIf=\"labels?.left\">{{ labels.left }}</span>\n  <div class=\"switch \" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n    <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n    <div class=\"slider\">\n        <div class=\"icon-container\" [ngClass]=\"disabled ? '' : 'elevation-xs'\">\n            <gravity-icon *ngIf=\"icons && icons.on && icons.off\"\n              [iconSize]=\"getIconSizeClass(size)\"\n              [style.--icon-color]=\"'var(--switch-icon-color)'\"\n              [iconName]=\"disabled || isSwitchActive ? icons.on : icons.off\" >\n            </gravity-icon>\n        </div>\n    </div>\n  </div>\n  <span class=\"hr-body sm-regular\" *ngIf=\"labels?.right\">{{ labels.right }}</span>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider .icon-container{display:flex;position:absolute;align-items:center;justify-content:center;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider .icon-container{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider .icon-container{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider .icon-container{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1px;--switch-gap-spacing: var(--gravity-spacing-xxs)}.gravity-switch.size-md{--switch-width: 56px;--switch-height: 28px;--switch-transform: 28px;--switch-slider-size: 22px;--switch-slider-position: 2px;--switch-gap-spacing: var(--gravity-spacing-xs)}\n"] }]
         }], propDecorators: { cypressTag: [{
                 type: Input
             }], size: [{
@@ -53,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], response: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN3aXRjaC9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3dpdGNoL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7OztBQU85RyxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBT2tCLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUl6QixhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0QsbUJBQWMsR0FBWSxLQUFLLENBQUM7S0E0QnhDO0lBMUJDLGVBQWU7UUFDYixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxZQUFZLENBQUM7U0FDdkQ7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsSUFBaUI7UUFDdkMsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUk7Z0JBQ1AsT0FBTyxPQUFPLENBQUM7WUFDakIsS0FBSyxJQUFJO2dCQUNQLE9BQU8sT0FBTyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzsrR0FwQ1Usc0JBQXNCO21HQUF0QixzQkFBc0IsOE9DUG5DLG8zQkFnQkE7OzRGRFRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS1YsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBRVcsUUFBUTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5U3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdtZCcgfCAnc20nID0gJ21kJztcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uczogeyBvbj86IHN0cmluZzsgb2ZmPzogc3RyaW5nOyB9O1xuICBASW5wdXQoKSBwdWJsaWMgbGFiZWxzOiB7IGxlZnQ/OiBzdHJpbmc7IHJpZ2h0Pzogc3RyaW5nOyB9O1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgcmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgaXNTd2l0Y2hBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9IHRoaXMuY2hlY2tlZDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snY2hlY2tlZCddKSB7XG4gICAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gY2hhbmdlc1snY2hlY2tlZCddLmN1cnJlbnRWYWx1ZTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlU3dpdGNoKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9ICF0aGlzLmlzU3dpdGNoQWN0aXZlO1xuICAgICAgdGhpcy5yZXNwb25zZS5lbWl0KHRoaXMuaXNTd2l0Y2hBY3RpdmUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXRJY29uU2l6ZUNsYXNzKHNpemU6ICdtZCcgfCAnc20nKSB7XG4gICAgc3dpdGNoIChzaXplKSB7XG4gICAgICBjYXNlIFwic21cIjpcbiAgICAgICAgcmV0dXJuICdzbS0xMic7XG4gICAgICBjYXNlIFwibWRcIjpcbiAgICAgICAgcmV0dXJuICdtZC0xNic7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN3aXRjaCBzaXplLXt7c2l6ZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gIDxzcGFuIGNsYXNzPVwiaHItYm9keSBzbS1yZWd1bGFyXCIgKm5nSWY9XCJsYWJlbHM/LmxlZnRcIj57eyBsYWJlbHMubGVmdCB9fTwvc3Bhbj5cbiAgPGRpdiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cInN3aXRjaCBcIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoY2xpY2spPVwidG9nZ2xlU3dpdGNoKClcIj5cbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgW2NoZWNrZWRdPVwiaXNTd2l0Y2hBY3RpdmVcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cImRpc2FibGVkID8gJycgOiAnZWxldmF0aW9uLXhzJ1wiPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiAqbmdJZj1cImljb25zICYmIGljb25zLm9uICYmIGljb25zLm9mZlwiXG4gICAgICAgICAgICAgIFtpY29uU2l6ZV09XCJnZXRJY29uU2l6ZUNsYXNzKHNpemUpXCJcbiAgICAgICAgICAgICAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tc3dpdGNoLWljb24tY29sb3IpJ1wiXG4gICAgICAgICAgICAgIFtpY29uTmFtZV09XCJkaXNhYmxlZCB8fCBpc1N3aXRjaEFjdGl2ZSA/IGljb25zLm9uIDogaWNvbnMub2ZmXCIgPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiAqbmdJZj1cImxhYmVscz8ucmlnaHRcIj57eyBsYWJlbHMucmlnaHQgfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN3aXRjaC9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3dpdGNoL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7OztBQU85RyxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBT2tCLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ3pCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUl6QixhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0QsbUJBQWMsR0FBWSxLQUFLLENBQUM7S0E0QnhDO0lBMUJDLGVBQWU7UUFDYixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxZQUFZLENBQUM7U0FDdkQ7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsSUFBaUI7UUFDdkMsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUk7Z0JBQ1AsT0FBTyxPQUFPLENBQUM7WUFDakIsS0FBSyxJQUFJO2dCQUNQLE9BQU8sT0FBTyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzsrR0FwQ1Usc0JBQXNCO21HQUF0QixzQkFBc0IsOE9DUG5DLG81QkFnQkE7OzRGRFRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS1YsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBRVcsUUFBUTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5U3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdtZCcgfCAnc20nID0gJ21kJztcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uczogeyBvbj86IHN0cmluZzsgb2ZmPzogc3RyaW5nOyB9O1xuICBASW5wdXQoKSBwdWJsaWMgbGFiZWxzOiB7IGxlZnQ/OiBzdHJpbmc7IHJpZ2h0Pzogc3RyaW5nOyB9O1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgcmVzcG9uc2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgaXNTd2l0Y2hBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9IHRoaXMuY2hlY2tlZDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snY2hlY2tlZCddKSB7XG4gICAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gY2hhbmdlc1snY2hlY2tlZCddLmN1cnJlbnRWYWx1ZTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlU3dpdGNoKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pc1N3aXRjaEFjdGl2ZSA9ICF0aGlzLmlzU3dpdGNoQWN0aXZlO1xuICAgICAgdGhpcy5yZXNwb25zZS5lbWl0KHRoaXMuaXNTd2l0Y2hBY3RpdmUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXRJY29uU2l6ZUNsYXNzKHNpemU6ICdtZCcgfCAnc20nKSB7XG4gICAgc3dpdGNoIChzaXplKSB7XG4gICAgICBjYXNlIFwic21cIjpcbiAgICAgICAgcmV0dXJuICdzbS0xMic7XG4gICAgICBjYXNlIFwibWRcIjpcbiAgICAgICAgcmV0dXJuICdtZC0xNic7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN3aXRjaCBzaXplLXt7c2l6ZX19XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnID8gJ3N3aXRjaF8nICsgY3lwcmVzc1RhZyA6IG51bGxcIj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiAqbmdJZj1cImxhYmVscz8ubGVmdFwiPnt7IGxhYmVscy5sZWZ0IH19PC9zcGFuPlxuICA8ZGl2IGNsYXNzPVwic3dpdGNoIFwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJ0b2dnbGVTd2l0Y2goKVwiPlxuICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbY2hlY2tlZF09XCJpc1N3aXRjaEFjdGl2ZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCIgW25nQ2xhc3NdPVwiZGlzYWJsZWQgPyAnJyA6ICdlbGV2YXRpb24teHMnXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnMub24gJiYgaWNvbnMub2ZmXCJcbiAgICAgICAgICAgICAgW2ljb25TaXplXT1cImdldEljb25TaXplQ2xhc3Moc2l6ZSlcIlxuICAgICAgICAgICAgICBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1zd2l0Y2gtaWNvbi1jb2xvciknXCJcbiAgICAgICAgICAgICAgW2ljb25OYW1lXT1cImRpc2FibGVkIHx8IGlzU3dpdGNoQWN0aXZlID8gaWNvbnMub24gOiBpY29ucy5vZmZcIiA+XG4gICAgICAgICAgICA8L2dyYXZpdHktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8c3BhbiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiICpuZ0lmPVwibGFiZWxzPy5yaWdodFwiPnt7IGxhYmVscy5yaWdodCB9fTwvc3Bhbj5cbjwvZGl2PlxuIl19